@charset "utf-8";
/* CSS Document */
body {
	margin:15px 0px 0px 10px;
	padding:0px;
	font-family:Arial, Sans-Serif;
	font-size: 12px;
	line-height:14px;
	color:#8c8c8c;
	background:#ffffff;
	
}


/*containers */
#wrapper{
	width:756px;
}
#wrapper2{
	width:890px;
}
#header{
	width:756px;
	float:left;
}
#header2{
	width:890px;
	float:left;
}

#menu{
	width:756px;
	float:left;
	margin:6px 0px 0px 0px;
	padding:0px;
	height:12px;
	line-height:0;
	font-size:0;

}	
#title{
	width:400px;
	float:left;
	margin:50px 0px 0px 0px;
	padding:0px;
	height:16px;
	/*background-image: url(../images/title_holder.jpg);
	background-repeat:no-repeat;
	background-position:left;*/
	line-height:0;
	font-size:0;

}	
#title2{
	width:756px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px;
	height:16px;
	line-height:0;
	font-size:0;

}	
#title3{
	width:756px;
	float:left;
	margin:50px 0px 0px 0px;
	padding:0px;
	height:16px;
	line-height:0;
	font-size:0;

}	
#title4{
	width:756px;
	float:left;
	margin:50px 0px 0px 0px;
	padding:0px;
	height:40px;
	line-height:0;
	font-size:0;

}	
#homenav{
float:left;
width:756px;
}
#middle{
	width:756px;
	float:left;
	margin:22px 0px 0px 0px;
	padding:0px;
	min-height: 253px;
	height:auto;
	background-color:#ffffff;
}	
/* for Internet Explorer */
/*\*/
* html #middle{
height: 253px;
}
/**/
#middle2{
	width:756px;
	float:left;
	margin:22px 0px 20px 0px;
	padding:0px;
}	
#middle3{
	width:756px;
	float:left;
	margin:15px 0px 20px 0px;
	padding:0px;
	display:inline;
}	
#middle4{
	width:756px;
	float:left;
	margin:100px 0px 0px 0px;
	padding:0px;
	display:inline;
	line-height:0;
	font-size:0;
}	
#middle7{
	width:890px;
	float:left;
	margin:100px 0px 0px 0px;
	padding:0px;
	display:inline;
	line-height:0;
	font-size:0;
}	

#details{
	width:756px;
	float:left;
	font-size:11px;
	line-height:13px;
	font-weight:normal;
	margin:15px 0px 0px 0px;
	height:55px;
	padding:0px;
	background-color:#ffffff;
}	
#initial{
	width:756px;
	height:357px;
	float:left;
	margin-top:52px;
	background-image:url(../images/3_3background.jpg);
	background-repeat:no-repeat;
}
#initial_content{
	width:263px;
	float:left;
	margin-top:15px;
	text-align:justify;
}
#footer{
	width:756px;
	float:left;
	margin:6px 0px 0px 0px;
	padding:0px;
	height:20px; /*just here to see the div in testing.will fill depending on details*/
}	
#formholder{
width:756px;
float:left;
margin-top:10px;
}

/* footer menu css */
#footer_menu {width:100%; font-size:0; line-height:0;}
#footer_menu img{ margin-right:10px; height:54px; width:56px;}
#footer_menu a:visited img, #footer_menu a img{filter: alpha(opacity=40);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
 -moz-opacity: 0.40; opacity:0.4;  -khtml-opacity:0.40;
}

#footer_menu a:hover img { filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; -khtml-opacity:1.00; opacity:1;
 }
#footer_menu a img.current{ filter: alpha(opacity=100);
 filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
 -moz-opacity: 1.00; -khtml-opacity:1.00; opacity:1;
 }
/* content divs for all the different project pages */
#content2_1_1{
	width:419px;
	float:left;
	text-align:justify;
} 
#content2_1_2{
	width:229px;
	float:left;
	text-align:justify;
} 
#content2_1_3{
	width:259px;
	float:left;
	text-align:justify;
} 
#content2_1_4{
	width:230px;
	float:left;
	text-align:justify;
} 
#content2_1_5{
	width:208px;
	float:left;
	text-align:justify;
} 
#content2_1_6{
	width:402px;
	float:left;
	text-align:justify;
} 
#content2_2_1{
	width:405px;
	float:left;
	text-align:justify;
} 
#content2_2_2{
	width:324px;
	float:left;
	text-align:justify;
}
#content2_2_3{
	width:370px;
	float:left;
	text-align:justify;
} 

#content2_2_5{
	width:388px;
	float:left;
	text-align:justify;
} 
#content2_2_6{
	width:520px;
	float:left;
	text-align:justify;
} 
#content2_2_6 p{
	margin-top:0px;
	margin-bottom:0px;
}
#content2_2_7{
	width:275px;
	float:left;
	text-align:justify;
} 

#content2_3_1{
	width:215px;
	float:left;
	text-align:justify;
} 
#content2_3_2{
	width:218px;
	float:left;
	text-align:justify;
} 
#content2_3_3{
	width:220px;
	float:left;
	text-align:justify;
} 
#content2_3_4{
	width:345px;
	float:left;
	text-align:justify;
} 
#content2_3_5{
	width:275px;
	float:left;
	text-align:justify;
} 
#content2_3_6{
	width:305px;
	float:left;
	text-align:justify;
} 
#content2_4_1{
	width:351px;
	float:left;
	text-align:justify;
} 
#content2_4_2{
	width:359px;
	float:left;
	text-align:justify;
} 
#content2_4_3{
	width:386px;
	float:left;
	text-align:justify;
} 
#content2_4_4{
	width:442px;
	float:left;
	text-align:justify;
} 
#content2_4_5{
	width:394px;
	float:left;
	text-align:justify;
} 
#content2_4_7{
	width:420px;
	float:left;
	text-align:justify;
} 
#content2_5_1{
	width:315px;
	float:left;
	text-align:justify;
	background-image:url(../images/2_5_1background.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:298px;
} 
#content2_5_2{
	width:400px;
	float:left;
	text-align:justify;
} 
#content2_5_3{
	width:385px;
	float:left;
	text-align:justify;
} 
#content2_5_4{
	width:412px;
	float:left;
	text-align:justify;
} 
#content2_5_5{
	width:435px;
	float:left;
	text-align:justify;
} 
#content2_6_1{
	width:419px;
	float:left;
	text-align:justify;
} 
#content2_6_2{
	width:204px;
	float:left;
	text-align:justify;
} 
#content2_6_3{
	width:400px;
	float:left;
	text-align:justify;
} 
#content2_6_4{
	width:333px;
	float:left;
	text-align:justify;
} 
#content2_6_5{
	width:136px;
	float:left;
	text-align:justify;
} 
#content2_6_6{
	width:432px;
	float:left;
	text-align:justify;
} 
#content2_7_1{
	width:340px;
	float:left;
	text-align:justify;
} 
#content2_7_2{
	width:435px;
	float:left;
	text-align:justify;
} 
#content2_7_3{
	width:422px;
	float:left;
	text-align:justify;
} 
#content2_7_4{
	width:333px;
	float:left;
	text-align:justify;
} 
#content2_7_5{
	width:136px;
	float:left;
	text-align:justify;
} 
#content2_7_6{
	width:463px;
	float:left;
	text-align:justify;
} 
#content2_7_7{
	width:215px;
	float:left;
	text-align:justify;
} 
#content2_7_8{
	width:243px;
	float:left;
	text-align:justify;
}
#content2_7_9{
	width:308px;
	float:left;
	text-align:justify;
} 
#content2_7_10{
	width:272px;
	float:left;
	text-align:justify;
} 
#content2_8_1{
	width:144px;
	float:left;
	text-align:justify;
} 
#content2_8_2{
	width:205px;
	float:left;
	text-align:justify;
} 
#content2_8_3{
	width:500px;
	float:left;
	text-align:justify;
} 
#content2_8_4{
	width:220px;
	float:left;
	text-align:justify;
} 
#content2_8_5{
	width:310px;
	float:left;
	text-align:justify;
} 
#content2_8_6{
	width:335px;
	float:left;
	text-align:justify;
} 
#content2_8_7{
	width:295px;
	float:left;
	text-align:justify;
} 
#content2_9_1{
	width:512px;
	float:left;
	text-align:justify;
} 
#content2_9_2{
	width:410px;
	float:left;
	text-align:justify;
} 
#content2_9_3{
	width:281px;
	float:left;
	text-align:justify;
} 
#content2_9_4{
	width:150px;
	float:left;
	text-align:justify;
} 
#content2_9_5{
	width:152px;
	float:left;
	text-align:justify;
} 
#content2_9_6{
	width:232px;
	float:left;
	text-align:justify;
} 

#content2_10_1{
	width:207px;
	float:left;
	text-align:justify;
} 
#content2_10_2{
	width:509px;
	float:left;
	text-align:justify;
} 
#content2_10_3{
	width:385px;
	float:left;
	text-align:justify;
} 
#content2_10_4{
	width:148px;
	float:left;
	text-align:justify;
} 
#content2_10_5{
	width:419px;
	float:left;
	text-align:justify;
} 
#content2_11_1{
	width:192px;
	float:left;
	text-align:justify;
} 
#content2_11_2{
	width:509px;
	float:left;
	text-align:justify;
} 
#content2_11_3{
	width:203px;
	float:left;
	text-align:justify;
} 
#content2_11_4{
	width:527px;
	float:left;
	text-align:justify;
} 
#content2_11_5{
	width:383px;
	float:left;
	text-align:justify;
} 
#content2_12_1{
	width:232px;
	float:left;
	text-align:justify;
} 
#content2_12_2{
	width:130px;
	float:left;
	text-align:justify;
} 
#content2_12_3{
	width:297px;
	float:left;
	text-align:justify;
} 
#content2_12_4{
	width:259px;
	float:left;
	text-align:justify;
} 
#content2_12_5{
	width:450px;
	float:left;
	text-align:justify;
} 
#content2_12_6{
	width:198px;
	float:left;
	text-align:justify;
} 
#content2_12_7{
	width:510px;
	float:left;
	text-align:justify;
} 
#content2_12_8{
	width:385px;
	float:left;
	text-align:justify;
} 
#content2_13_1{
	width:199px;
	float:left;
	text-align:justify;
} 
#content2_13_2{
	width:284px;
	float:left;
	text-align:justify;
} 
#content2_13_3{
	width:220px;
	float:left;
	text-align:justify;
} 
#content2_13_4{
	width:335px;
	float:left;
	text-align:justify;
} 
#content2_13_5{
	width:144px;
	float:left;
	text-align:justify;
} 
#content2_13_6{
	width:203px;
	float:left;
	text-align:justify;
} 
#content2_13_7{
	width:231px;
	float:left;
	text-align:justify;
} 
#content2_15_1{
	width:350px;
	float:left;
	text-align:justify;
} 
#content2_15_2{
	width:270px;
	float:left;
	text-align:justify;
} 
#content2_15_3{
	width:250px;
	float:left;
	text-align:justify;
} 
#content2_15_4{
	width:165px;
	float:left;
	text-align:justify;
} 
#content2_16_1{
	width:195px;
	float:left;
	text-align:justify;
} 
#content2_16_2{
	width:335px;
	float:left;
	text-align:justify;
} 
#content2_16_3{
	width:396px;
	float:left;
	text-align:justify;
} 
#content2_16_4{
	width:200px;
	float:left;
	text-align:justify;
} 

#content3_1{
	width:259px;
	float:left;
	text-align:justify;
} 
#content3_2{
	width:260px;
	float:left;
	text-align:justify;
} 
#content3_5{
	width:305px;
	float:left;
	text-align:justify;
} 
#content3_6{
	width:502px;
	float:left;
	text-align:justify;
} 
#content4_0{
	width:390px;
	float:left;
	text-align:justify;
} 
#content5_0{
	position:relative;
	top:107px;
	left:12px
	
} 

/* content fixes for text and imageshifts */
#text{
	width:250px;
	float:left;
}
#imageshift{
width:286px;
float:right;
position:relative;
top:-35px;
margin-bottom:-35px;
}
#imageshift2{
width:318px;
float:right;
position:relative;
top:61px;
margin-top:-61px;
}
#imageshift3{
width:230px;
float:right;
position:relative;
top:-24px;
margin-bottom:-24px;
}
#imageshift5{
width:246px;
float:right;
position:relative;
top:-24px;
margin-bottom:-138px;
}

.imageshift6{
width:278px;
float:right;
position:relative;
top:0px;
margin-bottom:-55px;
margin-right:0px;
}
#reissimage{
width:188px;
float:left;
margin-left: 25px;
}
#hmvimage{
width:341px;
float:left;
margin-left: 17px;
}
#queensimage{
width:341px;
float:left;
margin-left: 17px;
}
#chepstowimage{
width:341px;
float:left;
margin-left: 12px;
}
#maryleboneimage{
width:252px;
float:left;
margin-left: 32px;
}
#edmundimage{
width:118px;
float:left;
margin-left: 112px;
}
#vanimage{
width:193px;
float:left;
margin-left: 112px;
}
#tessimage{
width:290px;
float:left;
margin-left: 11px;
}
#portlandimage{
width:252px;
float:left;
margin-left: 55px;
}
#shirleyimage{
width:232px;
float:left;
margin-left: 20px;
}
#plantimage{
width:173px;
float:left;
margin-left: 18px;
}
#glassimage{
width:253px;
float:left;
margin-left: 35px;
}
#draytonimage{
width:200px;
float:left;
margin-left: 60px;
}
#bridgeimage{
width:253px;
float:left;
margin-left: 30px;
}
#alumimage{
width:249px;
float:left;
margin-left: 30px;
}
#smodelimage{
width:152px;
float:left;
margin-left: 30px;
}
#stair2image{
width:190px;
float:left;
margin-left: 80px;
}
#plyimage{
width:176px;
float:left;
margin-left: 40px;
}
#adriaticoimage{
width:284px;
float:left;
margin-left: 20px;
}
.news_entry{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	text-align:justify;
	padding:0px;
	margin:0px 0px 20px 0px;
} 
.news_entry_copy{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	text-align:justify;
	width:500px;
	float:left;
}
.news_entry_copy p{
	margin-top:10px;
}

.clearme{
	clear:both;
}
.news_entry_image{
	position:relative;
	top:0px;
	left:0px;
	width:100%;
	text-align:justify;
	width:200px;
	float:right;
} 

#full{
	width:100%;
	float:left;
	text-align:justify;
} 
#full2{
	width:100%;
	float:left;
	text-align:justify;
	background-image:url(../images/background_research.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:300px;
} 
#full3{
	width:503px;
	float:left;
	text-align:justify;
	background-image:url(../images/background_contact.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:246px;
} 
.director{
width:756px;
float:left;
margin-bottom:10px;
}
.director_pic{
float:left;
margin-right:20px;
margin-top:3px;
line-height:0;
font-size:0;
}
.director_pic2{
float:left;
margin-right:0px;
margin-top:3px;
line-height:0;
font-size:0;
}

.director_name{
float:right;
margin-right:20px;
margin-top:3px;
line-height:0;
font-size:0;

}
.director_name2{
float:right;
margin-right:20px;
margin-top:3px;
line-height:0;
font-size:0;

}
h1{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	line-height:17px;
	margin:0px 0px 0px 0px;
}
.director_info{
float:right;
width:542px;
text-align:justify;
}

#link{
	font-weight:normal;
	text-align:right;
}
#link2{
	width:523px;
	font-weight:normal;
	text-align:justify;
	font-size:10px;
	line-height:12px;
	float:right;
	position:relative;
	top:-35px;
}
#link3{
	font-weight:normal;
	text-align:right;
	position:relative;
	top:-10px;
}

.black{
	color:#000;
}
#awardpic{
width:28px;
float:right;
position:relative;
top:-5px;
margin-bottom:	-5px;
margin-left:10px;
}
#awardpic2{
width:233px;
float:right;
position:relative;
top:-25px;
margin-bottom:	-5px;
margin-left:10px;
}
#awardpic3{
width:335px;
float:right;
position:relative;
top:0px;
margin-bottom:	0px;
margin-left:10px;
}
#awardpic4{
width:233px;
float:right;
position:relative;
top:-40px;
margin-bottom:	-40px;
margin-left:10px;
}

.purple{
	color:#EC5B9E;
}
#content2_1_1 p, #content2_1_2 p, #content2_1_3 p, #content2_1_4 p, #content2_1_5 p, #content2_1_6 p,#details p{
margin:0px;
padding:0px;
}
#content2_2_1 p, #content2_2_2 p, #content2_2_3 p, #content2_2_5 p, #content2_2_7 p, #full p{
margin:0px;
padding:0px;
}
#content2_3_1 p, #content2_3_2 p, #content2_3_3 p, #content2_3_4 p, #content2_3_5 p, #content2_3_6 p{
margin:0px;
padding:0px;
}
#content2_4_1 p, #content2_4_2 p, #content2_4_3 p, #content2_4_4 p, #content2_4_5 p, #content2_4_7 p{
margin:0px;
padding:0px;
}
#content2_5_1 p, #content2_5_2 p, #content2_5_3 p, #content2_5_4 p, #content2_5_5 p{
margin:0px;
padding:0px;
}
#content2_6_1 p, #content2_6_2 p, #content2_6_3 p, #content2_6_4 p, #content2_6_5 p, #content2_6_6 p{
margin:0px;
padding:0px;
}
#content2_7_1 p, #content2_7_2 p, #content2_7_3 p, #content2_7_4 p, #content2_7_5 p, #content2_7_6 p, #content2_7_7 p, #content2_7_8 p, #content2_7_9 p, #content2_7_10 p, #content2_7_11 p, #content2_7_12 p{
margin:0px;
padding:0px;
}
#content2_8_1 p, #content2_8_2 p, #content2_8_3 p, #content2_8_4 p, #content2_8_5 p, #content2_8_6 p, #content2_8_7 p{
margin:0px;
padding:0px;
}
#content2_9_1 p, #content2_9_2 p, #content2_9_3 p, #content2_9_4 p, #content2_9_5 p{
margin:0px;
padding:0px;
}
#content2_10_1 p, #content2_10_2 p, #content2_10_3 p, #content2_10_4 p, #content2_10_5 p{
margin:0px;
padding:0px;
}
#content2_11_1 p, #content2_11_2 p, #content2_11_3 p, #content2_11_4 p, #content2_11_5 p{
margin:0px;
padding:0px;
}
#content2_12_1 p, #content2_12_2 p, #content2_12_3 p, #content2_12_4 p, #content2_12_5 p, #content2_12_6 p,#content2_12_7 p, #content2_12_8 p{
margin:0px;
padding:0px;
}
#content2_13_1 p, #content2_13_2 p, #content2_13_3 p, #content2_13_4 p, #content2_13_5 p, #content2_13_6 p, #content2_13_7 p{
margin:0px;
padding:0px;
}
#content2_15_1 p, #content2_15_2 p, #content2_15_3 p, #content2_15_4 p, #content2_15_5 p{
margin:0px;
padding:0px;
}
#content2_16_1 p, #content2_16_2 p, #content2_16_3 p, #content2_16_4 p, #content2_16_5 p{
margin:0px;
padding:0px;
}

#content3_1 p, #content3_5 p, #content3_6 p, #content4_0 p, #content5_0 p,.director_info p{
margin:0px;
padding:0px;
}

/* font classes */
.tenpixels{
	font-size:10px;
}
.bold{
	font-weight:bold;
}
.bold2{
	font-weight:bold;
	font-size:11px;
}
.pink{
	color:#f27aa5;
}
/* link classes */
a.pink_link:link{color:#ab4d9d;text-decoration:none;font-weight: normal; 	}
a.pink_link:active{color:#ab4d9d;text-decoration:none;font-weight: normal;	}
a.pink_link:visited{color:#ab4d9d;text-decoration:none;font-weight: normal;	}
a.pink_link:hover{color:#ab4d9d;text-decoration:underline;font-weight: normal;	}	

a.pink_link2:link{color:#ab4d9d;text-decoration:none;font-weight: bold;font-size:11px;	}
a.pink_link2:active{color:#ab4d9d;text-decoration:none;font-weight: bold;font-size:11px;	}
a.pink_link2:visited{color:#ab4d9d;text-decoration:none;font-weight: bold;font-size:11px;	}
a.pink_link2:hover{color:#ab4d9d;text-decoration:underline;font-weight: bold;font-size:11px;	}	

a.grey_link:link{color:#8c8c8c;text-decoration:none;font-weight:normal;font-size:11px;	}
a.grey_link:active{color:#8c8c8c;text-decoration:none;font-weight:normal;font-size:11px;	}
a.grey_link:visited{color:#8c8c8c;text-decoration:none;font-weight:normal;font-size:11px;	}
a.grey_link:hover{color:#8c8c8c;text-decoration:underline;font-weight:normal;font-size:11px;	}	

.left{
	float:left;
	}
.right{
	float:right;
}
.rightsmall{
	float:right;
	font-size:9px;
	text-align:right;
}	
	
img {border:0; margin:0px; padding:0px;}


/* all the navigation css */
.menu #nav-practice{
	margin-right:1px;
}
.menu #nav-practice a{
	width: 38px;
	background: url(../images/navigation/nav_practice.gif) no-repeat left top;
}
.menu #nav-practice a:hover{
	background: url(../images/navigation/nav_practice.gif) no-repeat left bottom;
}
.menu #nav-philosophy a{
	width: 93px;
	background: url(../images/navigation/nav_philosophy.gif) no-repeat left top;
}
.menu #nav-philosophy a:hover{
	background: url(../images/navigation/nav_philosophy.gif) no-repeat left bottom;
}
.menu #nav-office a{
	width: 93px;
	background:  url(../images/navigation/nav_office.gif) no-repeat left top;
}
.menu #nav-office a:hover{
	background: url(../images/navigation/nav_office.gif) no-repeat left bottom;
}

.menu #nav-people a{
	width: 93px;
	background:  url(../images/navigation/nav_people.gif) no-repeat left top;
}
.menu #nav-people a:hover{
	background: url(../images/navigation/nav_people.gif) no-repeat left bottom;
}



.menu #nav-projects{
		margin-right:1px;
		}

.menu #nav-projects a{
	width: 37px;
	background: url(../images/navigation/nav_projects.gif) no-repeat left top;
}
.menu #nav-projects a:hover{
	background: url(../images/navigation/nav_projects.gif) no-repeat left bottom;
}

.menu #nav-art01 a{
	width: 93px;
	background: url(../images/navigation/nav_art01.gif) no-repeat left top;
}
.menu #nav-art01 a:hover{
	background: url(../images/navigation/nav_art01.gif) no-repeat left bottom;
}
.menu #nav-art02 a{
	width: 93px;
	background:  url(../images/navigation/nav_art02.gif) no-repeat left top;
}
.menu #nav-art02 a:hover{
	background: url(../images/navigation/nav_art02.gif) no-repeat left bottom;
}
.menu #nav-commercial a{
	width: 93px;
	background: url(../images/navigation/nav_commercial.gif) no-repeat left top;
}
.menu #nav-commercial a:hover{
	background: url(../images/navigation/nav_commercial.gif) no-repeat left bottom;
}
.menu #nav-residential01 a{
	width: 93px;
	background: url(../images/navigation/nav_residential01.gif) no-repeat left top;
}
.menu #nav-residential01 a:hover{
	background: url(../images/navigation/nav_residential01.gif) no-repeat left bottom;
}
.menu #nav-retail a{
	width: 93px;
	background:   url(../images/navigation/nav_retail.gif) no-repeat left top;
}
.menu #nav-retail a:hover{
	background:  url(../images/navigation/nav_retail.gif) no-repeat left bottom;
}
.menu #nav-health a{
	width: 92px;
	background:  url(../images/navigation/nav_healthcare.gif) no-repeat left top;
}
.menu #nav-health a:hover{
	background: url(../images/navigation/nav_healthcare.gif) no-repeat left bottom;
}

.menu #nav-education a{
	width: 93px;
	background: url(../images/navigation/nav_education.gif) no-repeat left top;
}
.menu #nav-education a:hover{
	background: url(../images/navigation/nav_education.gif) no-repeat left bottom;
}
.menu #nav-conservation a{
	width: 93px;
	background: url(../images/navigation/nav_conservation.gif) no-repeat left top;
}
.menu #nav-conservation a:hover{
	background: url(../images/navigation/nav_conservation.gif) no-repeat left bottom;
}
.menu #nav-conservation2 a{
	width: 93px;
	background: url(../images/navigation/nav_conservation2.gif) no-repeat left top;
}
.menu #nav-conservation2 a:hover{
	background: url(../images/navigation/nav_conservation2.gif) no-repeat left bottom;
}

.menu #nav-special a{
	width: 93px;
	background:   url(../images/navigation/nav_structures.gif) no-repeat left top;
}
.menu #nav-special a:hover{
	background:  url(../images/navigation/nav_structures.gif) no-repeat left bottom;
}
.menu #nav-office2 a{
	width: 93px;
	background:   url(../images/navigation/nav_office.gif) no-repeat left top;
}
.menu #nav-office2 a:hover{
	background:   url(../images/navigation/nav_office.gif) no-repeat left bottom;
}
.menu #nav-glass01 a{
	width: 93px;
	background: url(../images/navigation/nav_glass01.gif) no-repeat left top;
}
.menu #nav-glass01 a:hover{
	background: url(../images/navigation/nav_glass01.gif) no-repeat left bottom;
}
.menu #nav-glass02 a{
	width: 93px;
	background:   url(../images/navigation/nav_glass02.gif) no-repeat left top;
}
.menu #nav-glass02 a:hover{
	background:  url(../images/navigation/nav_glass02.gif) no-repeat left bottom;
}
.menu #nav-staircases a{
	width: 93px;
	background:  url(../images/navigation/nav_staircases.gif) no-repeat left top;
}
.menu #nav-staircases a:hover{
	background: url(../images/navigation/nav_staircases.gif) no-repeat left bottom;
}
.menu #nav-residential02 a{
	width: 93px;
	background:  url(../images/navigation/nav_residential02.gif) no-repeat left top;
}
.menu #nav-residential02 a:hover{
	background:  url(../images/navigation/nav_residential02.gif) no-repeat left bottom;
}

.menu #nav-movement{
		margin-right:13px;
	}

.menu #nav-movement a{
	width: 50px;
	background: url(../images/navigation/nav_movement.gif) no-repeat left top;
}
.menu #nav-movement a:hover{
	background: url(../images/navigation/nav_movement.gif) no-repeat left bottom;
}


.menu #nav-introduction a{
	width: 93px;
	background: url(../images/navigation/nav_intro.gif) no-repeat left top;
}
.menu #nav-introduction a:hover{
	background: url(../images/navigation/nav_intro.gif) no-repeat left bottom;
}
.menu #nav-inspiration a{
	width: 93px;
	background: url(../images/navigation/nav_inspiration.gif) no-repeat left top;
}
.menu #nav-inspiration a:hover{
	background: url(../images/navigation/nav_inspiration.gif) no-repeat left bottom;
}
.menu #nav-concept a{
	width: 93px;
	background:  url(../images/navigation/nav_concept.gif) no-repeat left top;
}
.menu #nav-concept a:hover{
	background: url(../images/navigation/nav_concept.gif) no-repeat left bottom;
}
.menu #nav-drive a{
	width: 93px;
	background: url(../images/navigation/nav_drive.gif) no-repeat left top;
}
.menu #nav-drive a:hover{
	background: url(../images/navigation/nav_drive.gif) no-repeat left bottom;
}
.menu #nav-hydraulic a{
	width: 93px;
	background: url(../images/navigation/nav_hydraulic.gif) no-repeat left top;
}
.menu #nav-hydraulic a:hover{
	background: url(../images/navigation/nav_hydraulic.gif) no-repeat left bottom;
}
.menu #nav-sunnyfield a{
	width: 93px;
	background: url(../images/navigation/nav_sunnyfield.gif) no-repeat left top;
}
	.menu #nav-sunnyfield a:hover{
		background: url(../images/navigation/nav_sunnyfield.gif) no-repeat left bottom;
}


.menu #nav-research{
		margin-right:5px;
}

.menu #nav-research a{
	width: 42px;
	background: url(../images/navigation/nav_research.gif) no-repeat left top;
}
.menu #nav-research a:hover{
	background: url(../images/navigation/nav_research.gif) no-repeat left bottom;
}
.menu #nav-contact{
		margin-right:16px;
}
.menu #nav-contact a{
	width: 53px;
	background: url(../images/navigation/nav_contact.gif) no-repeat left top;
}
.menu #nav-contact a:hover{
	background:  url(../images/navigation/nav_contact.gif) no-repeat left bottom;
}
.menu #nav-visitors a{
	width: 66px;
	background: url(../images/navigation/nav_visitors.gif) no-repeat left top;
}
.menu #nav-visitors a:hover{
	background:  url(../images/navigation/nav_visitors.gif) no-repeat left bottom;
}
.menu #nav-visitors{
		margin-right:16px;
}

.menu #nav-news a{
	width: 66px;
	background: url(../images/navigation/nav_news.gif) no-repeat left top;
	margin-left:8px;
}
.menu #nav-news a:hover{
	background:  url(../images/navigation/nav_news.gif) no-repeat left bottom;
}

.menu {width:756px; height:16px; font-size:0.85em; position:relative; z-index:100;padding:0px; background-color:#ffffff; }
/* hack to correct IE5.5 faulty box model */
* html .menu {width:756px; w\idth:755px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	clear:both;
	float:left;
	line-height:0px;
}

.menu ul ul {	list-style:none;
	margin:16px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background-color:#ffffff;
		border-right: #999999 2px solid;
		border-bottom: #999999 2px solid;
	
	clear:both;
	float:left;
	line-height:0px;
	font-size:0;
}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:73px;position:relative; margin-right:0px;}
.menu li li{float:left;width:93px;position:relative; margin:5px 0px 5px 0px; }
/* style the links for the top level */
.menu li a, .menu li a:visited {	height: 16px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
.menu li li a, .menu  li li a:visited {	height: 11px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}
.menu ul ul :hover > a.drop {background:#c9ba65 url(http://www.cssplay.co.uk/graphics/drop.gif) bottom right no-repeat;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:0px;left:0px; width:93px;}


/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}



/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
/* for Internet Explorer */
#one, #two, #three{
height:auto;
}