* {	margin: 0;	padding: 0;}
p{ margin: 7px 0; line-height: 1.75em;}
html, body {    height: 100%; color:#A8A8A8; }
body {	color: #a8a8a8; 	font-size: 62.5%; 	font-family: Verdana, Lucida, sans-serif; }
a{ color: #ff6600; }
.boxgrid a, .dirgrid a{ color: #FFF; text-decoration: none; }
img{border:0;}
a:active { outline: none; }
html {	background: #0f0f0f url(../images/bg.gif) fixed repeat-x;}
table {	border-collapse: collapse;	border-spacing: 0;}
caption, th, td {	text-align: left;	font-weight: normal;}
.clear{	clear:both;}
a.work_at{display: block; width: 100px; height: 100px; position: absolute; top: 0; right:0; background: url(../images/hiring.png) no-repeat; text-indent: -9999px;}
/* CONTAINER
----------------------------------------- */
#BgContainer {	width: 1000px;	margin: 0 auto;        min-height: 100%;        position: relative;        padding: 0;}
#Container { 	width: 1000px;	/*padding-bottom: 15px;*/        margin: auto;}
#Layout {    	clear: both;	overflow: hidden;	margin-top: 15px;}
#Content {	width: 538px;	float: right; 		margin: 0;	text-align: left;}
/* HEADER
----------------------------------------- */
#Header {  	width: 50%;        float: left; 	margin: 0 auto;	overflow: hidden;        position: absolute;        z-index: 100;        margin-left: 25px;}
 	#Header h1 { 	  	color: #fff; 		font-size: 3.2em; 		font-family: Tahoma, Verdana, sans-serif;		font-weight: 300;		padding: 36px 0 0 75px;      }
	#Header p {		font-size: 1.4em;		color: #fff;		clear: left;		margin: 0 0 0 100px;	}
/* ROTATING HEADER IMAGES FOR HOME */
#banner { width: 943px; height: 476px; margin-left:28px; }
#banner-showcase { width: 1000px; height: 500px; }
.banner-showcase { position: absolute; }
.banner, .banner-images, .container{ width: 943px; height: 476px;}
.banner-title{ padding: 320px 0 0 85px;}
.banner-pagination { width: 150px; margin: 0 auto 0px 80px; overflow: hidden; height: 18px; position: absolute;  bottom: 25px;}
                .banner-pagination a { float: left; height: 18px; width: 19px;  background: url(../images/banner-pagination.png) no-repeat top left;                                display: block; text-indent: -100000px; margin-left: 4px; outline: none;                        }
                        .banner-pagination a.selected { background-position: top right;}
#Widgets{ padding: 40px 0 30px 100px; background: url(../images/widget-bg.png) no-repeat; height: 160px; }
#Widgets .boxgrid{     width: 170px;     height: 75px;     margin-right:40px;     float:left;     background:#000;     color: #fff;    overflow: hidden;     position: relative;}
.thumbnails .boxgrid{     width: 170px;     height: 110px;     margin-right:40px;     float:left;     background:#000;     color: #fff;    overflow: hidden;     position: relative;}
.thumbnails .last{padding-right: 0; margin-right: 0;}
.boxgrid img{    position: absolute;    top: 0;    left: 0;    border: 0;}
.boxcaption{   float: left;   position: absolute;   background: url(../images/caption-bg.png);   width: 160px;   text-transform: uppercase;}
.captionfull .boxcaption {    top: -50px;    left: 0;    padding: 5px;}
.directors-list .captionfull .boxcaption {    top: 100px;    width:240px;    padding: 5px;    left: 0;}
/* MAIN NAVIGATION - TABS
----------------------------------------- */
#Navigation {	margin:80px 87px 0 0;        float: right;        margin-top: 80px;	overflow: hidden;}
	#Navigation ul { 	}
		#Navigation ul li { list-style: none; margin: 0 2px; float: left; line-height: 2.8em; display: block;		}
  			#Navigation ul li a { float: left; text-decoration: none; display: block; height: 16px; font-size: 1.2em; padding: 0 0 0 10px; color: #fff; }
                        #Navigation ul li a span {display:none;}
                        #Navigation ul li a.work{background: transparent url(../images/nav/work.png) no-repeat 0 0; width: 40px;}
                        #Navigation ul li a.showcase{background: transparent url(../images/nav/showcase.png) no-repeat 0 0; width: 63px;}
                        #Navigation ul li a.showreel{background: transparent url(../images/nav/showreel.png) no-repeat 0 0; width: 66px;}
                        #Navigation ul li a.news{background: transparent url(../images/nav/news.png) no-repeat 0 0; width: 34px;}
                        #Navigation ul li a.about-us{background: transparent url(../images/nav/aboutus.png) no-repeat 0 0; width: 59px;}
                        #Navigation ul li a.pressroom{background: transparent url(../images/nav/pressroom.png) no-repeat 0 0; width: 74px;}
                        #Navigation ul li a.directors{background: transparent url(../images/nav/directors.png) no-repeat 0 0; width: 63px;}
    			#Navigation ul li a.current,
	    		#Navigation ul li a.section,
	    		#Navigation ul li a.section:hover,
	    		#Navigation ul li a.current:hover { background-position: 0 -16px; }
                        #Navigation ul li a.current span,
                        #Navigation ul li a.section span,
	    		#Navigation ul li a.section:hover span,
                        #Navigation ul li a.current:hover span { }
/* WORKPAGE */
.pagination, .thumbnails, .directors-list{ padding:0 100px; background:url(../images/thumbsrow-bg.png) no-repeat center bottom; height: 140px; margin-top: 29px;}
.pagination{ height: 20px; background: none; margin: 0;}
.work-item{ height: 0px;  overflow: hidden; padding: 0 100px; }
.work-container, .about-container{ margin: 10px auto 0 auto; width: 800px; }
.work-container{ border-bottom: 1px #333 dashed; }
.last-house, .on-the-left .work-container{border-bottom: none;}
.thin { clear:both; }
.ContentColumns{width:700px; float: left; padding-bottom: 20px; height:84px;}
.Credits{width:275px; float: left; margin-bottom: 20px;}
.close-btn{float: right; margin: 7px 0;}
#VideoHolder{height:480px; margin-bottom: 17px;}
.social-links{width: 100px; float: right; text-align: right; }
.video-title{margin: 10px 0;}
.column{padding-right: 10px;}
.right{float:right; }
.left{float: left;}
/* Directors Page */
.director{ width: 250px; font-size: 10px; }
/* About Page */
#slideshow { width: 800px; height: 270px; margin-bottom: 15px; position:relative; overflow: hidden; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8;}
#slideshow IMG.active {    z-index:10; }
#slideshow IMG.last-active {    z-index:9;}
.Contacts {margin-top: 10px; }
.CntColunms {border-bottom: 1px #333 dashed; padding-bottom: 20px; color:#FFF;}
.halffloat{width: 50%; float: left;}
.Contacts { color: #FFF; }
.ContactDetails a { color: #585858;}
#Credentials{color:#FFF;}
/*.ContactDetails a:hover { color: #FFF;}
.ContactDetails div.sub{ width: 30%; float:left;   }
.ContactDetails div.First{ margin-right:3%;  }
.SocialLinksContainer{width: 300px; float: left;}*/
/* DIRECTORS */
.directors-list{height: 140px; }
.dir-showreel{margin-top: 20px; padding-bottom: 50px;}
.dirgrid{ width: 250px;  height: 100px; margin-right:25px; float:left;     background:#000;     color: #fff;     overflow: hidden;     position: relative;}
.dirgrid img{    position: absolute;    top: 0;    left: 0;    border: 0;}
#Footer {        color: #585858; 	clear: both;   	height: 15em; background: transparent url(../images/footer.png) no-repeat center center; margin: 29px 0;}
#Footer p.note{width: 80%; margin: auto; color: #FFF;}
        #Footer div{width: 415px; float: left;}
        #Footer .cpt{text-align: right; margin-right: 85px; }
        #Footer .jhb{text-align: left;  margin-left: 85px;}
.top-icons{ width: 245px; text-align: right; position: absolute; top:0; right:0;margin: 10px 100px 0 0;}
.top-icons a{color: #fff; text-decoration: none;}
#SubscribeForm{ background: url(../images/emailfield.png) no-repeat 0 0; text-align: left; display: none; }
#SubscribeForm input{ background: none; border: none; }
#FB-like{ display:none; }
#EmailField{margin-left: 5px; color:#737373; font-family: Tahoma, sans; font-size: 12px; width: 178px; height: 24px; }
#subscribe-btn{color:#ff6600; font-family: Tahoma, sans; font-size: 10px; width: 55px; height: 24px; margin-left: 7px; margin-right: 0; }
hr{margin:29px 100px 0 100px; border: none; border-bottom: 1px #333 dashed; padding: 0; background: none; }
.hiring hr{margin:29px 0;  }
.hiring p{ font-size: 12px;  }
.innerpage a, .pagination a{color: #fff; text-decoration: none;}
.innerpage a:hover, .pagination a:hover{color: #ff6600}
.innerpage a{margin-top: 5px;}
.first {margin-top: 0;}
.bottomPage{margin-top: -40px;}
em{color: #ff6600}
#Credentials{border-bottom: 1px #333 dashed; padding-bottom: 20px; }
.col{width:32%; margin-right: 15px; float: left; }
.last{ background: none; margin-right: 0; padding-right: 0;}
.space{margin-top: 5px;}
/* fb like box */
#Footer div.rblikebox{background: url(../images/fb_side.png) no-repeat scroll left center transparent !important; display: block; float: right; height: 590px; padding: 0 5px 0 25px; width: 255px; z-index: 9999999; position:fixed; right:-260px; top:10%;}
#Footer div.rblikebox div{border:none; position:relative; display:block; background: #000;}
#Footer div.rblikebox span{bottom: 12px; font: 8px "lucida grande",tahoma,verdana,arial,sans-serif; position: absolute; right: 7px; text-align: right; z-index: 999;}
#Footer div.rblikebox span a{color: gray; text-decoration:none;}
#Footer div.rblikebox span a:hover{text-decoration:underline;}