@charset "UTF-8";
/* CSS Document */


body{margin:0px auto; background:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#555; overflow: -moz-scrollbars-vertical;
}
#wrapper{width:960px; position:relative; margin:0px auto; }
.preloader{position:absolute; visibility:hidden; }


/* ----------------------------------------------top container------------------------------------------ */
#header{height:78px; border-bottom:solid 1px #666; position:relative; cursor:default; z-index:500;}
#header .links_container{position:relative; width:623px; height:100%; float:left; z-index:55; display:block;} 
#header .logo{position:relative; float:right; width:inherit; height:100%; text-align:right;}

#login_container{height:13px; width:133px; position:absolute; right:0px; top:79px; text-align:right;}
#loginbox{width:133px; position:absolute; top:14px; left:136px; display:none;}
#login input{ position:relative; right:137px; top:5px; border:0px; border-bottom:1px #555 solid; width:133px; height:20px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px;  text-align:left; }
#login{ position:relative; right:137px; border:0px; border-bottom:1px #555 solid; width:133px; height:20px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px;  text-align:left; }
#password{ position:relative; right:137px; border:0px; border-bottom:1px #555 solid; width:133px; height:20px; padding-top:5px; font-family:Arial, Helvetica, sans-serif; font-size:10px;  text-align:left; z-index:55; }
#loginsubmit{ position:absolute; right:137px; top:63px; right:137px; border:0px; border-bottom:1px #555 solid; width:133px; height:16px;  background:url(../images/btn_login_submit.gif) no-repeat bottom left; cursor:pointer; z-index:55;}

#header a{color:#666666; text-decoration:none;}
#header a:hover{color:#0283ca;  text-decoration:none;}

#largetext{width:960px; text-align:left; margin-top:35px; position:relative;}
	
	
	
	
/* --------------------------------------------main content container---------------------------------------------- */
#content{width:960px; text-align:left; margin-top:35px; position:relative;}
	.projectcontainer{width:306px; float:left; position:relative; line-height:17px;}
	.projectimg{width:304px; height:183px; border:#666 solid 1px; margin-bottom:11px;}
	.projectimg img{width:304px; height:183px;}

#projectspacer{width:21px; height:21px; float:left;}

.projectcontainer a{ color:#666; text-decoration:none;}
.projectcontainer  a:hover{color:inherit; color:#0283ca; border-bottom:1px #0283ca solid; }


.projectimg a{color:inherit; text-decoration:none;}
.projectimg a:hover{color:inherit; color:#0283ca; border-bottom:3px #0283ca solid; position:absolute;}

/* ----------------------------------------------------about content container---------------------------------- */	
.projectcontlarge{width:633px; float:left; position:relative;}
.projectinfo{ position:relative; line-height:22px; top:9px;}	
	
	


/* ----------------------------------------------------team content container---------------------------------- */	
#team_imdb { background:url(../images/link_imdb.gif) no-repeat bottom; height:18px; width:68px; display:block;}
#team_imdb:hover{ background-position:top; border-bottom:none;}

#team_linked { background:url(../images/link_linkdin.gif) no-repeat bottom; height:18px; width:68px; display:block;}
#team_linked:hover{ background-position:top; border-bottom:none;}


#team_email{ background:url(../images/link_email.gif) no-repeat bottom; height:18px; width:68px; display:block;}
#team_email:hover{ background-position:top; border-bottom:none;}




/* --------------------------------------------contact content container---------------------------------------------- */
#contact_content_left{width:700px; text-align:left; margin-top:35px; position:relative;}
	.contactcontainer{width:306px; float:left; position:relative; padding-bottom:20px;}

#projectspacer{width:21px; height:21px; float:left;}

.contactcontainer a{color:inherit; text-decoration:none;}
.contactcontainer a:hover{color:inherit; color:#0283ca; border-bottom:1px #0283ca solid; }

#contact_form{width:300px; text-align:left; top:308px; right:0px; position:absolute; font-weight:bold; font-family:Arial;}
#name{ width:290px; border:0; font-size:12px; background:#0283ca; color:#FFFFFF; padding:5px; font-weight:bold;}
#number{width:290px; border:0; font-size:12px; background:#0283ca; color:#FFFFFF; padding:5px; margin-top:8px; font-weight:bold;}
#email{ width:290px;border:0; font-size:12px; background:#0283ca; color:#FFFFFF; padding:5px;  margin-top:8px; font-weight:bold;}
#message{width:290px; height:120px; font-size:12px; border:0; background:#0283ca; color:#FFFFFF; padding:5px; margin-top:8px; font-weight:bold; overflow:auto;  }

/* --------------------------------------------locations content container---------------------------------------------- */


.locationscontainer{width:306px; float:left; position:relative;}


.locationimg{width:304px; height:183px; border:#666 solid 1px; margin-bottom:11px; cursor:pointer; background:#FF99CC;}

.locationimg a{color:inherit; text-decoration:none;}
.locationimg a:hover{border-bottom:3px #0283ca solid; position:absolute;}


.locationscontlarge{width:630px; float:left; position:relative;}
#location_Preview{ position:relative; text-align:center; height:424px; vertical-align:bottom; padding-top:5px;  }


#thumbcontainer{float:left; position:relative;}


#thumbswrapper { position:relative;left:9px;}
#thumbscontainer{width:100px; position:relative; }

#gallery_thumb{margin-top:15px;  margin-right:16px; height:112px; width:109px; cursor:pointer; overflow:hidden;}

#gallery_thumb a{color:inherit; text-decoration:none;}
#gallery_thumb a:hover{border-bottom:3px #0283ca solid; position:absolute;  height:110px; width:109px; overflow:hidden;}

#location_thumb{margin-top:15px;  margin-right:16px; height:112px; width:109px; cursor:pointer; overflow:hidden; }

#location_thumb a{color:inherit; text-decoration:none;}
#location_thumb a:hover{border-bottom:3px #0283ca solid; position:absolute;  height:109px; width:109px; overflow:hidden;}

/* -------------------------------------------- TV / Films ---------------------------------------------- */
.tv_row{position:relative; background:#003333; height:200px;}


/* -------------------------------------------- TV / Films ---------------------------------------------- */
.director_img{cursor:pointer; width:303px; height:185px; overflow:hidden; }


.dircontlarge{width:650px; float:left; position:relative; left:18px; top:-16px;}
.dirinfo{ position:relative; line-height:22px; top:9px;}

a img{ border:0px;}
 
#dir_thumb{margin-top:15px;  margin-right:16px; height:112px; width:114px; cursor:pointer; overflow:hidden;}

#dir_thumb a{color:inherit; text-decoration:none;overflow:hidden;}
#dir_thumb a:hover{border-bottom:3px #0283ca solid; height:112px; width:114px; position:absolute;overflow:hidden;}

#directorcontainer{width:100px; position:relative;}

.directorcontainer a{color:inherit; text-decoration:none;}

.directorcontainer a:hover{ text-decoration:underline;}

/* -----------------------------------------footer container------------------------------------------------ */
#imdb { background:url(../images/nav_imdb.gif) no-repeat bottom; height:17px; width:68px; display:block;}
#imdb:hover{ background-position:top; border-bottom:none;}

#fb{background:url(../images/nav_fb.gif) no-repeat bottom; height:17px; width:68px; display:block;}
#fb:hover{ background-position:top; border-bottom:none;}

#blog { background:url(../images/nav_blog.gif) no-repeat bottom; height:17px; width:68px; display:block;}
#blog:hover{ background-position:top; border-bottom:none;}

#ngage_logo { background:url(../images/logo_ngage.gif) no-repeat bottom; height:20px; width:20px; display:block;}
#ngage_logo:hover{ background-position:top; border-bottom:none;}



.navhighlight{color:#0283ca; border-bottom:solid 2px #0283ca; padding-bottom:12px;}

#footer{width:960px; height:40px; text-align:left; border-top:solid 1px #666; margin-top:35px; position:relative;}

#clearfloat{clear:both;}


#footer a{color:#666666; text-decoration:none;}
#footer a:hover{color:#0283ca;  text-decoration:underline;}

	
/* ------------------------- director ------------------------ */	

#playbtn{ height:81px; width:81px; position:absolute; background:url(../images/director_play.png) no-repeat; margin-top:50px; margin-left:110px;}

	
/* ------------------------- general ------------------------ */	
.orange_active{color:#fd7801; padding-bottom:7px; border-bottom:solid 2px #fd7801; width:80px; width:120px; cursor:pointer;}

.orange{color:#fd7801;}


.green{color:#0283ca;}
.title{}



p{
margin-top:-5px;
}


h1{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#555; border-bottom:solid 1px #666; padding-bottom:11px; margin:0px; margin-bottom:12px; height:15px;}
h1 a{ text-decoration:none;}
h1 a:hover{border-bottom:solid 2px #0283ca; padding-bottom:8px; margin:0px; margin-bottom:12px; height:15px;}
h1 a:active{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold color:#0283ca; border-bottom:solid 2px #0283ca; padding-bottom:8px; margin:0px; margin-bottom:12px; height:15px;}

h2{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:inherit; padding-bottom:8px; margin:0px;}

h3{font-family:Arial, Helvetica, sans-serif; font-size:42px; font-weight:bold; color:#fd7801; padding:0px; margin:0px; text-transform:uppercase; margin-top:-2px; line-height:35px;}	

h4{font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:normal; color:#555; padding:0px; margin:0px; text-transform:uppercase;}


h5{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#555; border-bottom:solid 1px #666; width:306px; padding-bottom:11px; margin:0px; margin-bottom:12px; height:15px;}
h5 a{color:#555; text-decoration:none;}
h5 a:hover{border-bottom:solid 3px #0283ca; padding-bottom:8px; margin:0px; margin-bottom:12px; height:15px;}


h6{font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#fc7700; text-align:right; border-bottom:solid 1px #666; width:306px; padding-bottom:11px; margin:0px; margin-bottom:12px; height:15px;}
h6 a{color:#fc7700; text-decoration:none; border-bottom:solid 2px #fc7700; padding-bottom:8px;}
h6 a:hover{border-bottom:solid 2px #0283ca; color:#0283ca; padding-bottom:8px; margin:0px; margin-bottom:12px; height:15px;}




/* ------------------------- Page specific styles ------------------------ */

.aboutimg{float:left; height:30px; padding-right:5px;}

.directorcontainer{height:185px; margin-bottom:20px;}
.directorcontainer div{float:left; width:306px; max-height:185px;}
.directorcontainer img{border:1px solid #666;}
.directorcontainer a{color:#fd7801; font-weight:bold;}
.directorcontainer a:hover{color:#0283ca; font-weight:bold;}


.video{border-bottom:#0283ca 2px solid;}

