﻿/* Global CSS */
html {
	padding:0px;
	margin:0px;
}

body {
	background-color:#000000;	
	font-size:0.7em;
	font-family: Arial, Helvetica, sans-serif;	
}

img {
 border:0px;	
}

a:link, a:visited { text-decoration:none; }
a:hover { text-decoration:none; color:#ff0000;}

#mainContainer {
	width:740px;
	padding:0px 10px 0px 10px;
	margin:0 auto;
	margin-top: 10px;
	background-color:#333333;
}

#videopopup {
	padding:0px 0px 0px 0px;
	margin:0 auto;
	margin-top: 10px;
	background-color:#000000;
	color:#ffffff;
}

#videopopup #videodescription {
	margin:5px 5px 5px 5px;
	background-color:#000000;	

}

#mainContainer #innerContainer { background-color:#5C5C5C; width:740px; margin-bottom: 10px; }

#mainContainer #innerContainer #siteHeader { }

#mainContainer #innerContainer .titleHeader { height:32px;	width:740px; padding-top:0px; }

#mainContainer #innerContainer .titleHeader .left { width:700px; float:left; padding-left:20px;}
#mainContainer #innerContainer .titleHeader .right { width:350px; float:left; padding-right:20px; }	
#mainContainer #innerContainer .titleHeader .textRight { text-align:right; }

#mainContainer #innerContainer .greyHeader { background:url(/images/grey-header-bg.jpg) 0px 0px repeat-x; }
#mainContainer #innerContainer .orangeHeader { background:url(/images/orange-header-bg.jpg) 0px 0px repeat-x; }

#mainContainer #innerContainer #montageReel { width:740px; height:270px;  margin-bottom:0px; }
#mainContainer #innerContainer .innerfade { *padding-bottom: 8px;}
#mainContainer #innerContainer #montageImages { margin-top:0px; }
#mainContainer #innerContainer #montageImages li { 
	display:inline; 
	height:270px;
	margin:0px 0px 0px -40px; 
	*margin-top:0px;
	padding:0px; 
	list-style:none; 
	display:none;
	padding-bottom:0px!important;
}

#mainContainer #innerContainer #blurb { margin-top:0px;  width:700px; background-color:#FFFFFF; padding:10px 20px 10px 20px; }
#mainContainer #innerContainer h1 { font-size:1.4em; }
#mainContainer #innerContainer h2 { font-size:1.2em; margin-top: 0px; }

#mainContainer #innerContainer #filmList { width:740px; }

#mainContainer #innerContainer #filmList ul { 
	width:220px;
	float:left;
	margin-left:20px;
	padding-left:0px;
	list-style: square url(/images/orange-bullet.gif); 
}
#mainContainer #innerContainer #filmList ul.first { margin-left:30px; }
#mainContainer #innerContainer #filmList li { color:#FFFFFF; padding-top:3px;}
#mainContainer #innerContainer #filmList li a { color:#FFFFFF; }
#mainContainer #innerContainer #videoContainerOverHeader { width:720px; text-align:right; padding-right:20px; margin: 10px; }

#mainContainer #innerContainer #videoContainer { width:660px; background-color:#000000; margin:10px 0px 10px 20px; padding:20px 20px 20px 0px;  }
#mainContainer #innerContainer #videoHolder { width:350px; float:left; }
#mainContainer #innerContainer .videoBlurb { width:300px; float:left; color:#FFFFFF; padding-left: 10px; display:none; }

#mainContainer #innerContainer #clientList { margin:10px 0px 0px 20px; }
#mainContainer #innerContainer #clientList ul { width:720px; margin-left:0px; padding-left:0px; 	padding-top:0px;	margin-top:-7px;  }
#mainContainer #innerContainer #clientList li { 
	color:#FFFFFF;
	background:url(/images/orange-bullet.gif) 5px 5px no-repeat;
	display:inline;
	padding-left:15px; 
	padding-top:0px;
}

#mainContainer #innerContainer #contactContainer { width:700px; background-color:#FFFFFF; padding:10px 20px 10px 20px; }

#mainContainer  #footer { 
	background-color:#000000;
	width:750px; 
	height:25px;
	padding-top:5px;
	color:#FFFFFF;
	text-align:right;
	margin-left:-10px;
	padding-right:10px;
}

.textOrange { color:#CB771D; }
.clearboth { clear:both; }



