/*---------------------------------------------------------------------     
    I M P O R T S
---------------------------------------------------------------------*/

@import url(reset.css);

@import url(typography.css);





/*---------------------------------------------------------------------    
   G E N E R A L  S T Y L E S
---------------------------------------------------------------------*/

html {
	min-height: 100%; margin-bottom: 1px;
}

body{
	
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	margin:0px;
	font-size:11px;
	text-align:left;
	background-color:#FFFFFF;
}

/*---------------------------------------------------------------------     
    L A Y O U T
---------------------------------------------------------------------*/
#container{
	width:960px;
	margin:0px;
	text-align:left;
	
	
}

#leftWrapper
{
	position:relative;
	width:575px;
	height:159px;
	margin-left:30px;
	display:inline;
	float:left;
	
}

#rightWrapper
{
	position:relative;
	width:340px;
	display:inline;
	float:left;
	
}







/* columns */
#logo{
	width:89px;
	height:159px;
	background-color:#000000;
	position:relative;
	float:left;
}

#leftWrapperTop{
	position:relative;
	float:left;
	width:480px;
	height:158px;
	margin-left:6px;
	display:inline;
	border-bottom:1px solid #595657;
}

#col1{
	/*/border-top:1px solid #595657;*/
	width:107px;
	float:left;
	position:relative;
	margin-top:33px;
	margin-left:372px;
	display:inline;
}


#col2{
	/*/border-top:1px solid #595657;*/
	
	width:107px;
	float:left;
	position:relative;
	margin-top:33px;
	margin-left:6px;
	display:inline;
}



#col3{
	/*/border-top:1px solid #595657;*/
	
	width:107px;
	height:100%;
	float:left;
	margin-top:33px;
	margin-left:6px;
	display:inline;
}



#col3directors{
	/*/border-top:1px solid #595657;*/
	
	width:220px;
	height:100%;
	float:left;
	margin-top:33px;
	margin-left:6px;
	display:inline;
}



#col4{
	width:107px;
	float:left;
	position:relative;
	height:100%;
	margin-top:33px;
	margin-left:6px;
	display:inline;
}



.first{
	border-top:1px solid #595657;
}

/*---------------------------------------------------------------------     
    M A I N  C O N T E N T
---------------------------------------------------------------------*/


#film{
	position:relative;
	margin-left:95px;
	width:480px;
	margin-top:6px;
	padding-bottom:6px;
	border-bottom:1px solid #000000;

}

#directorDetails{
	position:relative;
	margin-left:95px;
	width:480px;
	margin-top:6px;
}



/*---------------------------------------------------------------------     
    M E N U S
---------------------------------------------------------------------*/


#col1 ul,
#col2 ul, 
#col3 ul,
#col3directors ul,
#col4 ul {
	border-bottom:1px solid #595657;
	list-style-type:none;
	
}

/*--------------------------- remove this for sifr ---------------------------------------------------- */

#col1 a{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:20px;
	border-top:1px solid #595657;
	padding-top:4px;
	line-height:normal;
}


#col1 a.active{
	color:#666666;
}




#col2 li a{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:20px;
	border-top:1px solid #595657;
	padding-top:4px;
	line-height:normal;
}


#col3 li a, #col3directors li a{
	
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:20px;
	border-top:1px solid #595657;
	padding-top:4px;
	line-height:normal;
}

#col4 li a{
	font-size:12px;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	display:block;
	height:20px;
	border-top:1px solid #595657;
	padding-top:4px;
	line-height:normal;
}


#col2 li a:hover, #col3 li a:hover,  #col3directors li a:hover, #col4 li a:hover,  #col2 li.active a,  #col3 li.active a, #col3directors li.active a, #col4 li.active a {
	color:#666666;
} 

/*--------------------------- end of sifr area ---------------------------------------------------- */


.numberBox{
	margin-top:6px;
	width:107px;
	height:107px;
	color:#ffffff;
}

#signupform input[type="text"]
{
	width:100px;
	border:0;
	font-size:10px;
	display:block;
	margin-bottom:10px;
	background-color:#EFEFEF;
}

#signupform input[type="submit"]
{
	width:35px;
	border:0;
	background-color:#EFEFEF;
	font-size:10px;
	display:block;
}

#signupform label{
	display:block;
	padding-bottom:2px;
}


/* SITEMAP *--------------------------------------------------------------------------*/

ol#sitemapMain{
	margin-top:2px;
}

#sitemapMain li a{
	font-size:11px;
	font-weight:normal;
	border:0;
	padding:0;
	margin:0px;
	height:auto;
}

ol#sitemapMain ul{
	margin-left:25px;
	margin-bottom:3px;
	margin-top:3px;
	border:0;
}

ol#sitemapMain ul ul{
	margin-left:50px;
	margin-bottom:3px;
	margin-top:3px;
	border:0;
}



/*---------------------------------------------------------------------     
    THUMBS
---------------------------------------------------------------------*/

#thumbs-wrapper-commercials, #thumbs-wrapper-music-videos, #thumbs-wrapper-clients{
	width:480px;
	position:relative;
	margin-left:95px;
	margin-top:6px;
	border-bottom:1px solid #000000;
}


.thumb-wrapper{
	width:156px;
	height:110px;
	padding:0 6px 6px 0;
	float:left;
}

.last-thumb{
	padding:0 0px 6px 0!important;
}