@charset "UTF-8";
/* CSS Document */


body {
background-color:#666666;
color:#4C4C4C;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:62.5%;
margin:0;
padding:0;
text-align:left;
}
img{
border:none;
}
#wrap {
background-color:#A9A9A9;
background-image:url(images/wmp_bgrnd.gif);
background-repeat:repeat-y;
margin:10px auto 0;
width:1200px;
height:800px;
}

#wrap #masthead {
	width:100%;
	height:57px;
	margin:0;
	padding:0;
	border-bottom:3px solid #F90;
	padding-top:30px;
}
#wrap #masthead h1{
	padding:0;
	margin:0;
	font-weight:normal;
	width:1050px;
	float:right;
}
#wrap #masthead a{
	display:block;
	width:100%;
	height:90px;
	text-align:center;
	font-size:1.8em;
	text-decoration:none;
	color:#000;
}

#wrap #masthead h1 a span {
	color:#F90;
}

#wrap #body_wrap {
	width:1200px;
	padding:0;
	margin:0;
}

#wrap #body_wrap #left_nav {
	margin:0;
	padding:0;
	height:400px;
	width:135px;
	float:left;
	margin-left:10px;
	margin-top:20px;
}

#wrap #body_wrap #left_nav #left_nav_list {
	list-style:none;
	height:400px;
	width:135px;
	margin:0;
	padding:0;
}
#wrap #body_wrap #left_nav #left_nav_list li{
	width:135px;
	height:50px;
	padding:0;
	margin:0;
}
#wrap #body_wrap #left_nav #left_nav_list li a{
	display:block;
	padding:0;
	margin:0;
	width:75px;
	height:30px;
	background-position:top left;
	background-repeat:no-repeat;
	color:#000;
	text-indent:-999em;
	font-size:1.2em;
	padding-top:20px;
	padding-left:60px;
}
#wrap #body_wrap #left_nav #left_nav_list li a:hover{
	background-position:bottom left;
	text-indent:0em;
	text-decoration:none;
}

#wrap #body_wrap #left_nav #left_nav_list li #nav_1{
	background-image:url(images/wmp_icons/01-commercial-projects.gif);
}
#wrap #body_wrap #left_nav #left_nav_list li #nav_2{
	background-image:url(images/wmp_icons/02-domestic-projects.gif);
}
#wrap #body_wrap #left_nav #left_nav_list li #nav_3{
	background-image:url(images/wmp_icons/03-conservation.gif);
}
#wrap #body_wrap #left_nav #left_nav_list li #nav_4{
	background-image:url(images/wmp_icons/04-urbanism.gif);
}
#wrap #body_wrap #left_nav #left_nav_list li #nav_5{
	background-image:url(images/wmp_icons/05-gallery.gif);
}
#wrap #body_wrap #left_nav #left_nav_list li #nav_6{
	background-image:url(images/wmp_icons/06-data.gif);
}
#wrap #body_wrap #left_nav #left_nav_list li #nav_7{
	background-image:url(images/wmp_icons/07-personel.gif);
}
#wrap #body_wrap #left_nav #left_nav_list li #nav_8{
	background-image:url(images/wmp_icons/08-contact-us.gif);
}
#commercial #wrap #body_wrap #left_nav #left_nav_list li #nav_1{
	background-position:bottom left;
	text-indent:-999em;
}
#domestic #wrap #body_wrap #left_nav #left_nav_list li #nav_2{
	background-position:bottom left;
	text-indent:-999em;
}
#conservation #wrap #body_wrap #left_nav #left_nav_list li #nav_3{
	background-position:bottom left;
	text-indent:-999em;
}
#urbanism #wrap #body_wrap #left_nav #left_nav_list li #nav_4{
	background-position:bottom left;
	text-indent:-999em;
}
#gallery #wrap #body_wrap #left_nav #left_nav_list li #nav_5{
	background-position:bottom left;
	text-indent:-999em;
}
#data #wrap #body_wrap #left_nav #left_nav_list li #nav_6{
	background-position:bottom left;
	text-indent:-999em;
}
#personel #wrap #body_wrap #left_nav #left_nav_list li #nav_7{
	background-position:bottom left;
	text-indent:-999em;
}
#contact #wrap #body_wrap #left_nav #left_nav_list li #nav_8{
	background-position:bottom left;
	text-indent:-999em;
}
	
#wrap #body_wrap #main_content_wrap {
	padding:0;
	margin:0;
	float:right;
	width:1040px;
	margin-top:20px;
}
#wrap #body_wrap #main_content_wrap #text{
	padding:0;
	margin:0;
	float:left;
	width:430px;
	padding-left:20px;
	font-size:1.1em;
}
#wrap #body_wrap #main_content_wrap #text h1{
	font-size:1.4em;
}
#wrap #body_wrap #main_content_wrap #text h2{
	font-size:1.2em;
}
#wrap #body_wrap #main_content_wrap #text p{
	font-size:1.1em;
}
#wrap #body_wrap #main_content_wrap #proj_img {
margin:0;
float:right;
width:452px;
height:442px;
text-align:center;
margin-right:50px;
}
#wrap #body_wrap #main_content_wrap #proj_img #gal_img_nav_wrap {
float:left;
margin:0;
padding:0;
width:452px;
}
#wrap #body_wrap #main_content_wrap #proj_img #gal_img_nav{
list-style:none;
padding:0;
margin:0 auto;
margin-top:10px;
width:380px;
}
#wrap #body_wrap #main_content_wrap #proj_img #gal_img_nav li{
margin:0;
padding:0;
float:left;
display:inline;
margin-bottom:5px;
margin-right:5px;
width:185px;
height:190px;
}

#wrap #body_wrap #main_content_wrap #proj_img #proj_nav {
list-style:none;
margin:0 auto;
width:250px;
margin-bottom:10px;
}
#wrap #body_wrap #main_content_wrap #proj_img #proj_nav li{
float:left;
margin-right:5px;
}
#wrap #body_wrap #main_content_wrap #proj_img #proj_nav li a{
display:block;
border:1px solid #333333;
text-decoration:none;
padding:5px;
color:#4c4c4c;
}
#wrap #body_wrap #main_content_wrap #proj_img #proj_nav li a:hover{
background-color:#a9a9a9;
}
#wrap #body_wrap #main_content_wrap #proj_img #proj_nav .active {
background-color:#a9a9a9;
}
#wrap #body_wrap #main_content_wrap #proj_img #proj_nav #page {
padding:5px;
}
#wrap #body_wrap #main_content_wrap #proj_img p{
clear:both;
}
#wrap #body_wrap #main_content_wrap #text #contact_info ul {
margin:0;
padding:0;
list-style:none;
margin-bottom:1em;
font-size:1.2em;
}
#wrap #body_wrap #main_content_wrap #text #contact_info a {
color:#FF9900;
}
#wrap #body_wrap #main_content_wrap #flash_wrap{
	width:893px;
	margin:0 auto;
}
#personel #wrap #body_wrap #main_content_wrap {
	margin-top:0px;
}
#personel #wrap #body_wrap #main_content_wrap h1{
	margin:0;
	padding:0;
	margin-bottom:20px;
}
#personel #wrap #body_wrap #main_content_wrap #pers_list{
	width:820px;
	margin:0 auto;
	padding:0;
	list-style:none;
}
#personel #wrap #body_wrap #main_content_wrap #pers_list ul{
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	margin-right:20px;
	font-size:1.2em;
}
#personel #wrap #body_wrap #main_content_wrap #pers_list .no_margin{
	margin-right:0px;
}
#personel #wrap #body_wrap #main_content_wrap #pers_list .info_list{
	margin-top:15px;
}
#personel #wrap #body_wrap #main_content_wrap #pers_list .hide{
	text-indent:-999em;
}
#personel #wrap #body_wrap #main_content_wrap #pers_list .mail_link{
	margin-top:30px;
}

#gallery_wrap{
	padding:0;
	margin:0 auto;
	width:800px;
	height:405px;
}
#gallery_wrap #gallery_title{
	width:800px;
	height:45px;
	background-color:#383934;
	margin:0;
	padding:0;
	float:left;
}
#gallery_wrap #gallery_title p{
	float:right;
	color:#FFF;
	width:50%;
	text-align:right;
	margin-right:20px;
	margin-top:25px;
}
#gallery_img_wrap{
	width:800px;
	height:360px;
	margin:0;
	padding:0;
}
#gallery_wrap #gallery_title h1{
	color:#FFF;
	font-weight:normal;
	margin-left:20px;
	float:left;
	width:280px;
}
#gallery_wrap ul{
	width:85px;
	height:360px;
	list-style:none;
	float:left;
	margin:0;
	padding:0;
	margin-right:4px;	
}
#gallery_wrap .last{
	margin-right:0px;
}
#gallery_wrap ul li{
	width:85px;
	height:85px;
	margin:0;
	padding:0;
	margin-top:4px;
	border:1px solid #000;
}
#gallery_wrap .white{
	background-color:#FFF;
}
#gallery_wrap .grey{
	background-color:#bfbfbf;
}
#gallery_wrap .orange{
	background-color:#f2bb57;
}
#gallery_intro{
	width:630px;
	height:330px;
	margin:0 auto;
	padding:0;
}
#gallery_intro_links{
	width:305px;
	height:330px;
	float:right;
	padding:0;
	margin:0;
	background-image:url(/flash/links_bgrnd.jpg)
}
#gallery_intro_links ul{
	width:305px;
	height:330px;
	margin:0;
	padding:0;
	list-style:none;
}
#gallery_intro_links ul li a{
	color:#F90;
	text-decoration:none;
	display:block;
	width:305px;
	height:45px;
	margin-bottom:17px;
	font-size:1.5em;
	padding-top:25px;
	text-indent:-999em;
}
#gallery_intro_links ul li a:hover{
	text-indent:0;
	text-align:right;
}
#gallery_intro_links ul li .last{
	margin-bottom:0px;
}
#gallery_intro_text{
	font-size:1.2em;
	height:205px;
	width:300px;
	float:left;
	padding-top:125px;
}
#gallery_intro_text a{
	color:#F90;
	text-decoration:none;
}
#gallery_intro_text a:hover{
	text-decoration:underline;
}