/*** Style Definitions ***/
*{
	padding:0;
	margin:0;
}
html			{ background:#000; }
body{
	margin:auto;
	overflow-x:hidden;
	font-family:Arial, Helvetica, sans-serif; 	
	color:#fff; 
	font-size:11px;

}
img, cufon, a {
border:none;
}

img, div { behavior: url(iepngfix.htc); }
li{
	list-style:none;
}
/*** Clouds ***/
.clouds					{ width:100%; height:800px; overflow:hidden; }
#clouds-small			{ width:3000px; height:100%; float:left; }
#cloud1					{ position:absolute; top:0; left:0;  margin-top:126px;}
#cloud2					{ position:absolute; top:0; left:0;  margin-top:126px;}
#clouds-big				{ width:3000px; height:100%; float:left; }

/*** Header ***/

#header {
	width:100%; height:126px;
	background-image:url(../images/topRep.jpg); 
	background-repeat:repeat-x;
	clear:both; 
	overflow:hidden;
	position:absolute; 
	

}

#topHolder{
	position:relative; 
	margin-left: auto;
	margin-right: auto;
	width: 960px;
	text-align:center;
	}
#menu{ 
	clear:both;
	overflow:hidden;
	margin-top:2px;

	height:32px;
}

#logoHolder{
	height:96px;	
	clear:both;

}
#logoSection{
	float:right;
	margin-top:5px;
	
}
#strapline{
	float:left;
	height:96px;
	width:550px

}
#strapline h2{
	font-size:18px;
	color:#FFF;
	text-align:left;
	margin-top:30px;
}

#menu{
	display:none;
	float:left;

}
#menu li{

	float:left;
	margin-right:14px;
	height:30px;
	font-size:12px;
	margin-top:4px;
}
#menu a				{ color:#426c8c; text-decoration:none; padding:9px; 
						}
					
#menu a:hover		{ background:#67b2ff; color:#426c8c; text-decoration:none; padding:9px; background-image:url(../images/navBg.jpg); background-repeat:repeat-x; background-position:bottom;  
						}

#menu a.selected	{ background:#AAA; color:#426c8c;  text-decoration:none; padding:9px; background-image:url(../images/navBg.jpg); background-repeat:repeat-x; background-position:bottom; 
						}

/*** Body Content ***/
#wrapper	{ width:100%; position:absolute; top:0; margin-top:156px; left:0; overflow:hidden; }

#mask		{ width:600%; height:100%; }

.box		{ width:16.66%; height:100%; float:left; }
.contentProject{
	width:980px; height:530px; top:20%; margin: 0 auto; position:relative;  
}
.content	{ width:980px; height:552px; top:0; margin: 0 auto; position:relative;  }
				
.inner		{ width:980px; height:552px; position:relative; }

.projects {
	width:298px;
	height:398px;
	left:685px;


}

.logos {
	width:298px;
	height:110px;
	background-image: url(../images/logos.png);
	margin-top:20px;
}

#homeLeft {
	float:left;
	width:661px;
	height:528px;
	background-image: url(../images/homeBg.png);
	background-position: right center;
	background-repeat: no-repeat;
}

#homeRight {
	float:right;
	width:298px;
	height:528px;
}
#homeContent {
	background-image: url(../images/mainContentBg.png);
	width:298px;
	height:407px;
	margin-top:60px;
	margin-left:1px;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	
}
h2{
	color:#5ca2d8;
	font-size:18px;
	line-height:21px;
	height:21px;

}
h3 {
color:#5ca2d8;
	font-size:14px;
	line-height:17px;
	height:17px;
	}

.content a { 
color:#fff;
text-decoration:none;
font-size:11px;

}
p{
	font-size:11px;
	padding-bottom:5px;
	padding-top:5px;
	color:#FFF;
}
.bold {
font-weight:bold;
}
#homeContent ul{
	color:#FFF;
	list-style-type:square;
	font-size:11px;
	font-weight:bold;
	padding-left:15px;
	margin-left:10px;
}

#studioLeft {
	float:left;
	width:661px;
	height:528px;
	background-image: url(../images/homeBg.png);
	background-position: right center;
	background-repeat: no-repeat;
}
#studioContent {
	background-image: url(../images/mainContentBg.png);
	width:298px;
	height:413px;
	margin-top:60px;
	margin-left:1px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	
}
#studioRight {
	float:right;
	width:298px;
	height:528px;
}
#animations, #news, #contact {
	width:960px;
	height:498px;
	padding:15px;
	background-image: url(../images/videosBg.png);
	background-position: left center;
	background-repeat: no-repeat;
	}
.footer {
margin: auto;
margin-top:20px;
width:960px;
height:28px;
padding-top:15px;
padding-left:20px;
background: url(../images/footerBg.png) no-repeat;
}
.footer a {
color:#fff;
text-decoration:none;
}
.brief, .brief a{
float:left;
color:#5ca2d8;
}
.terms {
float:right;
margin-right:400px;
font-size:11px;
color:#fff;
}

.telArea h4{
	color:#FFFFFF;
	font-size:15px;
}
.telArea{
	height:22px;
	margin-left:13px;
	font-size:15px;
}
.telArea a{
	font-size:15px;
}

@charset "utf-8";
body {background:#000;}
#contact_form				{ width:400px; margin:0 auto; height:200px; padding:10px 0;position:relative; }

form fieldset					{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;margin:0px 0px 20px 0px; 
							width:578px; position:relative;border:0;display:block; padding: 0px 10px 8px; }
							
form fieldset legend			{ border-width:1px; border-style:solid; border-color:#BBBB66; color:#3D7169;font-weight:bold; 
							font-variant:small-caps; font-size:140%; padding:4px 8px;margin:0px 0px 10px 0px; 
							position:relative; top: -12px; background:white; }
							
label						{ font-size:90%; display:block; float:left; width:10em; text-align:right;margin:.2em .2em 0 0; color:#ffd; font-weight:bold;padding:8px 0px; }

label.error       				{ font-weight:bold;color:#fff;text-align:left;width:140px; padding-left:25px; }

input.text-input				{ margin:4px;padding:2px 0;color:#000; }

label#name_label    			 { position:absolute; top:0; left:0; }
input#name          				 { position:absolute; top:0; left:110px;width:300px; }
label#name_error   			 { position:absolute; top:22px; left:120px; }

label#email_label   			 { position:absolute; top:45px; left:0px; }
input#email         				 { position:absolute; top:45px; left:110px;width:300px; }
label#email_error    			 { position:absolute; top:67px; left:110px; width:300px;}

label#phone_label    			 { position:absolute; top:90px; left:0px; }
input#phone    				 { position:absolute; top:90px; left:110px; width:300px;}
label#phone_error    			 { position:absolute; top:112px; left:120px; }

label#details_label    		 { position:absolute; top:125px; left:0px; }
input#details    				 { position:absolute; top:125px; left:110px; }
label#details_error    		 { position:absolute; top:157px; left:120px; }
#contact_form textarea 		{ position:absolute; top:135px; left:114px;width:300px;height:100px;}

input.button					{ position:absolute; top:250px; left:110px; padding:3px 6px;
								color:#000; 
								width:100px;
								moz-border-radius:5px; }


#message					{ float:left;width:250x;margin:60px 0 0 100px; }
#message h2					{ font-size:150%;color:white; }
#message p					{ color:white;font-weight:bold;margin:6px 0px; }
#checkmark					{ position:relative;top:-46px;left:-60px; }
#loading 					{position:absolute; top:250px; left:250px; }