ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
	margin:0;
	padding:0;
}
ul{
	list-style:none;
}
fieldset{
	border:0;
}
a,a:link,a:visited,a:hover{
	color:#00f;
	text-decoration:none;
}
a:focus,a:hover{
	text-decoration:underline;
}
a img{
	border:0;
}
.clear{
	clear:both;
}
body{
	position:relative;
	background:#58595b;
	color:#000;
	font:62.5% Georgia,Arial,sans-serif;
}

#main{
	width: 1144px;
	float: left;
	background: #fff;
	padding: 28px;
}

#left_column{
	width: 275px;
	height: 744px;
	float: left;
	background: url(../images/footer_logo.gif) no-repeat left bottom;
}

#main_column{
	width: 869px;
	overflow: hidden;
	float: left;
}

#logo{
	display: block;
	width: 165px;
	height: 99px;
	float: left;
	margin: 0px 0px 43px 0px;
	background: url(../images/logo.jpg) no-repeat;
	text-indent: -99999px;
}

#navigation{
	width: 95px;
	height: 214px;
	float: left;
	clear: left;
	margin: 0px 0px 10px 0px;
	background: url(../images/navigation.gif) no-repeat;
}

#navigation ul li{
	display: inline-block;
	float: left;
	clear: left;
	overflow: hidden;
}

#navigation ul li a{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}

#home a{
	margin: 9px 0px 11px 0px;
	width: 44px;
	height: 12px;
}

#about_us a{
	margin: 0px 0px 11px 0px;
	width: 66px;
	height: 12px;
}


#casestudies a{
	margin: 0px 0px 11px 0px;
	width: 95px;
	height: 12px;
}


#clients a{
	margin: 0px 0px 11px 0px;
	width: 50px;
	height: 12px;
}


#people a{
	margin: 0px 0px 7px 0px;
	width: 51px;
	height: 16px;
}


#news a{
	margin: 0px 0px 2px 0px;
	width: 41px;
	height: 12px;
}


#press a{
	margin: 9px 0px 11px 0px;
	width: 41px;
	height: 12px;
}

#contact_us a{ 
	width: 78px;
	height: 12px;
}

#home a:hover{
	background: url(../images/navigation_hover.gif) 0px -9px no-repeat; 
}

#home a.active{
	background: url(../images/navigation_hover.gif) 0px -9px no-repeat; 
}


#about_us a:hover{
	background: url(../images/navigation_hover.gif) 0px -32px no-repeat; 
}

#about_us a.active{
	background: url(../images/navigation_hover.gif) 0px -32px no-repeat; 
}


#casestudies a:hover{
	background: url(../images/navigation_hover.gif) 0px -55px no-repeat; 
}

#casestudies a.active{
	background: url(../images/navigation_hover.gif) 0px -55px no-repeat; 
}


#clients a:hover{
	background: url(../images/navigation_hover.gif) 0px -78px no-repeat; 
}

#clients a.active{
	background: url(../images/navigation_hover.gif) 0px -78px no-repeat; 
}


#people a:hover{
	background: url(../images/navigation_hover.gif) 0px -100px no-repeat; 
}

#people a.active{
	background: url(../images/navigation_hover.gif) 0px -100px no-repeat; 
}


#news a:hover{
	background: url(../images/navigation_hover.gif) 0px -124px no-repeat; 
}

#news a.active{
	background: url(../images/navigation_hover.gif) 0px -124px no-repeat; 
}


#press a:hover{
	background: url(../images/navigation_hover.gif) 0px -147px no-repeat; 
}

#press a.active{
	background: url(../images/navigation_hover.gif) 0px -147px no-repeat; 
}

#contact_us a:hover{
	background: url(../images/navigation_hover.gif) 0px -170px no-repeat; 
}

#contact_us a.active{
	background: url(../images/navigation_hover.gif) 0px -170px no-repeat; 
}

#footer_logo{
	position: absolute;
	display: block;
	width: 101px;
	height: 22px;
	margin: 722px 0px 0px 0px;
	text-indent: -99999px;
}

#footer_logo2{
	position: absolute;
	display: block;
	width: 101px;
	height: 22px;
	margin: 722px 0px 0px 0px;
	text-indent: -99999px;
}


/*----------------------------HOME--------------------------*/

#home_left_text{
	display: block;
	width: 232px;
	height: 93px;
	float: left;
	background: url(../images/home_left_text.gif) no-repeat;
	text-indent: -99999px;
}

#home_main{
	width: 869px;
	height: 744px;
	float: right;
	background: url(../images/home_image.jpg) no-repeat;
	text-indent: -99999px;
}

/*----------------------------ABOUT US--------------------------*/

#about_us_navigation{
	width: 128px;
	height: 93px;
	float: left;
	clear: left;
	background: url(../images/about_us_navigation.gif) no-repeat;
	text-indent: -99999px;
}

#about_us_navigation ul li{
	display: inline-block;
	float: left;
	clear: left;
	overflow: hidden;
}

#about_us_navigation ul li a{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}


#architecture a{
	margin: 0px 0px 10px 0px;
	width: 76px;
	height: 10px;
}

#interior_design a{
	margin: 0px 0px 7px 0px;
	width: 92px;
	height: 13px;
}


#consultancy a{
	margin: 0px 0px 7px 0px;
	width: 80px;
	height: 13px;
}


#the_way_that_we_work a{
	margin: 0px 0px 7px 0px;
	width: 139px;
	height: 13px;
}


#policy_documents a{
	width: 114px;
	height: 13px;
}



#architecture a:hover{
	background: url(../images/about_us_navigation_hover.gif) 0px 0px no-repeat; 
}

#architecture a.active{
	background: url(../images/about_us_navigation_hover.gif) 0px 0px no-repeat; 
}


#interior_design a:hover{
	background: url(../images/about_us_navigation_hover.gif) 0px -19px no-repeat; 
}

#interior_design a.active{
	background: url(../images/about_us_navigation_hover.gif) 0px -19px no-repeat; 
}


#consultancy a:hover{
	background: url(../images/about_us_navigation_hover.gif) 0px -40px no-repeat; 
}

#consultancy a.active{
	background: url(../images/about_us_navigation_hover.gif) 0px -40px no-repeat; 
}


#the_way_that_we_work a:hover{
	background: url(../images/about_us_navigation_hover.gif) 0px -60px no-repeat; 
}

#the_way_that_we_work a.active{
	background: url(../images/about_us_navigation_hover.gif) 0px -60px no-repeat; 
}


#policy_documents a:hover{
	background: url(../images/about_us_navigation_hover.gif) 0px -79px no-repeat; 
}

#policy_documents a.active{
	background: url(../images/about_us_navigation_hover.gif) 0px -79px no-repeat; 
}




#about_us_main{
	width: 868px;
	height: 744px;
	float: right;
	border-left: 1px solid #939598;
}

#about_us_image{
	width: 579px;
	height: 744px;
	float: right;
	background: url(../images/about_us_image.jpg) no-repeat;
	text-indent: -99999px;
}

#about_us_text{
	display: inline;
	width: 238px;
	height: 462px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/about_us_text.gif) no-repeat;
	text-indent: -99999px;
}

/*----------------------------INTERIOR--------------------------*/

#interior_image{
	width: 579px;
	height: 744px;
	float: right;
	background: url(../images/interior_image.jpg) no-repeat;
	text-indent: -99999px;
}

#interior_text{
	display: inline;
	width: 259px;
	height: 342px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/interior_text.gif) no-repeat;
	text-indent: -99999px;
}

/*----------------------------CONSULTANCY--------------------------*/

#consultancy_image{
	width: 579px;
	height: 744px;
	float: right;
	background: url(../images/consultancy_image.jpg) no-repeat;
	text-indent: -99999px;
}

#consultancy_text{
	display: inline;
	width: 260px;
	height: 442px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/consultancy_text.gif) no-repeat;
	text-indent: -99999px;
}

/*----------------------------WAY WE WORKED--------------------------*/

#way_we_worked_image{
	width: 579px;
	height: 744px;
	float: right;
	background: url(../images/way_we_worked_image.jpg) no-repeat;
	text-indent: -99999px;
}

#way_we_worked_text{
	display: inline;
	width: 245px;
	height: 442px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/way_we_worked_text.gif) no-repeat;
	text-indent: -99999px;
}

/*----------------------------POLICY DOCUMENTS--------------------------*/

#policy_documents_image{
	width: 579px;
	height: 744px;
	float: right;
	background: url(../images/policy_documents_image.jpg) no-repeat;
	text-indent: -99999px;
}

#policy_documents_text{
	display: inline;
	width: 238px;
	height: 230px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/policy_documents_text.gif) no-repeat;
	text-indent: -99999px;
}

ul li#policy_document a{
	position: absolute;
	display: block;
	width: 141px;
	height: 13px;
	overflow: hidden;
	margin: 293px 0px 0px 14px;
	text-indent: -99999px;
}

ul li#policy_document a:hover{
	background: url(../images/policy_documents_text_h.gif) 0px 0px;
}


ul li#equal_opportunity a{
	position: absolute;
	display: block;
	width: 176px;
	height: 13px;
	margin: 315px 0px 0px 14px;
	text-indent: -99999px;
}

ul li#equal_opportunity a:hover{
	background: url(../images/policy_documents_text_h.gif) 0px -22px;
}


ul li#heath_safety a{
	position: absolute;
	display: block;
	width: 164px;
	height: 14px;
	margin: 336px 0px 0px 14px;
	text-indent: -99999px;
}

ul li#heath_safety a:hover{
	background: url(../images/policy_documents_text_h.gif) 0px -43px;
}


ul li#training a{
	position: absolute;
	display: block;
	width: 101px;
	height: 13px;
	margin: 359px 0px 0px 14px;
	text-indent: -99999px;
}

ul li#training a:hover{
	background: #fff url(../images/policy_documents_text_h.gif) 0px -66px no-repeat;
}

/*----------------------------CASESTUDIES--------------------------*/

#casestudies_image{
	width: 711px;
	height: 744px;
	float: right;
	background: url(../images/casestudies_image.jpg) no-repeat;
	text-indent: -99999px;
}

#casestudies_text{
	display: inline;
	width: 119px;
	height: 256px;
	float: left;
	padding: 79px 0px 0px 0px;
	margin: 142px 0px 0px 14px;
	background: url(../images/casestudies_text.gif) no-repeat;
}

#casestudies_text ul li{
	display: inline-block;
	float: left;
	clear: left;
	overflow: hidden;
}

#casestudies_text ul li a{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}

#allyen_road a{
	margin: 0px 0px 10px 0px;
	width: 70px;
	height: 13px;
}

#allyen_road a:hover{
	background: url(../images/casestudies_text_h.gif);
}


#all_farthing_lane a{
	margin: 0px 0px 10px 0px;
	width: 99px;
	height: 13px;
}

#all_farthing_lane a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -23px;
}


#chamberlayne_road a{
	margin: 0px 0px 10px 0px;
	width: 118px;
	height: 13px;
}

#chamberlayne_road a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -46px;
}


#great_augur_road a{
	margin: 0px 0px 10px 0px;
	width: 112px;
	height: 13px;
}

#great_augur_road a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -69px;
}


#hengrave_road_casestudies a{
	margin: 0px 0px 10px 0px;
	width: 91px;
	height: 13px;
}

#hengrave_road_casestudies a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -92px;
}


#lacon_road_casestudies a{
	margin: 0px 0px 13px 0px;
	width: 70px;
	height: 10px;
}

#lacon_road_casestudies a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -115px;
}


#lyndhurst_way a{
	margin: 0px 0px 10px 0px;
	width: 85px;
	height: 13px;
}

#lyndhurst_way a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -138px;
}

#st_geroges_road a{
	margin: 0px 0px 10px 0px;
	width: 100px;
	height: 13px;
}

#st_geroges_road a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -161px;
}


#tyers_gate_casestudies a{
	margin: 0px 0px 10px 0px;
	width: 61px;
	height: 13px;
}

#tyers_gate_casestudies a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -184px;
}


#whateley_road a{
	margin: 0px 0px 10px 0px;
	width: 89px;
	height: 13px;
}

#whateley_road a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -207px;
}

#wimpole_mews a{
	width: 89px;
	height: 13px;
}

#wimpole_mews a:hover{
	background: url(../images/casestudies_text_h.gif) 0px -230px;
}

#casestudies_navigation{
	width: 75px;
	height: 30px;
	float: left;
	clear: left;
	background: url(../images/casestudies_navi.gif) no-repeat;
}

#casestudies_navigation ul li{
	display: inline-block;
	float: left;
	clear: left;
	overflow: hidden;
}

#casestudies_navigation ul li a{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}

#residential a{
	margin: 0px 0px 10px 0px;
	width: 69px;
	height: 10px;
}


#commercial a{
	width: 75px;
	height: 11px;
}

#residential a:hover{
	background: url(../images/casestudies_navi_hover.gif) 0px 0px no-repeat; 
}

#residential a.active{
	background: url(../images/casestudies_navi_hover.gif) 0px 0px no-repeat; 
}


#commercial a:hover{
	background: url(../images/casestudies_navi_hover.gif) 0px -19px no-repeat; 
}

#commercial a.active{
	background: url(../images/casestudies_navi_hover.gif) 0px -19px no-repeat; 
}

#residential_navigation{
	width: 262px;
	float: left;
	margin: 32px 0px 0px 0px;
}

#residential_navigation ul li{
	width: 131px;
	display: inline-block;
	float: left;
}

#residential_navigation ul li a{
	display: block;
	text-indent: -99999px;
	margin: 0px 0px 8px 0px;
}


#residential_navigation ul li#all_farthing_lane_navi a{
	width: 86px;
	height: 12px;
	background: url(../images/all_farthing_lane.gif) no-repeat;
}

#residential_navigation ul li#all_farthing_lane_navi a:hover{
	background: url(../images/all_farthing_lane.gif) 0px -12px;
}


#residential_navigation ul li#alleyen_road a{
	width: 60px;
	height: 12px;
	background: url(../images/alleyen_road.gif) no-repeat;
}

#residential_navigation ul li#alleyen_road a:hover{
	background: url(../images/alleyen_road.gif) 0px -12px;
}

#residential_navigation ul li#lyndhurst_way_navi a{
	width: 73px;
	height: 12px;
	background: url(../images/lyndhurst_way.gif) no-repeat;
}

#residential_navigation ul li#lyndhurst_way_navi a:hover{
	background: url(../images/lyndhurst_way.gif) 0px -12px;
}

#residential_navigation ul li#chamberlayne_road a{
	width: 101px;
	height: 12px;
	background: url(../images/chamberlayne_road.gif) no-repeat;
}

#residential_navigation ul li#chamberlayne_road a:hover{
	background: url(../images/chamberlayne_road.gif) 0px -12px;
}

#residential_navigation ul li#st_gerges_road a{
	width: 86px;
	height: 12px;
	background: url(../images/st_gerges_road.gif) no-repeat;
}

#residential_navigation ul li#st_gerges_road a:hover{
	background: url(../images/st_gerges_road.gif) 0px -12px;
}

#residential_navigation ul li#great_augur_street a{
	width: 96px;
	height: 12px;
	background: url(../images/great_augur_street.gif) no-repeat;
}

#residential_navigation ul li#great_augur_street a:hover{
	background: url(../images/great_augur_street.gif) 0px -12px;
}

#residential_navigation ul li#tyers_gate a{
	width: 53px;
	height: 12px;
	background: url(../images/tyers_gate.gif) no-repeat;
}

#residential_navigation ul li#tyers_gate a:hover{
	background: url(../images/tyers_gate.gif) 0px -12px;
}

#residential_navigation ul li#hengrave_road a{
	width: 78px;
	height: 12px;
	background: url(../images/hengrave_road.gif) no-repeat;
}

#residential_navigation ul li#hengrave_road a:hover{
	background: url(../images/hengrave_road.gif) 0px -12px;
}

#residential_navigation ul li#whateley_road a{
	width: 75px;
	height: 12px;
	background: url(../images/whateley_road.gif) no-repeat;
}

#residential_navigation ul li#whateley_road a:hover{
	background: url(../images/whateley_road.gif) 0px -12px;
}

#residential_navigation ul li#lacon_road a{
	width: 59px;
	height: 12px;
	background: url(../images/lacon_road.gif) no-repeat;
}

#residential_navigation ul li#lacon_road a:hover{
	background: url(../images/lacon_road.gif) 0px -12px;
}

#residential_navigation ul li#wimpole_mews a{
	width: 75px;
	height: 12px;
	background: url(../images/wimpole_mews.gif) no-repeat;
}

#residential_navigation ul li#wimpole_mews a:hover{
	background: url(../images/wimpole_mews.gif) 0px -12px;
}


/*----------------------------CASESTUDIES - ALLEYN ROAD--------------------------*/

#alleyn_road_image{
	width: 579px;
	height: 744px;
	float: right;
}

#alleyn_road_text{
	display: inline;
	width: 247px;
	height: 288px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/alleyn_road_text.gif) no-repeat;
}

#alleyn_road_thumbs{
	display: inline;
	width: 215px;
	height: 133px;
	float: left;
	margin: 24px 0px 0px 14px;
	background: url(../images/alleyn_road_thumbs.jpg) no-repeat;
}

#alleyn_road_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 14px 0px;
}

#alleyn_road_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#alleyn_road_thumbs ul li a:hover#thumb1{
	background:url(../images/alleyn_road_thumbs_hover.jpg) no-repeat;
}

#alleyn_road_thumbs ul li a.active#thumb1{
	background:url(../images/alleyn_road_thumbs_hover.jpg) no-repeat;
}


#alleyn_road_thumbs ul li a:hover#thumb2{
	margin: 0px 0px 0px 2px;
	background:url(../images/alleyn_road_thumbs_hover.jpg) -73px 0px;
}

#alleyn_road_thumbs ul li a:hover#thumb3{
	background:url(../images/alleyn_road_thumbs_hover.jpg) -142px 0px;
}

#alleyn_road_thumbs ul li a:hover#thumb4{
	background:url(../images/alleyn_road_thumbs_hover.jpg) 0px -73px;
}

#alleyn_road_thumbs ul li a:hover#thumb5{
	margin: 0px 0px 0px 2px;
	background:url(../images/alleyn_road_thumbs_hover.jpg) -73px -73px;
}

#alleyn_road_thumbs ul li a:hover#thumb6{
	background:url(../images/alleyn_road_thumbs_hover.jpg) -142px -73px;
}



/*----------------------------CASESTUDIES - FARTHING LANE--------------------------*/

#cs_farthing_lane_image{
	width: 579px;
	height: 744px;
	float: right;
}

#cs_farthing_lane_text{
	display: inline;
	width: 246px;
	height: 248px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/cs_farthing_lane_text.gif) no-repeat;
}

#cs_farthing_lane_thumbs{
	display: inline;
	width: 215px;
	height: 144px;
	float: left;
	margin: 24px 0px 0px 14px;
	background: url(../images/farthing_lane_thumbs.jpg) no-repeat;
}

#cs_farthing_lane_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 14px 0px;
}

#cs_farthing_lane_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#cs_farthing_lane_thumbs ul li a:hover#thumb1{
	background:url(../images/farthing_lane_thumbs_hover.jpg) no-repeat;
}

#cs_farthing_lane_thumbs ul li a.active#thumb1{
	background:url(../images/farthing_lane_thumbs_hover.jpg) no-repeat;
}


#cs_farthing_lane_thumbs ul li a:hover#thumb2{
	background:url(../images/farthing_lane_thumbs_hover.jpg) -71px 0px;
}

#cs_farthing_lane_thumbs ul li a:hover#thumb3{
	background:url(../images/farthing_lane_thumbs_hover.jpg) -142px 0px;
}

#cs_farthing_lane_thumbs ul li a:hover#thumb4{
	background:url(../images/farthing_lane_thumbs_hover.jpg) 0px -73px;
}

#cs_farthing_lane_thumbs ul li a:hover#thumb5{
	margin: 0px 0px 0px 2px;
	background:url(../images/farthing_lane_thumbs_hover.jpg) -73px -73px;
}

#cs_farthing_lane_thumbs ul li a:hover#thumb6{
	background:url(../images/farthing_lane_thumbs_hover.jpg) -142px -73px;
}


/*----------------------------CASESTUDIES - CHAMBERLAYNE--------------------------*/

#chamberlayne_image{
	width: 579px;
	height: 744px;
	float: right;
}

#chamberlayne_text{
	display: inline;
	width: 246px;
	height: 448px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/chamberlayne_text.gif) no-repeat;
}

#chamberlayne_thumbs{
	display: inline;
	width: 215px;
	height: 144px;
	float: left;
	margin: 24px 0px 0px 14px;
	background: url(../images/chamberlayne_thumbs.jpg) no-repeat;
}

#chamberlayne_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 14px 0px;
}

#chamberlayne_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#chamberlayne_thumbs ul li a:hover#thumb1{
	background:url(../images/chamberlayne_thumbs_hover.jpg) no-repeat;
}

#chamberlayne_thumbs ul li a.active#thumb1{
	background:url(../images/chamberlayne_thumbs_hover.jpg) no-repeat;
}


#chamberlayne_thumbs ul li a:hover#thumb2{
	background:url(../images/chamberlayne_thumbs_hover.jpg) -71px 0px;
}

#chamberlayne_thumbs ul li a:hover#thumb3{
	background:url(../images/chamberlayne_thumbs_hover.jpg) -142px 0px;
}

/*----------------------------CASESTUDIES - GREAT AUGUR STREET--------------------------*/

#great_augur_image{
	width: 579px;
	height: 744px;
	float: right;
}

#great_augur_text{
	display: inline;
	width: 250px;
	height: 308px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/great_augur_text.gif) no-repeat;
}

/*----------------------------CASESTUDIES - HENGRAVE ROAD--------------------------*/

#cs_hengrave_road_image{
	width: 579px;
	height: 744px;
	float: right;
}

#cs_hengrave_road_text{
	display: inline;
	width: 258px;
	height: 348px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/cs_hengrave_road_text.gif) no-repeat;
}

#hengrave_road_thumbs{
	display: inline;
	width: 215px;
	height: 144px;
	float: left;
	margin: 24px 0px 25px 14px;
	background: url(../images/hengrave_road_thumbs.jpg) no-repeat;
}

#hengrave_road_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 12px 0px;
}

#hengrave_road_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#hengrave_road_thumbs ul li a:hover#thumb1{
	background:url(../images/hengrave_road_thumbs_hover.jpg) no-repeat;
}

#hengrave_road_thumbs ul li a.active#thumb1{
	background:url(../images/hengrave_road_thumbs_hover.jpg) no-repeat;
}


#hengrave_road_thumbs ul li a:hover#thumb2{
	background:url(../images/hengrave_road_thumbs_hover.jpg) -71px 0px;
}

#hengrave_road_thumbs ul li a:hover#thumb3{
	background:url(../images/hengrave_road_thumbs_hover.jpg) -142px 0px;
}

#hengrave_road_thumbs ul li a:hover#thumb4{
	background:url(../images/hengrave_road_thumbs_hover.jpg) 0px -71px;
}

#hengrave_road_thumbs ul li a:hover#thumb5{
	background:url(../images/hengrave_road_thumbs_hover.jpg) -71px -71px;
}

#hengrave_road_thumbs ul li a:hover#thumb6{
	background:url(../images/hengrave_road_thumbs_hover.jpg) -142px -71px;
}

a#featured_hengrave{
	display: inline-block;
	width: 201px;
	height: 12px;
	float: left;
	clear: left;
	margin: 0px 0px 0px 14px;
	background: url(../images/feature_hengrave_road.gif) no-repeat;
	text-indent: -99999px;
}

a:hover#featured_hengrave{
	background: url(../images/feature_hengrave_road.gif) 0px -12px;
}

/*----------------------------CASESTUDIES - LACON ROAD--------------------------*/

#cs_lacon_road_image{
	width: 579px;
	height: 744px;
	float: right;
}

#cs_lacon_road_text{
	display: inline;
	width: 266px;
	height: 411px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/cs_lacon_road_text.gif) no-repeat;
}

#lacon_road_thumbs{
	display: inline;
	width: 215px;
	height: 144px;
	float: left;
	margin: 14px 0px 0px 14px;
	background: url(../images/lacon_road_thumbs.jpg) no-repeat;
}

#lacon_road_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 12px 0px;
}

#lacon_road_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#lacon_road_thumbs ul li a:hover#thumb1{
	background:url(../images/lacon_road_thumbs_hover.jpg) no-repeat;
}

#lacon_road_thumbs ul li a.active#thumb1{
	background:url(../images/lacon_road_thumbs_hover.jpg) no-repeat;
}


#lacon_road_thumbs ul li a:hover#thumb2{
	background:url(../images/lacon_road_thumbs_hover.jpg) -71px 0px;
}

#lacon_road_thumbs ul li a:hover#thumb3{
	background:url(../images/lacon_road_thumbs_hover.jpg) -142px 0px;
}

#lacon_road_thumbs ul li a:hover#thumb4{
	background:url(../images/lacon_road_thumbs_hover.jpg) 0px -71px;
}

#lacon_road_thumbs ul li a:hover#thumb5{
	background:url(../images/lacon_road_thumbs_hover.jpg) -71px -71px;
}

#lacon_road_thumbs ul li a:hover#thumb6{
	background:url(../images/lacon_road_thumbs_hover.jpg) -142px -71px;
}


a#featured_lacon{
	display: inline-block;
	width: 185px;
	height: 10px;
	float: left;
	clear: left;
	margin: 11px 0px 0px 14px;
	background: url(../images/featured_lacon.gif) no-repeat;
	text-indent: -99999px;
}

a:hover#featured_lacon{
	background: url(../images/featured_lacon.gif) 0px -10px;
}


a#download_lacon{
	display: inline-block;
	width: 159px;
	height: 12px;
	float: left;
	clear: left;
	margin: 0px 0px 0px 14px;
	background: url(../images/download_lacon_cs.gif) no-repeat;
	text-indent: -99999px;
}

a:hover#download_lacon{
	background: url(../images/download_lacon_cs.gif) 0px -12px;
}


/*----------------------------CASESTUDIES - LYNDHURST WAY--------------------------*/

#lyndhurst_image{
	width: 579px;
	height: 744px;
	float: right;
}

#lyndhurst_text{
	display: inline;
	width: 252px;
	height: 388px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/lyndhurst_text.gif) no-repeat;
}

#lyndhurst_thumbs{
	display: inline;
	width: 215px;
	height: 144px;
	float: left;
	margin: 24px 0px 0px 14px;
	background: url(../images/lyndhurst_thumbs.jpg) no-repeat;
}

#lyndhurst_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 12px 0px;
}

#lyndhurst_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#lyndhurst_thumbs ul li a:hover#thumb1{
	background:url(../images/lyndhurst_thumbs_hover.jpg) no-repeat;
}

#lyndhurst_thumbs ul li a.active#thumb1{
	background:url(../images/lyndhurst_thumbs_hover.jpg) no-repeat;
}

#lyndhurst_thumbs ul li a:hover#thumb2{
	background:url(../images/lyndhurst_thumbs_hover.jpg) -71px 0px;
}

#lyndhurst_thumbs ul li a:hover#thumb3{
	background:url(../images/lyndhurst_thumbs_hover.jpg) -142px 0px;
}

#lyndhurst_thumbs ul li a:hover#thumb4{
	background:url(../images/lyndhurst_thumbs_hover.jpg) 0px -71px;
}

#lyndhurst_thumbs ul li a:hover#thumb5{
	background:url(../images/lyndhurst_thumbs_hover.jpg) -71px -71px;
}

#lyndhurst_thumbs ul li a:hover#thumb6{
	background:url(../images/lyndhurst_thumbs_hover.jpg) -142px -71px;
}


/*----------------------------CASESTUDIES - GREAT AUGUR STREET--------------------------*/

#georges_image{
	width: 579px;
	height: 744px;
	float: right;
}

#georges_text{
	display: inline;
	width: 260px;
	height: 545px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/georges_text.gif) no-repeat;
}

/*----------------------------CASESTUDIES - TYERS GATE--------------------------*/

#cs_tyers_gate_image{
	width: 579px;
	height: 744px;
	float: right;
}

#cs_tyers_gate_text{
	display: inline;
	width: 243px;
	height: 385px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/cs_tyers_gate_text.gif) no-repeat;
}

#tyers_gate_thumbs{
	display: inline;
	width: 215px;
	height: 144px;
	float: left;
	margin: 24px 0px 11px 14px;
	background: url(../images/tyers_gate_thumbs.jpg) no-repeat;
}

#tyers_gate_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 12px 0px;
}

#tyers_gate_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#tyers_gate_thumbs ul li a:hover#thumb1{
	background:url(../images/tyers_gate_thumbs_hover.jpg) no-repeat;
}

#tyers_gate_thumbs ul li a.active#thumb1{
	background:url(../images/tyers_gate_thumbs_hover.jpg) no-repeat;
}

#tyers_gate_thumbs ul li a:hover#thumb2{
	background:url(../images/tyers_gate_thumbs_hover.jpg) -71px 0px;
}

#tyers_gate_thumbs ul li a:hover#thumb3{
	background:url(../images/tyers_gate_thumbs_hover.jpg) -142px 0px;
}

#tyers_gate_thumbs ul li a:hover#thumb4{
	background:url(../images/tyers_gate_thumbs_hover.jpg) 0px -71px;
}

#tyers_gate_thumbs ul li a:hover#thumb5{
	background:url(../images/tyers_gate_thumbs_hover.jpg) -71px -71px;
}

#tyers_gate_thumbs ul li a:hover#thumb6{
	background:url(../images/tyers_gate_thumbs_hover.jpg) -142px -71px;
}

#featured_tyers_gate{
	display: inline-block;
	width: 171px;
	height: 12px;
	float: left;
	clear: left;
	margin: 0px 0px 0px 14px;
	background: url(../images/feature_tyers_gate.gif) no-repeat;
	text-indent: -99999px;
}

/*----------------------------CASESTUDIES - WHATELEY ROAD--------------------------*/

#whateley_image{
	width: 579px;
	height: 744px;
	float: right;
}

#whateley_text{
	display: inline;
	width: 268px;
	height: 448px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/whateley_text.gif) no-repeat;
}

/*----------------------------CASESTUDIES - WIMPOLE MEWS--------------------------*/

#wimpole_image{
	width: 579px;
	height: 744px;
	float: right;
}

#wimpole_text{
	display: inline;
	width: 243px;
	height: 385px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/wimpole_text.gif) no-repeat;
}

#wimpole_thumbs{
	display: inline;
	width: 215px;
	height: 144px;
	float: left;
	margin: 24px 0px 11px 14px;
	background: url(../images/wimpole_thumbs.jpg) no-repeat;
}

#wimpole_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 14px 0px;
}

#wimpole_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

/*----------------------------CASESTUDIES - WIMPOLE MEWS--------------------------*/

#wimpole_image{
	width: 579px;
	height: 744px;
	float: right;
}

#wimpole_text{
	display: inline;
	width: 243px;
	height: 385px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/wimpole_text.gif) no-repeat;
}

#wimpole_thumbs{
	display: inline;
	width: 215px;
	height: 144px;
	float: left;
	margin: 24px 0px 11px 14px;
	background: url(../images/wimpole_thumbs.jpg) no-repeat;
}

#wimpole_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 14px 0px;
}

#wimpole_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#wimpole_thumbs ul li a:hover#thumb1{
	background:url(../images/wimpole_thumbs_hover.jpg) no-repeat;
}

#wimpole_thumbs ul li a.active#thumb1{
	background:url(../images/wimpole_thumbs_hover.jpg) no-repeat;
}

#wimpole_thumbs ul li a:hover#thumb2{
	background:url(../images/wimpole_thumbs_hover.jpg) -71px 0px;
}

#wimpole_thumbs ul li a:hover#thumb3{
	background:url(../images/wimpole_thumbs_hover.jpg) -142px 0px;
}


/*----------------------------CASESTUDIES COMMERCIAL--------------------------*/

#casestudies_commercial_image{
	width: 711px;
	height: 744px;
	float: right;
	background: url(../images/casestudies_comm_image.jpg) no-repeat;
	text-indent: -99999px;
}

#casestudies_commercial_text{
	display: inline;
	width: 128px;
	height:105px;
	float: left;
	padding: 79px 0px 0px 0px;
	margin: 142px 0px 0px 14px;
	background: url(../images/casestudies_comm_text.gif) no-repeat;
}

#casestudies_commercial_text ul li{
	display: inline-block;
	float: left;
	clear: left;
	overflow: hidden;
}

#casestudies_commercial_text ul li a{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}

#hidden{
	visibility: hidden;
	height: 13px;
}


#blue_mountain_cafe a{
	margin: 0px 0px 13px 0px;
	width: 116px;
	height: 10px;
}

#blue_mountain_cafe a:hover{
	background: url(../images/casestudies_comm_text_h.gif) no-repeat;
}


#esph_gym a{
	margin: 0px 0px 10px 0px;
	width: 66px;
	height: 13px;
}

#esph_gym a:hover{
	background: url(../images/casestudies_comm_text_h.gif) 0px -23px;
}


#progress1 a{
	margin: 0px 0px 10px 0px;
	width: 125px;
	height: 13px;
}

#progress1 a:hover{
	background: url(../images/casestudies_comm_text_h.gif) 0px -46px;
}


#progress2 a{
	width: 128px;
	height: 13px;
}

#progress2 a:hover{
	background: url(../images/casestudies_comm_text_h.gif) 0px -69px;
}


/*----------------------------CASESTUDIES - BLUE MOUNTAIN--------------------------*/

#bluemountain_image{
	width: 579px;
	height: 744px;
	float: right;
}

#bluemountain_text{
	display: inline;
	width: 263px;
	height: 348px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/cs_bluemountain_text.gif) no-repeat;
}

#bluemountain_thumbs{
	display: inline;
	width: 145px;
	height: 144px;
	float: left;
	margin: 24px 0px 11px 14px;
	background: url(../images/bluemountain_thumbs.jpg) no-repeat;
}

#bluemountain_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 12px 0px;
}

#bluemountain_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#bluemountain_thumbs ul li a:hover#thumb1{
	background:url(../images/bluemountain_thumbs_hover.jpg) no-repeat;
}

#bluemountain_thumbs ul li a.active#thumb1{
	background:url(../images/bluemountain_thumbs_hover.jpg) no-repeat;
}

#bluemountain_thumbs ul li a:hover#thumb2{
	background:url(../images/bluemountain_thumbs_hover.jpg) -71px 0px;
}

#bluemountain_thumbs ul li a:hover#thumb3{
	background:url(../images/bluemountain_thumbs_hover.jpg) 0px -71px;
}

#bluemountain_thumbs ul li a:hover#thumb4{
	background:url(../images/bluemountain_thumbs_hover.jpg) -71px -71px;
}

#commercial_navigation{
	width: 262px;
	float: left;
	margin: 32px 0px 0px 0px;
}

#commercial_navigation ul li{
	width: 131px;
	display: inline-block;
}

#commercial_navigation ul li a{
	display: block;
	text-indent: -99999px;
	margin: 0px 0px 8px 0px;
}

#commercial_navigation ul li#cs_esph_gym a{
	width: 57px;
	height: 12px;
	background: url(../images/cs_esph_gym.gif) no-repeat;
}

#commercial_navigation ul li#cs_esph_gym a:hover{
	background: url(../images/cs_esph_gym.gif) 0px -12px;
}

#commercial_navigation ul li#blue_mountain_cafe a{
	width: 100px;
	height: 12px;
	background: url(../images/blue_mountain_cafe.gif) no-repeat;
}

#commercial_navigation ul li#blue_mountain_cafe a:hover{
	background: url(../images/blue_mountain_cafe.gif) 0px -12px;
}

#commercial_navigation ul li#projects_progress1 a{
	width: 108px;
	height: 12px;
	background: url(../images/projects_progress1.gif) no-repeat;
}

#commercial_navigation ul li#projects_progress1 a:hover{
	background: url(../images/projects_progress1.gif) 0px -12px;
}

#commercial_navigation ul li#projects_progress2 a{
	width: 110px;
	height: 12px;
	background: url(../images/projects_progress2.gif) no-repeat;
}

#commercial_navigation ul li#projects_progress2 a:hover{
	background: url(../images/projects_progress2.gif) 0px -12px;
}


/*----------------------------CASESTUDIES - ESPH--------------------------*/

#cs_esph_image{
	width: 579px;
	height: 744px;
	float: right;
}

#cs_esph_text{
	display: inline;
	width: 223px;
	height: 226px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/cs_esph_text.gif) no-repeat;
}

#cs_esph_thumbs{
	display: inline;
	width: 145px;
	height: 144px;
	float: left;
	margin: 24px 0px 11px 14px;
	background: url(../images/cs_esph_thumbs.jpg) no-repeat;
}

#cs_esph_thumbs ul li{
	display: block;
	width: 59px;
	height: 59px;
	float: left;
	margin: 0px 12px 12px 0px;
}

#cs_esph_thumbs ul li a{
	display: block;
	width: 59px;
	height: 59px;
	text-indent: -99999px;
}

#cs_esph_thumbs ul li a:hover#thumb1{
	background:url(../images/cs_esph_thumbs_hover.jpg) no-repeat;
}

#cs_esph_thumbs ul li a.active#thumb1{
	background:url(../images/cs_esph_thumbs_hover.jpg) no-repeat;
}

#cs_esph_thumbs ul li a:hover#thumb2{
	background:url(../images/cs_esph_thumbs_hover.jpg) -71px 0px;
}

#cs_esph_thumbs ul li a:hover#thumb3{
	background:url(../images/cs_esph_thumbs_hover.jpg) 0px -71px;
}

#cs_esph_thumbs ul li a:hover#thumb4{
	background:url(../images/cs_esph_thumbs_hover.jpg) -71px -71px;
}


/*----------------------------CASESTUDIES - PROJECTS IN PROGRESS1--------------------------*/

#progress1_image{
	width: 579px;
	height: 744px;
	float: right;
}

#progress1_text{
	display: inline;
	width: 264px;
	height: 571px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/cs_progress1_text.gif) no-repeat;
}

/*----------------------------CASESTUDIES - PROJECTS IN PROGRESS2--------------------------*/

#progress2_image{
	width: 579px;
	height: 744px;
	float: right;
}

#progress2_text{
	display: inline;
	width: 259px;
	height: 548px;
	float: left;
	margin: 142px 0px 0px 14px;
	text-indent: -99999px;
	background: url(../images/cs_progress2_text.gif) no-repeat;
}

/*----------------------------CASESTUDIES - PROJECTS IN PROGRESS2--------------------------*/

#clients_text{
	width: 869px;
	height: 744px;
	float: right;
	background: url(../images/clients_text.jpg) no-repeat;
	text-indent: -99999px;
}




/*----------------------------PEOPLE--------------------------*/

#people_image{
	width: 579px;
	height: 744px;
	float: right;
	background: url(../images/people_image.jpg) no-repeat;
}

#people_image ul li{
	display: inline-block;
	width: 164px;
	height: 227px;
	float: left;
	margin: 0px 13px 12px 0px;
}

#people_image ul li a{
	outline: none;
	display: inline-block;
	width: 164px;
	height: 227px;
	text-indent: -99999px;
	margin: 0px 13px 12px 0px;
}

#people_image ul li#richardpic a:hover, #people_image ul li#richardpic a.active{
	background: url(../images/people_image.jpg) 0px -744px no-repeat;
}

#people_image ul li#krzysztofpic a:hover, #people_image ul li#krzysztofpic a.active{
	background: url(../images/people_image.jpg) -177px -744px no-repeat;
}

#people_image ul li#emiliapic a:hover, #people_image ul li#emiliapic a.active{
	background: url(../images/people_image.jpg) -354px -744px no-repeat;
}

#people_image ul li#lesleypic,#people_image ul li#andrewpic{
	clear: left;
}

#people_image ul li#lesleypic a:hover, #people_image ul li#lesleypic a.active{
	background: url(../images/people_image.jpg) 0px -983px no-repeat;
}

#people_image ul li#soniapic a:hover, #people_image ul li#soniapic a.active{
	background: url(../images/people_image.jpg) -177px -983px no-repeat;
}

#people_image ul li#andrewpic a:hover, #people_image ul li#andrewpic a.active{
	background: url(../images/people_image.jpg) 0px -1222px no-repeat;
}

#people_image ul li#rogerpic a:hover, #people_image ul li#rogerpic a.active{
	background: url(../images/people_image.jpg) -177px -1222px no-repeat;
}


#people_text{
	display: inline;
	width: 266px;
	height: 588px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/roger-huntley-text.gif) no-repeat;
	text-indent: -99999px;
}

#people_text.andrew{
	background: url(../images/andrew-text.gif) no-repeat;
}

#people_text.sonia{
	background: url(../images/sonia-text.gif) no-repeat;
}

#people_text.lesley{
	background: url(../images/lesley-text.gif) no-repeat;
}

#people_text.emilia{
	background: url(../images/emilia-text.gif) no-repeat;
}

#people_text.krzystof{
	background: url(../images/krzystof-text.gif) no-repeat;
}

#people_text.richard{
	background: url(../images/richard-text.gif) no-repeat;
}

#peoplemenu{
	position: absolute;
	width: 60px;
	height: 133px;
	margin: 366px 0px 0px 0px;
	background: url(../images/peoplemenu.gif) no-repeat;
}

#peoplemenu ul li a{
	outline: none;
	display: block;
	text-indent: -9999px;
}

#peoplemenu ul li#richard a{
	width: 60px;
	height: 10px;
	margin: 0px 0px 10px 0px;
}

#peoplemenu ul li#richard a:hover, #peoplemenu ul li#richard a.active{
	background: url(../images/peoplemenu.gif) -60px 0px no-repeat;
}

#peoplemenu ul li#krzysztof a{
	width: 60px;
	height: 13px;
	margin: 0px 0px 7px 0px;
}

#peoplemenu ul li#krzysztof a:hover, #peoplemenu ul li#krzysztof a.active{
	background: url(../images/peoplemenu.gif) -60px -20px no-repeat;
}

#peoplemenu ul li#emilia a{
	width: 60px;
	height: 13px;
	margin: 0px 0px 7px 0px;
}

#peoplemenu ul li#emilia a:hover, #peoplemenu ul li#emilia a.active{
	background: url(../images/peoplemenu.gif) -60px -40px no-repeat;
}

#peoplemenu ul li#lesley a{
	width: 60px;
	height: 13px;
	margin: 0px 0px 7px 0px;
}

#peoplemenu ul li#lesley a:hover, #peoplemenu ul li#lesley a.active{
	background: url(../images/peoplemenu.gif) -60px -60px no-repeat;
}

#peoplemenu ul li#sonia a{
	width: 60px;
	height: 10px;
	margin: 0px 0px 10px 0px;
}

#peoplemenu ul li#sonia a:hover, #peoplemenu ul li#sonia a.active{
	background: url(../images/peoplemenu.gif) -60px -80px no-repeat;
}

#peoplemenu ul li#andrew a{
	width: 60px;
	height: 10px;
	margin: 0px 0px 10px 0px;
}

#peoplemenu ul li#andrew a:hover, #peoplemenu ul li#andrew a.active{
	background: url(../images/peoplemenu.gif) -60px -100px no-repeat;
}

#peoplemenu ul li#roger a{
	width: 60px;
	height: 13px;
}

#peoplemenu ul li#roger a:hover, #peoplemenu ul li#roger a.active{
	background: url(../images/peoplemenu.gif) -60px -120px no-repeat;
}

/*----------------------------NEWS--------------------------*/

#news_navigation{
	width: 105px;
	height: 30px;
	float: left;
	clear: left;
	background: url(../images/news_navigation.gif) no-repeat;
	text-indent: -99999px;
}

#news_navigation ul li{
	display: inline-block;
	float: left;
	clear: left;
	overflow: hidden;
}

#news_navigation ul li a{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}


#current a{
	margin: 0px 0px 6px 0px;
	width: 102px;
	height: 13px;
}

#archive a{
	width: 50px;
	height: 14px;
}

#current a:hover{
	background: url(../images/news_navigation_hover.gif) 0px 0px no-repeat; 
}

#current a.active{
	background: url(../images/news_navigation_hover.gif) 0px 0px no-repeat; 
}


#archive a:hover{
	background: url(../images/news_navigation_hover.gif) 0px -18px no-repeat; 
}

#archive a.active{
	background: url(../images/news_navigation_hover.gif) 0px -18px no-repeat; 
}

#news_image{
	width: 434px;
	height: 744px;
	float: right;
	background: url(../images/news_image.jpg) no-repeat;
	text-indent: -99999px;
}

img#newstextheading{
	margin: 142px 0px 0px 14px;

}

#news_text{
	display: inline;
	width: 410px;
	height: 512px;
	float: left;
	overflow-y: scroll;
	margin: 0px 0px 0px 14px;
}

/*----------------------------ARCHIVE--------------------------*/

#archive_text{
	display: inline;
	width: 393px;
	height: 593px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/archive_text.gif) no-repeat;
	text-indent: -99999px;
}

/*----------------------------PRESS--------------------------*/

#press_navigation{
	width: 131px;
	height: 110px;
	float: left;
	clear: left;
	background: url(../images/press_navigation.gif) no-repeat;
	text-indent: -99999px;
}

#press_navigation ul li{
	display: inline-block;
	float: left;
	clear: left;
	overflow: hidden;
}

#press_navigation ul li a{
	display: block;
	overflow: hidden;
	text-indent: -99999px;
}


#farthing_lane a{
	margin: 0px 0px 7px 0px;
	width: 107px;
	height: 13px;
}

#hengrave_road a{
	margin: 0px 0px 7px 0px;
	width: 98px;
	height: 13px;
}

#lacon_road a{
	margin: 0px 0px 10px 0px;
	width: 75px;
	height: 10px;
}

#tyers_gate a{
	margin: 0px 0px 27px 0px;
	width: 68px;
	height: 13px;
}

#architect_in_houe a{
	width: 142px;
	height: 10px;
}


#farthing_lane a:hover{
	background: url(../images/press_navigation_hover.gif) 0px 0px no-repeat; 
}

#farthing_lane a.active{
	background: url(../images/press_navigation_hover.gif) 0px 0px no-repeat; 
}


#hengrave_road a:hover{
	background: url(../images/press_navigation_hover.gif) 0px -20px no-repeat; 
}

#hengrave_road a.active{
	background: url(../images/press_navigation_hover.gif) 0px -20px no-repeat; 
}

#lacon_road a:hover{
	background: url(../images/press_navigation_hover.gif) 0px -40px no-repeat; 
}

#lacon_road a.active{
	background: url(../images/press_navigation_hover.gif) 0px -40px no-repeat; 
}


#tyers_gate a:hover{
	background: url(../images/press_navigation_hover.gif) 0px -60px no-repeat; 
}

#tyers_gate a.active{
	background: url(../images/press_navigation_hover.gif) 0px -60px no-repeat; 
}

#architect_in_houe a:hover{
	background: url(../images/press_navigation_hover.gif) 0px -100px no-repeat; 
}

#architect_in_houe a.active{
	background: url(../images/press_navigation_hover.gif) 0px -100px no-repeat; 
}

#press_image{
	width: 562px;
	height: 731px;
	float: right;
	padding: 13px 0px 0px 17px;
	background: url(../images/press_image.jpg) no-repeat;
	text-indent: -99999px;
}

#press_text{
	display: inline;
	width: 175px;
	height: 102px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/press_text.gif) no-repeat;
	text-indent: -99999px;
}

#press_image ul li#cover1 {
	display: block;
	width: 160px;
	height: 122px;
	margin: 40px 0px 0px 45px;
	float: left;
}

#press_image ul li#cover1 a{
	display: block;
	width: 160px;
	height: 122px;
}


#press_image ul li#cover2 {
	display: inline;
	width: 316px;
	height: 171px;
	float: left;
	margin: 40px 0px 0px 20px;
}

#press_image ul li#cover2 a {
	display: block;
	width: 316px;
	height: 171px;
}

#press_image ul li#cover3 {
	display: inline;
	width: 164px;
	height: 208px;
	float: left;
	margin: 20px 40px 0px 25px;
}

#press_image ul li#cover3 a{
	display: block;
	width: 164px;
	height: 208px;
}

#press_image ul li#cover4 {
	display: inline;
	width:127px;
	height: 213px;
	float: left;
	margin: -8px 0px 0px 0px;
}

#press_image ul li#cover4 a{
	display: block;
	width:127px;
	height: 213px;
}


#press_image ul li#cover5 {
	display: inline;
	width: 177px;
	height: 178px;
	float: left;
	margin: 21px 0px 0px 0px;
}

#press_image ul li#cover5 a{
	display: block;
	width: 177px;
	height: 178px;
}

#press_image ul li#cover6 {
	display: inline;
	width: 163px;
	height: 216px;
	float: left;
	clear: left;
	margin: 49px 26px 0px 25px;
}

#press_image ul li#cover6 a{
	display: block;
	width: 163px;
	height: 216px;
}

#press_image ul li#cover7 {
	display: inline;
	width: 207px;
	height: 193px;
	float: left;
	margin: 49px 0px 0px 0px;
}

#press_image ul li#cover7 a{
	display: block;
	width: 207px;
	height: 193px;
}


#press_image ul li#cover8 {
	display: inline;
	width: 96px;
	height: 113px;
	float: left;
	margin: 0px 26px 0px 15px;
}

#press_image ul li#cover8 a{
	display: block;
	width: 96px;
	height: 113px;
}



/*----------------------------FARTHING LANE--------------------------*/

#farthing_lane_image{
	width: 547px;
	height: 732px;
	float: right;
	padding: 12px 0px 0px 32px;
	background: url(../images/farthing_lane_image.jpg) no-repeat;
	text-indent: -99999px;
}

#farthing_lane_text{
	display: inline;
	width: 200px;
	height: 182px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/farthing_lane_text.gif) no-repeat;
	text-indent: -99999px;
}

a#case_study_fl{
	display: block;
	width: 69px;
	height: 12px;
	float: left;
	margin: 311px 0px 0px -200px;
	text-indent: -99999px;
}

a:hover#case_study_fl{
	background: url(../images/casestudy5_hover.gif) no-repeat;
}


#farthing_lane_image ul li#cover1 {
	display: block;
	width: 164px;
	height: 228px;
	float: left;
}

#farthing_lane_image ul li#cover1 a{
	display: block;
	width: 164px;
	height: 228px;
}


#farthing_lane_image ul li#cover2 {
	display: inline;
	width: 320px;
	height: 229px;
	float: left;
	margin: 0px 0px 0px 45px;
}

#farthing_lane_image ul li#cover2 a {
	display: block;
	width: 320px;
	height: 229px;
}

#farthing_lane_image ul li#cover3 {
	display: inline;
	width: 164px;
	height: 228px;
	float: left;
	margin: 19px 47px 0px 0px;
}

#farthing_lane_image ul li#cover3 a{
	display: block;
	width: 164px;
	height: 228px;
}

#farthing_lane_image ul li#cover4 {
	display: inline;
	width: 318px;
	height: 227px;
	float: left;
	margin: 19px 0px 0px 0px;
}

#farthing_lane_image ul li#cover4 a{
	display: block;
	width: 318px;
	height: 227px;
}


#farthing_lane_image ul li#cover5 {
	display: inline;
	width: 163px;
	height: 226px;
	float: left;
	clear: left;
	margin: 21px 47px 0px 0px;
}

#farthing_lane_image ul li#cover5 a{
	display: block;
	width: 163px;
	height: 226px;
}

#farthing_lane_image ul li#cover6 {
	display: inline;
	width: 162px;
	height: 224px;
	float: left;
	margin: 19px 0px 0px 0px;
}

#farthing_lane_image ul li#cover6 a{
	display: block;
	width: 162px;
	height: 224px;
}


	

/*----------------------------HENGRAVE ROAD--------------------------*/

#hengrave_road_image{
	width: 548px;
	height: 602px;
	float: right;
	padding: 142px 0px 0px 31px;
	background: url(../images/hengrave_road_image.jpg) no-repeat;
	text-indent: -99999px;
}

#hengrave_road_text{
	display: inline;
	width: 214px;
	height: 182px;
	float: left;
	margin: 142px 0px 0px 14px;
	background: url(../images/hengrave_road_text.gif) no-repeat;
	text-indent: -99999px;
}

a#case_study_hg{
	display: block;
	width: 69px;
	height: 12px;
	float: left;
	margin: 311px 0px 0px -214px;
	text-indent: -99999px;
}

a:hover#case_study_hg{
	background: url(../images/casestudy5_hover.gif) no-repeat;
}


#hengrave_road_image ul li#cover1 {
	display: block;
	width: 527px;
	height: 371px;
	float: left;
}

#hengrave_road_image ul li#cover1 a{
	display: block;
	width: 527px;
	height: 371px;
}



/*----------------------------LACON ROAD--------------------------*/

#lacon_road_image{
	width: 547px;
	height: 728px;
	float: right;
	padding: 16px 0px 0px 32px;
	background: url(../images/lacon_road_image.jpg) no-repeat;
	text-indent: -99999px;
}

img#laconroad{
	margin: 141px 0px 0px 14px;
}

#lacon_road_text{
	display: inline;
	width: 269px;
	height: 447px;
	float: left;
	overflow-y: scroll;
	margin: 0px 0px 19px 14px;
}

#clicktoread{
	width: 164px;
	height: 28px;
	float: left;
	margin: 0px 0px 0px 14px;
	background: url(../images/click-lacon.gif) no-repeat;
}

a#case_study_lr{
	display: block;
	width: 69px;
	height: 12px;
	float: left;
	margin: 16px 0px 0px 0px;
	text-indent: -99999px;
}

a:hover#case_study_lr{
	background: url(../images/casestudy5_hover.gif) no-repeat;
}


#lacon_road_image ul li#cover1 {
	display: block;
	width: 124px;
	height: 168px;
	float: left;
}

#lacon_road_image ul li#cover1 a{
	display: block;
	width: 124px;
	height: 168px;
}


#lacon_road_image ul li#cover2 {
	display: inline;
	width: 241px;
	height: 169px;
	float: left;
	margin: 0px 0px 0px 30px;
}

#lacon_road_image ul li#cover2 a {
	display: block;
	width: 241px;
	height: 169px;
}

#lacon_road_image ul li#cover3 {
	display: inline;
	width: 241px;
	height: 167px;
	float: left;
	margin: 12px 0px 0px 0px;
}

#lacon_road_image ul li#cover3 a{
	display: block;
	width: 241px;
	height: 167px;
}

#lacon_road_image ul li#cover4 {
	display: inline;
	width: 248px;
	height: 172px;
	float: left;
	margin: 7px 0px 0px 24px;
}

#lacon_road_image ul li#cover4 a{
	display: block;
	width: 248px;
	height: 172px;
}


#lacon_road_image ul li#cover5 {
	display: inline;
	width: 128px;
	height: 169px;
	float: left;
	margin: 16px 28px 0px 0px;
}

#lacon_road_image ul li#cover5 a{
	display: block;
	width: 128px;
	height: 169px;
}

#lacon_road_image ul li#cover6 {
	display: inline;
	width: 136px;
	height: 168px;
	float: left;
	margin: 17px 28px 0px 0px;
}

#lacon_road_image ul li#cover6 a{
	display: block;
	width: 136px;
	height: 168px;
}

#lacon_road_image ul li#cover7 {
	display: inline;
	width: 148px;
	height: 150px;
	float: left;
	margin: 17px 0px 0px 0px;
}

#lacon_road_image ul li#cover7 a{
	display: block;
	width: 148px;
	height: 150px;
}

#lacon_road_image ul li#cover8 {
	display: inline;
	width: 245px;
	height: 170px;
	float: left;
	margin: 17px 25px 0px 0px;
}

#lacon_road_image ul li#cover8 a{
	display: block;
	width: 245px;
	height: 170px;
}

#lacon_road_image ul li#cover9 {
	display: inline;
	width: 129px;
	height: 165px;
	float: left;
	margin: 14px 0px 0px 0px;
}

#lacon_road_image ul li#cover9 a{
	display: block;
	width: 129px;
	height: 165px;
}
/*----------------------------TYERS GATE--------------------------*/

#tyers_gate_image{
	width: 547px;
	height: 705px;
	float: right;
	padding: 39px 0px 0px 32px;
	background: url(../images/tyers_gate_image.jpg) no-repeat;
	text-indent: -99999px;
}

#tyers_gate_text{
	display: inline;
	width: 232px;
	height: 181px;
	float: left;
	margin: 141px 0px 0px 14px;
	background: url(../images/tyers_gate_text.gif) no-repeat top;
	text-indent: -99999px;
}

a#case_study_tg{
	display: block;
	width: 69px;
	height: 12px;
	float: left;
	margin: 310px 0px 0px -232px;
	text-indent: -99999px;
}

a:hover#case_study_tg{
	background: url(../images/casestudy5_hover.gif) no-repeat;
}


#tyers_gate_image ul li#cover1 {
	display: block;
	width: 205px;
	height: 277px;
	float: left;
}

#tyers_gate_image ul li#cover1 a{
	display: block;
	width: 205px;
	height: 277px;
}

#tyers_gate_image ul li#cover2 {
	display: inline;
	width: 414px;
	height: 278px;
	float: left;
	clear: left;
	margin: 24px 0px 0px 0px;
}

#tyers_gate_image ul li#cover2 a {
	display: block;
	width: 414px;
	height: 278px;
}



/*----------------------------ARCHITECT IN HOUSE--------------------------*/

#architect_in_houe_image{
	width: 546px;
	height: 726px;
	float: right;
	padding: 18px 0px 0px 33px;
	background: url(../images/architect_in_houe_image.jpg) no-repeat;
	text-indent: -99999px;
}

#architect_in_houe_text{
	display: inline;
	width: 248px;
	height: 342px;
	float: left;
	margin: 141px 0px 0px 14px;
	background: url(../images/architect_in_houe_text.gif) no-repeat top;
	text-indent: -99999px;
}

#architect_in_houe_image ul li#cover1 {
	display: block;
	width: 370px;
	height: 192px;
	float: left;
}

#architect_in_houe_image ul li#cover1 a{
	display: block;
	width: 370px;
	height: 192px;
}

#architect_in_houe_image ul li#cover2 {
	display: inline;
	width: 271px;
	height: 184px;
	float: left;
	clear: left;
	margin: 14px 21px 0px 0px;
}

#architect_in_houe_image ul li#cover2 a {
	display: block;
	width: 271px;
	height: 184px;
}

#architect_in_houe_image ul li#cover3 {
	display: block;
	width: 231px;
	height: 402px;
	float: left;
	margin: 14px 0px 0px 0px;
}

#architect_in_houe_image ul li#cover3 a{
	display: block;
	width: 231px;
	height: 402px;
}

#architect_in_houe_image ul li#cover4 {
	display: inline;
	width: 235px;
	height: 293px;
	float: left;
	clear: left;
	margin: -206px 0px 0px 0px;
}

#architect_in_houe_image ul li#cover4 a {
	display: block;
	width: 235px;
	height: 293px;
}



/*----------------------------CONTACT US--------------------------*/

#contact_us_image{
	width: 457px;
	height: 744px;
	float: right;
	background: url(../images/contact_image.jpg) no-repeat bottom right;
	text-indent: -99999px;
}

#contact_us_text{
	display: inline;
	width: 298px;
	height: 122px;
	float: left;
	margin: 141px 0px 0px 14px;
	background: url(../images/contact_text.gif) no-repeat top;
	text-indent: -99999px;
}

#contact_us_text.thankyou{
	display: inline;
	width: 320px;
	height: 240px;
	float: left;
	margin: 141px 0px 0px 14px;
	background: url(../images/thankyou-text.gif) no-repeat top;
	text-indent: -99999px;
}

#contact_us_address{
	display: inline;
	width: 169px;
	height: 138px;
	float: left;
	clear: left;
	background: url(../images/address.gif) no-repeat top;
	text-indent: -99999px;
}

#contact_us_form{
	display: inline;
	width: 232px;
	height: 445px;
	float: left;
	padding: 16px 0px 0px 89px;
	margin: 19px 0px 0px 14px;
	background: #e7e7e8 url(../images/contact_form.gif) no-repeat left;
}

#contact_us_form input{
	width: 217px;
	height: 19px;
	overflow: hidden;
	float: left;
	clear: left;
	background: #fff;
	color: #58595b;
	border: none;
	margin: 0px 0px 25px 0px;
}

#contact_us_form textarea{
	width: 217px;
	height: 260px;
	background: #fff;
	color: #58595b;
	border: none;
}

input#send{
	position: absolute;
	display: block;
	width: 46px; height: 20px;
	margin: -23px 0px 0px -79px;
	background: none;
}

.replace{
	position:relative;
	margin:0;
	padding:0;
	/* \*/
	overflow:hidden;
	/* */
}
.replace span{
	display:block;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.skiplink{
	display:none;
}
#wrapper{
	width: 1200px;
	margin:0 auto;
}