html,body{background-color: #000000;font-family: Helvetica, Arial, sans-serif;color: #666666;}

/*************************
	Page Layout
*************************/
#page-container{margin: 0 auto;width: 837px; font-size: 85%; line-height: 1.27;}
	#header{float: left;width: 100%;padding: 64px 0 0;}

		#logo{background:  url("../images/logo.gif") no-repeat top left;text-indent: -100em;width: 163px;height: 50px;float: left;display: block;}

		#navigator{float: right;width: 300px;margin: 0;}
		#navigator li{display: block;float: right;clear: right;list-style: none;}
		#navigator li a{color: #2D9CAA;text-decoration: none;text-transform: uppercase;}
		#navigator li a:hover,#navigator li.on a{color: #206e80;text-decoration: none;}

		#header .tagline{float: left;color: #2D9CAA;clear: left;margin: 5px 0 0 0; width: 500px; }
	#content{float: left;width: 100%;margin: 5px 0;}
		.text{padding: 30px 0 0; }
	#footer{float: left;width: 100%;padding: 10px 0;}
		#footer p.address{float: right;text-align: right;}


/*************************
	Site wide elements
	955 ...386
	837....x
**************************/

.inside{ padding:12px; }
h1{}
h2, #play-btn, .play-btn{color: #a0a0a0;text-transform: uppercase;font-size: 100%;font-weight: normal;}
h3{}
p{}
a{color: #666666;text-decoration: none;}
a:hover{color: #206e80;text-decoration: underline;}
a:visited{}

#play-btn:hover.play-btn:hover{text-decoration: none;color: #808080;}

ul{}

/*************************
	Utils
*************************/
.hide{ display: none; }
.show{ display: block; }
.show_{ display: inline; }
.underline{ text-decoration: underline; }
.italic{ font-style: italic; }
.right{ text-align: right; }
.left{ text-align: left; }
.center{ text-align: center; }
.bold{ font-weight: bold; }
.bolder{ font-weight: bolder; }
.sstrike{ text-decoration: line-through; }
.fr{ float: right !important; }
.fl{ float: left !important; }
hr{ clear:left; height:1px; color:#52564a; background-color:#52564a; border:0; }

.frimg{ float:right; margin: 0 0 8px 8px; clear: right; }
.flimg{ float:left; margin: 0 8px 8px 0; clear: left; }

/*************************
	Clearfix
*************************/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/*******************************
		page-home
*/
#page-home{margin-top: 0;}


/*******************************
		page-reel
*/


#page-reel #sidebar{width: 170px;margin-right: 10px; float: left;}
#page-reel #video{width:480px;float: left;padding-top: 55px;}
#page-reel h2{margin-top: 50px;}
#page-reel #video p{margin-top: 10px;}

/*******************************
		page-contact
*/

#page-contact{width: 380px;margin: 30px auto 0;}
#page-contact div{ float: left; width: 140px;margin-right: 50px;height: 180px;}
#page-contact #enquiries p{line-height: 2;}

/*******************************
		directors
*/

#page-directors #sidebar{width: 140px;float: left;margin-right: 110px;}
#page-directors #video{float: left;}

#directors{float: left;width: 100%;clear: both;margin: 50px 0;padding: 0;}
#directors li{display: block;float: left;list-style: none;width: 49.9%;height: 90px;}
#directors li div.txt{padding: 0 40px 0 25px;float: left;width: 220px;}
#directors li a.img-btn{float: left;display: block; width: 123px;}

#directors h2, #directors p{margin: 0;}
#directors h2{color: #206e80;}
#directors p{font-style: italic;}
#directors .play-btn{position: relative;top: 5px;}