body{
	background:#ffffff;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#666;
	
}

#container {
	margin:0pt auto;
	width:85%;
	
	min-width:880px;
}

/* ///////////////////////// thumbnails ////////////////////////// */
			
.thumbnail img{
	border: 2px solid #fff;
}

.containingbox{
	width: 100%;	
	color:#666;
	margin-left:60px;
}

.containingbox p{
	margin-right:110px;
}

.containingbox a{
	color:#666;
}

.thumbnail{
	float: left;
	width: 190px;
	height: 200px;
	color:#fff;	
}

.thumbnail b{
	font-size:1.2em;
	color:#666;
}

.whiteText{
	color:#fff;
}


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

body#home{	
	background: #ff9933 url("../images/backgrounds/bg_home.gif") no-repeat;

}

#home{	
	background: #ff9933 url("../images/backgrounds/bg_home.gif") no-repeat;

}

#home .footer{
	text-decoration:none; 
	color:#ffffff;
	margin-top:140px;
	margin-right:40px;
}
#home .footerLink{
	text-decoration:none; 
	color:#ffffff;
	margin-top:140px;
}

#home-footer{
	
	height: 313px;
	margin-top:267px;
	text-align:right;
	padding-top:20px;
	
}


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

body#directors, body#usa{
	background: #fff url("../images/backgrounds/bg_directors.gif") repeat-x;
}

body#home #logo{
	margin:60px;
	margin-bottom:100px;
}

#industryfilms{
	float:right;
	margin-right:60px;
	margin-top:80px;
}


body#directors #logo, body#usa #logo{
	margin: 0 0 60px 0;

}

#directorsContainer{
	margin: 140px 0px 60px 60px;
}

#directors-header{
	background: #f19d36 url("../images/backgrounds/bg_directors_header.gif") no-repeat;
	height:140px;
}




body#services{
	background: #B8BCC3 url("../images/backgrounds/bg_services.gif") repeat-x;
}



#services-header{
	background: #ffffff;
	height:300px;
	width:100%;
}

body#services #logo{
	padding-left:60px;
	padding-top:120px;
	float:left;
}

#services-text{
	margin-left:400px;
	margin-right:60px;
	padding-top:60px;
	line-height:18px;
}


body#recentwork{
	background: #f19d36 url("../images/backgrounds/bg_services.gif") repeat-x;
}


#recentwork-header{
	
	height:300px;
	width:100%;
}

body#recentwork #logo{
	padding-left:60px;
	padding-top:120px;
	float:left;
}

#recentwork-text{
	margin-left:400px;
	margin-right:60px;
	padding-top:60px;
	line-height:18px;
}

#services-text a{
	color:#f19d36;
}


#arrow{
	float:left;
	width:45px;
	margin-bottom: 40px;
}

#page-title{
	
	padding-top:10px;
}

body#player{	
	background: #000;
}




/* contact us */

body#contact{
	background: url("../images/backgrounds/bg_contact_body.gif") repeat-x;
}

#contact-header{
	background: #949ba1 url("../images/backgrounds/bg_contact.gif") no-repeat;
	background-position:right;
	height:140px;
}

body#contact #logo{
	margin-top:200px;
	margin-left:60px;
	position:absolute;
}

body#contact h2{
	font-size:1.3em;
	margin-bottom:0px;
	padding-bottom:0px;
}

	.contactList ul li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding:0;
		margin-bottom:40px;
		margin-right:40px;
	}
	
	.contactList ul{
		margin:0px;
		padding:0px;
	}
	
	.contactList{
		width:300px;
		color:#666;
		margin-left:0px;
	}
	

	.contactList b{
		color:#999;
	}
	
	
	.contactList a:link, .contactList a:visited{
		color:#ffa626;
		text-decoration:none;
	}
	
	.contactList li a:hover{
		color:#ffa626;
		text-decoration:underline;
	}
	
	
/* interactive */

body#interactive{
	background: url("../images/backgrounds/bg_contact_body.gif") repeat-x;
}

#interactive-header{
	background: #949ba1 url("../images/backgrounds/bg_contact.gif") no-repeat;
	background-position:right;
	height:140px;
}

body#interactive #logo{
	margin-top:60px;
	margin-left:85px;
	position:absolute;
}

body#interactive h2{
	font-size:1.3em;
	margin-bottom:0px;
	padding-bottom:0px;
}

	.interactiveList ul li {
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding:0;
		margin-bottom:40px;
		margin-right:40px;
	}
	
	.interactiveList ul{
		margin:0px;
		padding:0px;
	}
	
	.interactiveList{
		width:300px;
		color:#666;
		margin-left:0px;
	}
	

	.interactiveList b{
		color:#999;
	}
	
	
	#portfolio a:link, #portfolio a:visited, #featuredProject a:link, #featuredProject a:visited{
		color:#ffa626;
		text-decoration:none;
	}
	
	#portfolio a:hover, #featuredProject a:hover{
		color:#ffa626;
		text-decoration:underline;
	}
	
	#portfolio #buttons a, #featuredProject #buttons a{
		color:#fff;
		text-decoration:none;
	}
	
	
	
	

body#directors #logo, body#usa #logo{
	margin-top:-60px;
	position:absolute;
}
	

body#contact #navigation, body#directors #navigation, body#usa #navigation, body#interactive #navigation{
	padding-top:110px;	
}

#contactList{
	color:#666;
	width:90%;
	margin-bottom:60px;
}

#contactList span{
	color:#ccc;
}

h1{
	font-size:1.8em;
}



#wrapper {
	text-align: left;
	padding: 0px;
	border:0;
	width: 900px;
	
}

#div-affiliates {
	float: left;
	width: 150px;
}

#div-directors- {
	float: right;
	width: 700px;
}

#div-director#{

}

#div-genres { 
	float: left;
	width: 150px;
}

#footer {
	clear: both;
	background: #A2A2A2;
}

body#directors #container li a.selected, body#usa #container li a.selected {
    color: #CC0000;            
}  

#div-directors{

}
#div-director{
float:right:
width:100px;
}

#directorsContainer{
	margin:0pt auto;
	width:800px;
	margin-top:120px;
}

#directorsContainer a:link, #directorsContainer a:visited{
	color:#666;
	text-decoration:none;
}

#directorsContainer a:hover{
	color:#ffa626;
	text-decoration:underline;
}

#directorsContainer ul{
	margin:0px;
	margin-top:10px;
	padding:0px;
	
	padding-bottom:10px;
}


#directorsContainer ul li{
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding:0;
	margin:0;
	padding-bottom:3px;
}

	/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 25px;
			padding: 0 0 0 0;
			line-height: 30px;
			font-weight: bold;
			text-decoration: none;
			outline: none;
			font-size: 14px;
			color: #666;
			cursor: pointer;
			margin: 0 0 0 0;
		}
		
		.all_directors{
			text-decoration:none;
			color: #f19d36;
		}
		
		
		.accordion_toggle_active {
			text-decoration:none;
			color: #f19d36;
			
		}
		
		.accordion_content {
			overflow: hidden;
		}
			
			.accordion_content h2 {
				margin: 15px 0 5px 10px;
				color: #0099FF;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		.vertical_accordion_toggle {
			display: block;
			height: 30px;
			width: 600px;
			background: url(../images/accordion_toggle.jpg) no-repeat top right #a9d06a;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #000000;
			border-bottom: 1px solid #cde99f;
			cursor: pointer;
			margin: 0 0 0 0;
		}

		#maincontainer{
		width: 880px; /*Width of main container*/
		/*margin: 0 auto; Center container on page*/
		}
		
		#topsection{
		background: #EAEAEA;
		height: 90px; /*Height of top section*/
		}
		
		#topsection h1{
		margin: 0;
		padding-top: 15px;
		}
		
		#contentwrapper{
		float: left;
		width: 100%;
		}
		
		#contentcolumn{
		margin: 0 360px 0 160px; /*Margins for content column. Should be "0 RightColumnWidth 0 LeftColumnWidth*/
		}
		
		#leftcolumn{
		float: left;
		width: 160px; /*Width of left column in pixel*/
		margin-left: -880px; /*Set margin to that of -(MainContainerWidth)*/
		}
		
		#rightcolumn{
		float: left;
		width: 360px; /*Width of right column*/
		margin-left: -360px; /*Set left margin to -(RightColumnWidth)*/
		}
		
		#rightcolumn p{
			line-height:18px;
		}
		
		#footer{
		clear: left;
		width: 100%;
		background: black;
		color: #FFF;
		text-align: center;
		padding: 4px 0;
		}
		
		#footer a{
		color: #FFFF80;
		}
		
		.innertube{
		margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
		margin-top: 0;
		}

  
	.spot{
		font-size:14px;
		color:#666;
	}
	
	.director{
		font-size:14px;
		color:#F19D36;
	}
	
	
	
	
.awesome, .awesome:visited {
	background: #222 url(/images/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}

	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.grey.awesome, .grey.awesome:visited		{ background-color: #a5abb0; }
	.grey.awesome:hover							{ background-color: #ffa626;}
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }
	
	.feature{
		background-color:#666;
		padding:3px;
	}