body {

font: Verdana, Arial, Helvetica, sans-serif;
background: #fff2;
color: #636466;
text-align: center;
}



	pre {color:#2A5F00;}
	#writtenby { float: right; }
	a { color: #636466; text-decoration: underline; }
	a:hover { color: #009; text-decoration: none; }
	ol, ul, dl { margin: .5em .25em; padding: 0; list-style-position: inside; }
	dt { margin-left: 0; }
	dd { margin-left: 3.5em; }
	h1 { font-size: 2em; color: #636466; font-family:Verdana, Arial, sans-serif; }
	h2 { margin-top: 3em; margin-bottom: .5em; font-size: 1.3em; color: #636466; font-family:Verdana, Arial, sans-serif; }
	#tableofcontents h2 { margin-top: 2em; }
	h3 { font-size: 1.1em; margin: .5em 0 0; }
	p { margin: 1em .1em .5em; }
	.demobox { border: 1px solid #999; background-color: #eee; padding: .5em 1em; margin-bottom: 1em; }
	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	.clearfix {display: inline-table;}
	
	/* Hides from IE-mac \*/
	* html .clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */



#preload { display: none; }



#share {

margin-top: 20px;
float: left;
width: 504px;
font-size: 10px; 
color: #636466; 
font-family:Verdana, Arial, sans-serif;

}


#container {
position: absolute;

	left: 50%;
	margin-left: -585px;
		top: 50%;
	margin-top: -348px;

	text-align: left;
	width: 1170px;
	height: 690px;
	
	

}



#header {
margin-top: 35px;
margin-left: 35px;
float: left;
height: 90px;
width: 1100px;
text-align:left;
}



#leftcolumn {
text-align: left;
margin-left: 35px;
float: left;
width: 190px;


}

#rightcolumn {
float: left;
margin-top: 5px;
width: 760px;
height: 400px;
text-align: left;
}

#rightcolumn2 {
float: left;
margin-top: 5px;
width: 760px;
height: 400px;
text-align: left;
background-image:url('/images/gates/home1.jpg');
}

#photo-border {
float: left;
width: 130px;
height: 142px;
margin-bottom: 16px;
margin-right: 8px;
text-align: center;
margin-top: 11px;

}

#rightcolumn9 {
float: left;
margin-top: 5px;
width: 760px;
height: 400px;
text-align: left;
background-image:url('/images/gates/home1-test.jpg');
}


#rightcolumn-com {
float: left;
margin-top: 5px;
width: 760px;
height: 400px;
text-align: left;
background-image:url('/images/gates/comhome.jpg');
}

#rightcolumn-res {
float: left;
margin-top: 5px;
width: 760px;
height: 400px;
text-align: left;
background-image:url('/images/gates/reshome.jpg');
}

#rightcolumn-urb {
float: left;
margin-top: 5px;
width: 760px;
height: 400px;
text-align: left;
background-image:url('/images/gates/urbhome.jpg');
}





#footer {
margin-top: 141px;
margin-left: 226px;
width: 800px;
font-family:Verdana, Arial, sans-serif;
font-size:  9px; 
color: #B1B3B6;
float: left;
text-align: left;

}

#footer2 {
margin-top: 52px;
margin-left: 1px;
width: 500px;
font-family:Verdana, Arial, sans-serif;
font-size: 9px; 
color: #B1B3B6;
float: left;
text-align: left;

}



#footer3 {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
font-family:Verdana, Arial, sans-serif;
font-size: 9px; 
color: #B1B3B6;
float: left;
text-align: left;
}




#footer4 {
   position:absolute;
   bottom:0;
   width:100%;
   height:60px;   /* Height of the footer */
font-family:Verdana, Arial, sans-serif;
font-size: 9px; 
color: #B1B3B6;
float: left;
text-align: left;
margin-left: 226px;

}









#box {
width: 280px;
}

#boxes {
margin-top: 20px;
margin-left: 2px;
margin-right: 2px;
width: 30px;
float: left;
}




#photorow  {
float: left;
width: 765px;
height:80px;

}




#rightproject {
margin-top: 5px;
float: left;
width: 930px;
}


#project_pic {
float: left;
width: 612px;
height: 600px;

}


#project_text {
margin-left: 36px;
float: left;
width: 274px;
font-size: 11px; 
color: #636466; 
font-family:Verdana, Arial, sans-serif;
margin-top: 1px;


}


#project_text p {

font-size: 11px; 
text-align: justify;


}







#rightstudio {
margin-top: 6px;
float: left;
width: 765px;
font-size: 11px; 
color: #636466; 
font-family:Verdana, Arial, sans-serif;

}

#rightstudio p {

font-size: 11px; 


}





#contact_map {

float: left;
width: 320px;

}


#contact_text {
margin-left: 10px;
float: left;
width: 310px;
font-size: 11px; 
color: #636466; 
font-family:Verdana, Arial, sans-serif;
margin-top: 1px;
font-weight:200;
}






#partners_left {

float: left;
width: 400px;
font-size: 11px; 
color: #636466; 
font-family:Verdana, Arial, sans-serif;
margin-top: 6px;


}

#partners_left p {


font-size: 11px; 



}


#partners_right {
margin-left: 40px;
float: left;
width: 400px;
font-size: 11px; 
color: #636466; 
font-family:Verdana, Arial, sans-serif;
margin-top: 6px;
}


#partners_right p {

font-size: 11px; 

}



#list {

float: left;
width: 920px;
margin-left: 0px;
font-size: 11px; 
color: #636466; 
font-family:Verdana, Arial, sans-serif;
margin-top: 10px;

}

#list p {


font-size: 11px; 


}


#listentry {
float: left;
height:38px;
width:200px;
margin-right:30px;

}


#pubs_container {
margin-top: 2px;
float: left;
width: 480px; 

}


#pubs {
float: left;
width: 680px; 

}

#pubs hr {

  width: 680px;
 
  color: #B1B3B6;
}


#pubs_left {
float: left;
width: 80px;
height: 92px;


}

#pubs_right{

float: left;
width: 580px;
font-size: 11px; 
color: #636466; 
font-family:Verdana, Arial, sans-serif;
height: 92px;
margin-top: 0px;

}

#pubs_right p{


font-size: 11px; 


}