/*CSS BY PHASE NEW MEDIA*/
html { height:101%; }
body { background:#000;margin:0;padding:0;font-size:.7em;font-family:Arial,Helvetica,sans-serif;color:#999; }
* html body { font-size:.7em; }
.clear { clear:both;margin-bottom:-20px; }

#centrer { width:860px;margin:26px auto 0;text-align:center; }
#logo { margin-bottom:30px;  }

#anav { float:left;width:860px;height:23px;background:url(../images/anav_back.jpg); }
#anav ul { list-style:none;margin-top:2px;padding-right:35px; }
#anav li { display:inline;margin-right:-4px; }


/* Home */

.home_left { float:left;width:190px;padding:86px 7px 15px 42px; } 
.home_right { float:right;width:600px;padding:20px 0 10px 0;text-align:left; } 
.home_right p { padding-top:10px; }
.home_list ul{ list-style:none;list-style-image:none;margin:0 0 0 40px;padding: 0 0 10px 0; }
.home_list li { float:left;line-height:18px;height:200px;width:200px;padding:0 4px 0 0;text-align:left; }
.home_right_btm {float:right;width:600px;padding:2px 0 50px;text-align:left; }
.box {float:left;width:200px;height:165px;}

/* Studio */

.studio_contentleft { float:left;display:inline;width:51px;padding:2px;margin:90px 5px; } 
.studio_contentmiddle { float:left;display:inline;width:414px;padding:2px;margin:90px 52px 90px 5px;text-align:left; } 
.studio_contentright { float:right;display:inline;width:214px;padding:2px;margin:90px 5px;text-align:left; } 

/* Portfolio */

#portfolio { width:755px;margin:70px 0 105px 105px; }
#portfolio ul { list-style:none;margin:0;padding:0; }
#portfolio li { float:left;display:inline;margin:30px 20px 0;padding:0; height:160px; }
#portfolio a { display:block;width:170px;height:108px;margin:0;padding:0;border:6px solid #222427; }
#portfolio a:hover { border:6px solid #3f4245; }
#portfolio a.text { width:auto;height:auto;margin:0;padding:0;border:none;text-decoration:none;font-weight:bold;text-align:left; }
#portfolio p { margin-top:10px;line-height:15px;text-align:left; }

/* Careers */

.careers_contentleft { float:left;display:inline;width:51px;padding:2px;margin:90px 5px; } 
.careers_content { float:left;display:inline;width:414px;padding:2px;margin:90px 58px 5px 0;text-align:left; } 
.careers_content ul { list-style-type:none;margin:0;padding:0;list-style-image:url(/images/bullet.gif);  }
.careers_content li {  }

/* Contact */

.contact_contentleft { float:left;display:inline;width:51px;padding:2px;margin:90px 5px; } 
.contact_content { float:left;display:inline;width:214px;padding:2px;margin:90px 5px;text-align:center; } 
.contact_contentmiddle { float:left;display:inline;width:200px;padding:2px;margin:90px 44px 5px 0;text-align:center; } 

/* Forms */

.form { float:left;display:inline;width:214px;padding:2px;margin:90px 5px;text-align:left; }

.request { float:left;width:214px; }
.request fieldset {	margin:10px 0 34px;padding:0;border:none;border-top:1px solid #333; }
.request ol { list-style:none;margin:0;padding:0; }
.request li { clear:both;float:left;list-style:none;vertical-align:middle;padding:6px 12px 2px 0;width:204px;border-bottom:1px solid #333; }
.request label { float:left;width:90px;padding:0 12px 0 0;margin-top:2px;font-weight:normal;color:#666; }
.request input, 
.request textarea, 
.request select { float:right;width:100px;margin-bottom:3px;border:1px solid #666;background-color:#efefef;font-family:Arial,Helvetica,sans-serif;font-size:100%; }
.request .checkbox { float:right;margin-bottom:3px;border:none;font-family:Arial,Helvetica,sans-serif;font-size:100%; background:none; width:auto;  }
.request .checkboxcontainer { float:left;margin-bottom:3px;border:none;font-family:Arial,Helvetica,sans-serif;font-size:100%; background:none; width:210px;  }
.request .wideTextarea { display:block;width:200px;height:150px;margin-bottom:12px;font-family:Arial,Helvetica,sans-serif;font-size:100%; }
.request .submitButton { margin-right:12px; }
.request .select2 { float:left;width:200px;margin-bottom:3px;border:1px solid #666;background-color:#efefef;font-family:Arial,Helvetica,sans-serif;font-size:100%; }

.attach {float:left !important; width:200px !important; margin-bottom:4px !important; border:0 !important;}


h1 { margin-bottom:3px;font-size:100%;font-weight:bold;text-transform:uppercase;color:#527A7A;text-align:center; } 
h2 { margin:30px 0 5px;font-size:100%;font-weight:bold;text-transform:uppercase;color:#527A7A;text-align:center; } 
h3 { margin:0px 0 10px 0;font-size:100%;font-weight:bold;text-transform:uppercase;color:#527A7A;text-align:left; } 
h4 { margin:0px 0 10px 0;font-size:120%;color:#666;text-align:left; }
p { font-size:100%;color:#999;margin-top:-2px; padding:0px; }
.highlight { color:#527A7A;}
#copyright { margin:15px 0; }
#associations { float:right;margin:15px; }


a { color:#666;text-decoration:none; }
a:hover { color:#CC3300;text-decoration:none; }
.nolink { font-weight:bold;color:#CC3300; }





.intro { padding-top:40px; }
a.folio_btn { float:left;width:240px;height:186px;background:#171717;border:10px #171717 solid;margin-bottom:5px; }
.folio_btn img { border:2px solid #171717; }
a:hover.folio_btn img { border:2px solid #FFF; }
.folio_hdr { display:block;padding:5px 0 0;color:#E1E1E1;font-size:115%;font-weight:bold;margin:0 0 3px; }
.left {	float:left;width:361px;padding:20px 0 0 15px; }
.left ul { list-style:none;margin-left:20px;padding:0; }
.left li { line-height:80%;font-size:300%; }
.right { float:right;width:361px; }
.right ul { list-style:square;margin-right:100px; }
.right li { line-height:145%;padding-bottom:7px; }
.terms { line-height:125%;font-size:100%;color:#666; }
#page ul { list-style:none;padding-right:15px; }
#page li { float:right;list-style:none;padding:12px 10px 30px; }


.float_left { float:left; }
.float_right { float:right;text-align: right; }






.folio_desc { margin:0 0 0 2px; }





/*------------Hero & Trim-------------------------------------------*/




a img { border: 0; }


/*------------Top Right Nav-------------------------------------------*/


#bnav {
	float: left;
	width: 150px;
	margin: 0;  
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
}

#bnav ul  {
	text-align:left;
	width: 100%;
	margin: 0; 
	padding: 0;
	list-style: none;
}


#bnav li a {
	display: block;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}

#bnav li a:hover {color: #ED1C24;}





.contact_table {
	font-size: 90%;
	}
	
	


.hero_img {margin: 10px 0 0 0;}







.visit_btn{float: left; margin: 10px 0 0 0 ;}