/** $general 
================================================================================================*/

body 
{
	margin: 					0;
	padding: 					15px 0 0 0;
	font-family: 				arial, helvetica, sans-serif;
	text-decoration: 			none;
	font-size: 					12px;
	text-align: 				center;
	background: 				#777;
	color:						#777;
}

div, img, dl, dt, dd, ul, li, p, select, h1, h2, h3, h4, h5, h6, table tr, td, th, tbody, br 
{
	border: 				    0;
	margin: 					0;
	padding: 					0;
	font-weight:				normal;
}             

img 
{
	display:					block;
}         

a { overflow:hidden; text-decoration:underline; color: #777; }
             
div#lowerCols a {color:#6f7313;}
   
a:hover { text-decoration:none; }

/** $divs/layout 
================================================================================================*/

div#wrap {
	position: relative;
	width: 900px;
	margin: 0px auto;
	text-align: left;
}                         

div#allFlashWrap { width: 900px; }

div#header {
	width: 900px;
	height: 162px;
	background: transparent url(/img/bg_header.gif) top left no-repeat;
}

div#lowerCols,
div#lowerL,
div#lowerR { float: left; display: inline; }

div#lowerCols { width: 900px; background: url(/img/bg_lower_cols.gif) repeat-y; }

div#lowerL { width: 412px; }

body#home div#lowerL {background:#64524c;}
                
	div#lowerLInner { padding: 12px 12px 25px 12px; }

div#lowerR { width: 488px; padding: 0px 0px 25px 0px; }

body#home div#lowerR { width: 470px; padding: 25px 0px 25px 18px; }
         
	div#lowerRL,
	div#lowerRR {float: left; display: inline; width: 230px;}
	
	body.contact div#lowerRL { padding-left: 25px; }
	
	div#lowerRL {}
	div#lowerRR {padding-left: 15px; width: 215px;}
           
	div.lowerRPadWrap {padding: 0px 25px;}

div#footer { font-size: 10px; float: left; display: inline; width: 884px; padding: 8px 8px 7px 8px; background: #d2d2ca url(/img/bg_footer_bottom.gif) bottom left no-repeat; }

div#footerL { float: left; display: inline; }

div#footerR { float: right; display: inline; }
    
div.inset {float: right; display: inline; width: 176px;}  

div.featuredProject { float: left; display: inline; margin-bottom: 15px; padding-left: 25px; width: 463px; }

body#careers div.featuredProject {padding-left:0;}
               
div.fpLower { float: left; display: inline; width: 448px; }

div.whatsNew {float: left; display: inline; margin-bottom:20px;}

/** $links 
================================================================================================*/

a#logo,
a#flashLink { float: left; display: inline; text-indent: -9999px; height: 162px; }

a#logo { width: 217px; }   

a#flashLink { width: 683px; } 

div#lowerLInner a { color: #fff; }

a#backToList {float: left; display: inline; margin-bottom: 16px; padding-left: 14px; background: url(/img/icon_back.gif) 0 2px no-repeat;}  
              
a.pdfLink {display:block; width: 140px; background: url(/img/icon_pdf.gif) center right no-repeat;} 

div#lowerCols div.featuredProject h3 a { color: #777; text-decoration:none; display: block; padding-left: 15px; background: url(/img/icon_tinyarrow_off.gif) 0 3px no-repeat; }
              
div#lowerCols div.featuredProject h3 a.featureSwitchOn { color: #a83521; background: url(/img/icon_tinyarrow_on.gif) 0 3px no-repeat; }

a#submitResume {float: right; display: inline; width: 134px; height:36px; margin-right: 15px; text-indent:-9999px; background:url(/img/btn_submit_resume.gif) top left no-repeat; clear:both; overflow:hidden;}

/** $headings 
================================================================================================*/
                    
h1,h2 {font-weight: normal;}

div#lowerLInner h1 { font-size: 16px; color: #fff; text-transform: uppercase; margin-bottom: 1em; }
                           
div#lowerR h1 { font-size: 18px; color:#a83521; margin-bottom: 15px; }
     
div#lowerR h1#fancy { font-family: arial; text-transform:uppercase; width: 436px; height: 56px; padding: 17px 26px 0 26px; margin-bottom: 0px; color: #fff; font-size: 18px; background:url(/img/bg_h1.gif) no-repeat;}
        
div#lowerR h2 {text-transform:uppercase; font-size: 12px; color: #a83521; margin-bottom: 6px;}

body#services div#lowerR h2,
body.studio div#lowerR h2 {text-transform:none; font-size: 14px;}
               
div.featuredProject h3 { text-transform: uppercase; color: #a83521; font-size: 11px;  }

div#lowerR h2#leafHead {color:#333; font-size:18px; padding:15px 0 10px 25px; border-top: 1px solid #c7c7c7; background:url(/img/icon_leaf.gif) 0 5px no-repeat;}

/** $paragraphs 
================================================================================================*/
       
p { line-height: 1.5em; margin-bottom: 25px; }
        
div#lowerLInner p { color: #e7e7df;  }
          
p.intro, h2 { font-size: 18px; margin-bottom: 20px; color:#a83521; line-height: 1.4em; }
     
div.fpLower p { width: 260px; }

p.bottom10 {margin-bottom:10px;}

p.small {font-size:11px;}

/** $images 
================================================================================================*/
           
img#newsImage {float: left; display: inline; margin: 0 15px 0px 0px;}
              
div.inset img { padding-bottom: 0px; }
          
div.fpLower img { }

img#leed {margin-bottom:30px;}

/** $lists 
================================================================================================*/

div#lowerR ul { margin: 0 0 15px 15px; padding-right: 15px; }             
div#lowerR ul li { list-style-type: circle;  margin-bottom: 6px; }

div#footerL ul, 
div#footerL li { float: left; display: inline; }

div#footerL li { margin-left: 8px; padding-right: 8px; background: url(/img/footer_list_seperator.gif) right 2px no-repeat; }

div#footerL li.last { background: none; }
                                           
body.contact div#lowerR ul {margin-left:0;}

body.contact div#lowerR ul li,
div#lowerR ul.listLeft li,
div#lowerR ul.listRight li,
div#lowerR div.noBullets ul li {list-style-type:none;}

div#lowerR ul.listLeft,
div#lowerR ul.listRight { margin-left: 0; float: left; display: inline;}

div#lowerR ul.listRight {margin-left: 100px; width:180px;}
div#lowerR ul.listLeft {width: 125px;}

div#lowerR ul.listLeft li,
div#lowerR ul.listRight li {margin-bottom: 1em;}

div#lowerR div.noBullets ul {margin-left:0;}

/** $forms 
================================================================================================*/

div.login,
div.login input {float: left; display: inline;}

div.login input#submit { margin-left: 6px; }


div.error-message { float: left; display: inline; clear:both; margin-left: 0; width: 220px; text-align: left; padding: 5px 0px 3px 20px; background: url(/img/admin/icon_error.gif) 2px 5px no-repeat; color: #993300; font-weight: bold; }









