body {
	margin-left: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #e5e5e5;
}

.bold { font-weight: bold}




/*Links
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.homelinks a:link { text-decoration: none; color: #90aabd } 
.homelinks a:visited { text-decoration: none; color: #90aabd }
.homelinks a:hover { text-decoration: none; color: #ffffff}

.homelinks2 a:link { text-decoration: none; color: #90aabd } 
.homelinks2 a:visited { text-decoration: none; color: #90aabd }
.homelinks2 a:hover { text-decoration: none; color: #383838}

.designlinks a:link { text-decoration: none; color: #bf6f67}
.designlinks a:visited { text-decoration: none; color: #bf6f67}
.designlinks a:hover { text-decoration: none; color: #ffffff }

.designlinks2 a:link { text-decoration: none; color: #bf6f67} 
.designlinks2 a:visited { text-decoration: none; color: #bf6f67}
.designlinks2 a:hover { text-decoration: underline; color: #383838 }

.adlinks a:link { text-decoration: none; color: #99a65f} 
.adlinks a:visited { text-decoration: none; color: #99a65f}
.adlinks a:hover { text-decoration: none; color: #ffffff }

.adlinks2 a:link { text-decoration: none; color: #99a65f} 
.adlinks2 a:visited { text-decoration: none; color: #99a65f}
.adlinks2 a:hover { text-decoration: none; color: #383838 }

.interactivelinks a:link { text-decoration: none; color: #7f5a8c } 
.interactivelinks a:visited { text-decoration: none; color: #7f5a8c }
.interactivelinks a:hover { text-decoration: none; color: #ffffff }

.interactivelinks2 a:link { text-decoration: none; color: #7f5a8c } 
.interactivelinks2 a:visited { text-decoration: none; color: #7f5a8c }
.interactivelinks2 a:hover { text-decoration: none; color: #383838 }

.prlinks a:link { text-decoration: none; color: #ae7d38} 
.prlinks a:visited { text-decoration: none; color: #ae7d38}
.prlinks a:hover { text-decoration: none; color: #ffffff }

.prlinks2 a:link { text-decoration: none; color: #ae7d38} 
.prlinks2 a:visited { text-decoration: none; color: #ae7d38}
.prlinks2 a:hover { text-decoration: none; color: #383838 }

.photolinks a:link { text-decoration: none; color: #a46a5c} 
.photolinks a:visited { text-decoration: none; color: #a46a5c}
.photolinks a:hover { text-decoration: none; color: #ffffff }

.photolinks2 a:link { text-decoration: none; color: #a46a5c} 
.photolinks2 a:visited { text-decoration: none; color: #a46a5c}
.photolinks2 a:hover { text-decoration: none; color: #383838 }

.planlinks a:link { text-decoration: none; color: #596176} 
.planlinks a:visited { text-decoration: none; color: #596176}
.planlinks a:hover { text-decoration: none; color: #ffffff }

.planlinks2 a:link { text-decoration: none; color: #596176} 
.planlinks2 a:visited { text-decoration: none; color: #596176}
.planlinks2 a:hover { text-decoration: none; color: #383838 }


.greylinks a:link { text-decoration: none; color: #333333 } 
.greylinks a:visited { text-decoration: none; color: #333333 }
.greylinks a:hover { text-decoration: underline; color: #333333 }

.whitelinks a:link { text-decoration: none; color: #ffffff } 
.whitelinks a:visited { text-decoration: none; color: #ffffff }
.whitelinks a:hover { text-decoration: underline; color: #ffffff }

.boxes a:link { text-decoration: none; color: #383838 } 
.boxes a:visited { text-decoration: none; color: #383838 }
.boxes a:hover { text-decoration: none; color: #ffffff  }

.boxes2 a:link { text-decoration: none; color: #ffffff} 
.boxes2 a:visited { text-decoration: none; color: #ffffff }
.boxes2 a:hover { text-decoration: none; color: #383838 }

.newslinks a:link { text-decoration: none; color: #333333 } 
.newslinks a:visited { text-decoration: none; color: #333333 }
.newslinks a:hover { text-decoration: none; color: #333333 }

.newslinks2 a:link { text-decoration: none; color: #009de8;} 
.newslinks2 a:visited { text-decoration: none; color: #009de8 }
.newslinks2 a:hover { text-decoration: none; color: #333333 }


.underline {border-bottom: 1px solid #ffffff;}





/*Page backgrounds
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.homeback {background-color: #000000; background-image: url(images/backgrounds/home3.jpg); background-position: top center; background-repeat: no-repeat}

.homeback2 {background-color: #000000; background-image: url(images/backgrounds/home4.jpg); background-position: top center; background-repeat: no-repeat}

.extraback {background-color: #000000; background-image: url(images/backgrounds/extra.jpg); background-position: top center; background-repeat: no-repeat}

.designback {background-color: #000000; background-image: url(images/backgrounds/design3.jpg); background-position: top center; background-repeat: no-repeat}
.designback2010 {background-color: #000000; background-image: url(images/backgrounds/design2010.jpg); background-position: top center; background-repeat: no-repeat}

.adback {background-color: #000000; background-image: url(images/backgrounds/ad2.jpg); background-position: top center; background-repeat: no-repeat}
.adback2010 {background-color: #000000; background-image: url(images/backgrounds/ad2010.jpg); background-position: top center; background-repeat: no-repeat}

.interactiveback {background-color: #000000; background-image: url(images/backgrounds/interactive3.jpg); background-position: top center; background-repeat: no-repeat}

.prback {background-color: #000000; background-image: url(images/backgrounds/pr.jpg); background-position: top center; background-repeat: no-repeat}

.photoback {background-color: #000000; background-image: url(images/backgrounds/photography4.jpg); background-position: top center; background-repeat: no-repeat}

.photoback2 {background-color: #000000; background-image: url(images/backgrounds/photography2.jpg); background-position: top center; background-repeat: no-repeat}

.planback {background-color: #000000; background-image: url(images/backgrounds/planning3.jpg); background-position: top center; background-repeat: no-repeat}

.experienceback {background-color: #000000; background-image: url(images/backgrounds/experience.jpg); background-position: top center; background-repeat: no-repeat}

.contactback {background-color: #000000; background-image: url(images/backgrounds/contact3.jpg); background-position: top center; background-repeat: no-repeat}


/*general headers
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

h1 {
	margin: 0;
	margin-top: 50px;
	margin-bottom: 10px;
	font-size: 50px;
	letter-spacing: -1px;
	line-height: 40px;
}

h2 {
	margin: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
	letter-spacing: -1px;
	line-height: 30px;
	font-style: italic;
	font-weight: normal;
}


.greytext {color: #333333}

.lgreytext {color: #999999}

.sml {font-size: 26px}

.xsl {font-size: 16px}

.lge {font-size: 50px; line-height: 40px; letter-spacing: -1px;}

.xl {font-size: 60px}

.hometext {color: #90aabd}

.headers {font-size: 40px}

.designhead {color: #ff7200}
.adhead {color: #a7ca26}
.interactivehead {color: #ac7cb5}
.prhead {color: #ce7b05}
.photohead {color: #ffc000}
.planhead {color: #145d81}
.contacthead {color: #214f70}


.subheaders {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	border-right: 4px solid #d9d8d8;
	color: #ffffff;
}


#greysubhead {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	border-right: 4px solid #d9d8d8;
	color: #333333;
}

#whitesubhead {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 20px;
	border-right: 4px solid #d9d8d8;
	color: #ffffff;
}


h1.toptext {
	margin: 0;
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 26px;
	letter-spacing: -1px;
	line-height: 40px;
}

.mainhead {
	padding-bottom: 20px;
	border-bottom: 1px solid #d9d8d8;
	margin-left: 475px;
}


h1.topmargin {
	margin-top: 0;
}

.italic {font-style: italic}



/*Container and navigation
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#container {
	width: 950px;
	margin: 0 auto; /*center on page*/
	text-align: right;
	padding-top: 140px;
}


#navi {
	margin: 0;
	font-size: 13px;
	height: 35px;
}


#navi ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 35px;
}

#navi li {
	display: inline;
	margin-left: 25px;
}

#navi li.smallgap {
	margin-left: 15px;
}

.lineleft {
	border: none;
	border-left: 1px solid #666666;
}

#navi li.bold a:link {color: #FFFFFF;font-weight: bold;}
#navi li.bold a:visited {color: #FFFFFF;font-weight: bold;}


#blogbutton {float: right;}
#blogbutton a {margin: 0;padding: 0;display: block;width: 43px;height: 35px;background: url(images/blog-button.gif) no-repeat 0 3px;}
#blogbutton a:hover {background: url(images/blog-button.gif) no-repeat -43px 3px;}

#blogbutton_ad {float: right;}
#blogbutton_ad a {margin: 0;padding: 0;display: block;width: 43px;height: 35px;background: url(images/blog-button-ad.gif) no-repeat 0 3px;}
#blogbutton_ad a:hover {background: url(images/blog-button-ad.gif) no-repeat -43px 3px;}

#blogbutton_design {float: right;}
#blogbutton_design a {margin: 0;padding: 0;display: block;width: 43px;height: 35px;background: url(images/blog-button-design.gif) no-repeat 0 3px;}
#blogbutton_design a:hover {background: url(images/blog-button-design.gif) no-repeat -43px 3px;}

#blogbutton_int {float: right;}
#blogbutton_int a {margin: 0;padding: 0;display: block;width: 43px;height: 35px;background: url(images/blog-button-int.gif) no-repeat 0 3px;}
#blogbutton_int a:hover {background: url(images/blog-button-int.gif) no-repeat -43px 3px;}

#blogbutton_pr {float: right;}
#blogbutton_pr a {margin: 0;padding: 0;display: block;width: 43px;height: 35px;background: url(images/blog-button-pr.gif) no-repeat 0 3px;}
#blogbutton_pr a:hover {background: url(images/blog-button-pr.gif) no-repeat -43px 3px;}

#blogbutton_photo {float: right;}
#blogbutton_photo a {margin: 0;padding: 0;display: block;width: 43px;height: 35px;background: url(images/blog-button-photo.gif) no-repeat 0 3px;}
#blogbutton_photo a:hover {background: url(images/blog-button-photo.gif) no-repeat -43px 3px;}

#blogbutton_plan {float: right;}
#blogbutton_plan a {margin: 0;padding: 0;display: block;width: 43px;height: 35px;background: url(images/blog-button-plan.gif) no-repeat 0 3px;}
#blogbutton_plan a:hover {background: url(images/blog-button-plan.gif) no-repeat -43px 3px;}




/*Content
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#content1 {
	font-size: 13px;
	line-height: 18px;
	letter-spacing: 0;
	padding: 0;
	padding-left: 456px;
	padding-top: 10px;
	padding-right: 24px;
}

#content2 {
	font-size: 13px;
	line-height: 18px;
	padding-left: 521px;
	padding-top: 10px;
	padding-bottom: 60px;
	padding-right: 24px;
}

#content2.padding {
	padding-bottom: 20px;
}

#content3 {
	font-size: 13px;
	line-height: 18px;
	padding-left: 525px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #475764;
}


#content4 {
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 13px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 30px;
	border-top: 1px solid #475764;
}


#contentdark {
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	padding-left: 475px;
	padding-top: 20px;
	padding-bottom: 30px;
}

#contentdark.paddingbottom {padding-bottom: 160px}

#contentdark.paddingtop {padding-top: 10px}
#contentdark.nopadding {padding-bottom: 0px; padding-left: 550px;}

#contentdark2 {
	clear: both;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 30px;
	border-top: 1px solid #999999;
}

#contentdark3 {
	clear: both;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	padding-top: 10px;
	padding-bottom: 30px;
	border-top: 1px solid #999999;
	text-align: right;
}


#contentdark4 {
	margin: 0;
	padding-top: 0;
	padding-bottom: 30px;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
}

#contentdark5 {
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	margin: 0;
	padding-top: 0;
	padding-bottom: 220px;
}

#contentdark p {
	margin: 0;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #999999;
}

#contentdark p.noline {
	border: none;
}

#leftimageflash2 {float: left; width: 387px; height: 577px}

#leftimageflash3 {float: left; width: 470px; height: 650px;margin-top: 30px}

#leftimageflash4 {float: left; width: 450px; height: 400px; margin-bottom: 100px; padding-left: 20px}

#leftimageflash5 {float: left; width: 450px; height: 600px}

#leftimageflash6 {float: left; width: 450px; height: 500px}

#leftimageflash7 {float: left; width: 450px; height: 550px}

#leftimageflash8 {float: left; width: 450px; height: 400px; padding-left: 20px}

#leftimageflash9 {float: left; width: 450px; height: 450px; padding-left: 20px}

#leftimageflash10 {float: left; width: 450px; height: 250px; padding-left: 20px}



#csrimage {float: left; padding: 0; margin: 0; width: 525px; height: 443px; background-image: url(images/tree.jpg); background-repeat: no-repeat; }
#csrcontent { height: 443px; margin: 0;padding: 0; color: #333333;font-size: 13px;line-height: 18px}
#csrcontent p { padding-right: 24px;}

#prflash { margin: 0; padding: 0; float: left; width: 500px; height: 503px; background-image: url(images/mic_headphones.jpg); background-repeat: no-repeat; }




#contactflash {padding: 0; margin: 0; float: left; height: 473px; width: 600px;}
#contactcontent { margin: 0; padding: 0; height: 473px; color: #333333;}


.margin-top {margin-top: 20px}

#extramile {
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	padding-left: 620px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#extramile2 {
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	padding-left: 600px;
	padding-top: 20px;
	padding-bottom: 20px;
}

p.johnstonespr {padding-bottom: 80px;}
p.leylandpr {margin:0; padding: 0; height: 280px;}
p.bktspr {margin:0; padding: 0; height: 320px;}
p.ca {margin:0; padding: 0; height: 180px;}
p.lakesmere {margin:0; padding: 0; height: 120px;}
p.johnstonesad {margin:0; padding: 0; height: 200px;}
p.howarth {margin:0; padding: 0; height: 180px;}
p.washroom {margin:0; padding: 0; height: 200px;}
p.johnstonespr {margin:0; padding: 0; height: 280px;}



#extramile p {
	margin: 0;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #cccccc;
}

#extramile p.noline {
	border: none;
}

p.caption {
	border: none;
	font-size: 11px;
	font-style: italic;
}

#extramileimage {float: left; width: 550px; height: 500px}
#extramileimage2 {float: left; width: 550px; height: 400px}
#extramileimage2.web {background-image:url(images/webbk.jpg); background-repeat: no-repeat; background-position: right -80px;}
#extramileimage3 {float: left; padding-top: 10px; width: 550px; height: 510px; }
#extramileimage4 {float: left; width: 550px; height: 450px}
#extramileimage5 {float: left; width: 550px; height: 550px}

#photocontent {
	height: 500px;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
	
}



#photoimage {
	position: static;
	margin: 0;
	padding: 0;
	width: 950px; 
	height: 500px;
}

#shoecontent {
	height: 450px;
	margin: 0;
	padding: 0;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
}

#shoeflash {
	position: static;
	margin: 0;
	padding: 0;
	width: 950px; 
	height: 450px;
}


	
#nickmilestone {margin: 0; padding: 0; float: left; width: 540px; height: 631px; background-image: url(images/casestudies/nick_milestone.jpg); background-repeat: no-repeat;}

#piggy {float: left; width: 550px; height: 473px; background-image: url(images/piggy.jpg); background-repeat: no-repeat;}
#display {float: left; width: 600px; height: 436px; background-image: url(images/update-display.jpg); background-repeat: no-repeat;}

p.paddingright {padding-right: 24px;}
h2.paddingright {padding-right: 24px;}


.update-cpd { background: url(images/harris-updates/cpd.jpg) no-repeat center}


/*Case study page content
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#whitebk {
	clear: both;
	margin: 0;
	margin-top: 22px;
	padding: 0;
	padding-bottom: 20px;
	background-color: #ffffff;
	text-align: right;
	color: #333333;
}

#whitebk2 {
	clear: both;
	margin: 0;
	margin-top: 22px;
	padding: 0;
	padding-bottom: 20px;
	text-align: right;
	color: #333333;
}

#whitebkclear {
	clear: both;
	margin: 0;
	margin-top: 22px;
	padding: 0;
	text-align: right;
	color: #333333;
}

#whitebkcontent{
	width: 950px;
	margin: 0px auto; /*center on page*/
	padding: 0;
}

/*for no padding on the bottom --------*/

#whitebk3 {
	clear: both;
	margin: 0;
	margin-top: 22px;
	padding: 0;
	background-color: #ffffff;
	text-align: right;
	color: #333333;
}

/*-------------------------------------*/





.lakesmerebk {background-image: url(flash/casestudies/case_study_pics/lakesmereback.jpg);background-repeat: no-repeat;background-position: 0px 20px;}
.webbk { background-image:url(flash/casestudies/case_study_pics/lakesmereback.jpg); background-repeat: no-repeat;background-position: 0px -80px;}

.photoheight {
	height: 480px;
}

#csr {height: 421px}


h1.casestudy {
	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 30px;
	line-height: 30px;
}


h2.projects {
	font-size: 16px;
	letter-spacing: 0;
	color: #999999;
	
}

h2.projects a {
	margin: 0;
	padding: 0;
	padding-left: 10px;
}


.financialbk { background: url(images/whitebackground/financial-help.jpg) no-repeat center}

.languedocbk { background: url(images/whitebackground/languedoc.jpg) no-repeat center}


/*Company box on case studies
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#company {
	clear: both;
	padding: 20px;
	margin: 0;
	margin-top: 20px;
	background-color: #e3e3e3;
	color: #222222;  
}

#company2 {
	padding: 20px;
	margin: 0;
	margin-top: 20px;
	background-color: #e3e3e3;
	color: #222222;  
}


.xsl {
	font-size: 16px;
	letter-spacing: 0;
	line-height: 20px;
}

#company blockquote {
	float: right;
	width: 320px;
	margin: 0;
	margin-left: 20px;
	padding: 0;
	padding-left: 10px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	text-align: left;
	border-left: 1px solid #333333;
}

#company blockquote p {margin: 0;padding: 0;}

#company cite {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding-top: 5px;
	font-style: normal;
}

#section1 {padding: 0; padding-right: 350px; text-align: left}
#section1  p {
	margin: 0;
	margin-left: 190px;
	padding: 0;
	padding-left: 10px;
}

#section1 p.large { margin-left: 120px}
#section1 img {float: left;margin-bottom: 30px;margin-right: 10px;}
#section1 a { display: block; padding-top: 5px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}


#section2 {width: 700px; margin: 0; padding: 0; text-align: left}
#section2  p {margin: 0; padding: 0}
#section2 img {float: left; margin: 0; margin-bottom: 30px;margin-right: 30px;}
#section2 a { display: block; padding-top: 5px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}




#section1.long {padding-right: 20px} /*without testimonial*/
#section1.long img {float: left; margin-bottom: 30px; margin-right: 10px;}
#section1.long a { display: block; padding-top: 5px; font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;}



/*Harris update boxes on home page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#latestcontainer, #latestcontainer1 {
	clear: both;
	margin: 0;
	padding-top: 14px;
	padding-bottom: 4px;
	height: 160px;
	border-top: 1px solid #3f4044;
}

#latestcontent, #latestcontent1 {
	width: 950px;
	margin: 0px auto; /*center on page*/
}

.smaller {
	font-size: 25px;
}


.storybox img {width:197px; height: 70px; margin-bottom: 5px; border: 5px solid #ffffff}
.storybox1 img {width:197px; height: 70px; margin-bottom: 5px; border: 5px solid #ffffff}

.storybox2 img {width:197px; height: 70px; margin-bottom: 5px; border: 5px solid #ffffff}
.storybox3 img {width:197px; height: 70px; margin-bottom: 5px; border: 5px solid #ffffff}

a.storybox {
	display: block;
	float: left;
	width: 207px;
	padding: 10px;
	margin-left: 14px;
	background-color: #ecf2f5;
	background-image: url(images/boxes.jpg);
	background-repeat: no-repeat;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 4px solid #193d57;
}

a.storybox1   {
	display: block;
	float: left;
	width: 207px;
	padding: 10px;
	margin: 0;
	background-color: #ecf2f5;
	background-image: url(images/boxes.jpg);
	background-repeat: no-repeat;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 4px solid #193d57;
}

a.storybox:hover { background-color: #193d57; background-image: url(images/boxes2.jpg); background-repeat: no-repeat; border-bottom: 4px solid #193d57;}
a.storybox1:hover { background-color: #193d57; background-image: url(images/boxes2.jpg); background-repeat: no-repeat; border-bottom: 4px solid #193d57; }


a.storybox3 {
	display: block;
	float: left;
	width: 207px;
	padding: 10px;
	margin-left: 14px;
	background-color: #ecf2f5;
	background-image: url(images/boxes.jpg);
	background-repeat: no-repeat;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 4px solid #261651;
}

a.storybox2   {
	display: block;
	float: left;
	width: 207px;
	padding: 10px;
	margin: 0;
	background-color: #ecf2f5;
	background-image: url(images/boxes.jpg);
	background-repeat: no-repeat;
	border: none;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	border-bottom: 4px solid #261651;
}

a.storybox3:hover { background-color: #261651; background-image: url(images/boxes2b.jpg); background-repeat: no-repeat; border-bottom: 4px solid #261651;}
a.storybox2:hover { background-color: #261651; background-image: url(images/boxes2b.jpg); background-repeat: no-repeat; border-bottom: 4px solid #261651;}


.highlight {
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
}



/*Bottom navigation 
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#linkscontainer {
	clear: both;
	width: 950px;
	margin: 0px auto; /*center on page*/
	border-top: 1px solid #3f4044;
}


#linkscontainer ul {
	list-style: none;
	padding: 0;
	margin: 0;
	line-height: 35px;
}

#linkscontainer li {
	display: inline;
}

#linkscontainer li a {
	float: left;
	display: block;
	width: 205px;
	margin-left: 14px;
	padding-left: 22px;
}

#linkscontainer li a.none {
	float: left;
	display: block;
	width: 205px;
	padding-left: 22px;
	margin: 0;
}

#linkscontainer li a {border-bottom: 2px solid #000000}
#linkscontainer li a:hover {border-bottom: 2px solid #ffffff}

#linkscontainer li.bold a:link {color: #FFFFFF;font-weight: bold; border-bottom: 2px solid #ffffff}
#linkscontainer li.bold a:visited {color: #FFFFFF;font-weight: bold; border-bottom: 2px solid #ffffff}



/*footer
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#footer {
	clear: both;
	margin-bottom: 30px;
	border-top: 1px solid #3f4044;
	border-bottom: 1px solid #3f4044;
	color: #6d6e71;
}

#footercontent {
	font-size: 10px;
	text-align: right;
	color: #ffffff;
	width: 950px;
	margin: 0px auto; /*center on page*/
	padding-top: 10px;
	padding-bottom: 10px;
}

#footercontent p {
	margin: 0;
}

#footleft {
	float: left;
	width: 300px;
	text-align: left;
	color: #6d6e71;
}

#footercontent p.address {
	color: #6d6e71;
}

/*CSR page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.csr1 {
	float: right;
	height: 200px;
	width: 400px;
	padding: 10px;
	margin: 10px;
	margin-right: 0;
	margin-left: 40px;
	border-bottom: 1px solid #475764;
}

.csr2 {
	float: right;
	height: 400px;
	width: 400px;
	padding: 10px;
	margin: 10px;
	margin-right: 0;
	margin-left: 20px;
}


/*News page
--------------------------------------------------------------------*/


#newsboxcontainer {
	clear: both;
	width: 950px;
	margin: 0px auto; /*center on page*/
	padding-top: 5px;
	padding-bottom: 5px;
}

.newsbox2 {
	clear: both;
	height: 200px;
	padding: 22px;
	margin: 0;
	border-top: 1px solid #ddd;
	font-size: 13px;
	line-height: 18px;
	text-align: left;
}

.newsbox2 img {
	float: left;
	margin: 0;
	margin-right: 20px;
	border: 1px solid #999;
	padding: 5px;
}

.newsbox2 a img:hover {
	border: 1px solid #171717;
}

.newsbox2 p {
	margin: 0;
	padding: 0;
	padding-top: 8px;
	vertical-align: bottom;
	color: #333333;
}

.topstory {
	margin-top: 20px;
}


h2.newsdate {
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0;
	color: #999999;
}

h1.newstitle {
	font-size: 30px;
	margin-top: 10px;
	line-height: 25px;
	letter-spacing: 0;
	color: #333333;
}


.newstitle2 {
	font-size: 38px;
	line-height: 30px;
	letter-spacing: -1px;
}

#clearbk {
	clear: both;
	margin: 0;
	padding: 0;
	text-align: right;
}

h2.newsdate2 {
	position: absolute;
	left: 800px;
	width: 120px;
	padding: 10px;
	font-size: 14px;
	line-height: 14px;
	letter-spacing: 0;
	color: #333333;
	background: #cccccc;
	z-index: 5;
}


/*Contacts page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.contact {
	font-family: Arial, Helvetica, sans-serif;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	color: #90aabd;
	margin: 0;
	padding: 0;
	padding-right: 5px;
}

.contactpara {
	font-size: 14px;
	line-height: 20px;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-right: 24px;
}

/*Links page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


.noborder img {
	border: none
}

.noborder a img {border: none}


#linkspage ul.top {
	list-style: none;
	padding: 0;
	padding-top: 10px;
	margin: 0;
	margin-right: 20px;
	margin-bottom: 30px;
}

#linkspage li {
	margin: 0;
	padding: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

/*Bottom case study navigation
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#bottomcasestudy, #bottomcasestudy2 {
	clear: both;
	width: 928px;
	margin: 0px auto; /*center on page*/
	border-top: 1px solid #3f4044;
	padding-left: 22px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 14px;
	color: #999999;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	line-height: 28px;
}

#bottomcasestudy a, #bottomcasestudy2 a {
	margin: 0;
	padding: 0;
	padding-left: 20px;
}

#bottomcasestudy.notopborder, #bottomcasestudy2.notopborder {border: none}



#newsrss a {
	float: right;
	width: 50px;
	margin: 0;
	padding: 0;
}

#newsrss a img {border: none;}

#linkscontainer.notopborder {border: none}



.may09_002 { background: url(images/newsimages/may09_02.jpg) no-repeat center}
.may09_003 { background: url(images/newsimages/may09_03.jpg) no-repeat center}
.oct09_001 { background: url(images/newsimages/oct09_01.jpg) no-repeat center}
.oct09_001gallery {width: 900px; height: 650px; padding-left: 25px; padding-top: 25px;}
.oct09_002 { background: url(images/newsimages/oct09_02.jpg) no-repeat center}
.dec09_001 { background: url(images/newsimages/dec09_01.jpg) no-repeat center bottom}
.mar10_004 { background: url(images/newsimages/mar10_004.jpg) no-repeat center bottom}
.mar10_003 { background: url(images/newsimages/mar10_003.jpg) no-repeat center} 

.newsbutton {
	float: left; 
	height: 14px;
	margin-top: 690px;
	margin-left: 220px; 
	padding: 10px; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	font-style: italic;
	font-size: 14px;
	line-height: 14px;
	background-color: #222222;
	color: #FFFFFF; 
}


img.newsimage {
	float: left;
	margin: 0;
	padding: 4px;
 	border: 1px solid #ddd;
	margin-top: 30px;
}

img.newsimage2 {
	float: left;
	margin: 0;
	padding: 4px;
 	border: 1px solid #ddd;
	margin-top: 30px;
	margin-left: 125px;
}



/*sitemap page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
#sitemap {
	clear: both;
	height: 500px;
	margin: 0;
	padding: 0;
	margin-top: 20px;
	color: #333333; 
}

.sitemapcontainer {
	clear: both;
	margin: 0;
	padding: 0;
}


#sitemap ul.top {
	display: block;
	float: right;
	list-style: none;
	padding: 0;
	padding-top: 10px;
	margin: 0;
	margin-right: 20px;
	margin-bottom: 30px;
}

#sitemap ul.sub {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-bottom: 10px;
}

#sitemap ul.sub1 {
	display: block;
	list-style: none;
	padding: 0;
	margin: 0;
}

#sitemap li {
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-bottom: 2px;
}

#sitemap li.bold {
	font-weight: bold;
	margin: 0;
	padding: 0;
	padding-bottom: 10px;
}

#sitemap li.italic {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

/*History page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

.history {
	float: right;
	width: 400px;
	margin: 0;
	padding: 0;
	margin-right: 20px;
	margin-top: 20px;
}

.historyheight {
	height: 600px;
}


/*Photography main page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#phototext {
	float: left;
	width: 450px;
	margin: 0;
	padding: 0;
	padding-left: 500px;
}


#topheadingphoto3 {
	position: absolute;
	width: 450px;
	margin: 0;
	padding: 0;
	margin-left: 500px;
	z-index: 3;
	padding-top: 20px;
}

#photomaincontent {
	height: 590px;
	color: #333333;
	font-size: 13px;
	line-height: 18px;
}

#photomaincontent2 {
	height: 550px;
	color: #ffffff;
	font-size: 13px;
	line-height: 18px;
}
	
#photomainimage {
	position: static;
	margin: 0;
	padding: 0;
	width: 950px; 
	height: 590px;
}

#photomaincontent p, #photomaincontent2 p {
	padding-left: 100px;
}


.gradientbackground { background: url(images/backgrounds/gradient.jpg) repeat-x}







/*Photography case study pages
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#topheadingphoto {
	position: absolute;
	width: 300px;
	margin: 0;
	padding: 0;
	padding-left: 650px;
	z-index: 2;
	padding-top: 20px;
}


/*Architectural Photography page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#portfolio-image-area {float: left; width: 650px; height: 325px; margin-top: 20px;}

#portfolio-image-area ul {
	margin: 0;
	padding: 0;
	list-style: none;
}


#portfolio-image-area li {float: left;}

#portfolio-image-area li a {
	display: block;
	height: 65px;
	width: 65px;
}


#portfolio-image-area li.big a {
	display: block;
	height: 195px;
	width: 260px;
}

.blank {background: #ffffff no-repeat 0 0;}

li.portfolio { 
	display: block; 
	width: 130px; 
	height: 65px; 
	background: #333333 no-repeat 0 0;
	color: #999999;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	line-height: 65px;
}

.test a {background: url(images/casestudies/architectural/thumbs/test.gif) no-repeat 0 0;}
.test a:hover {background: url(images/casestudies/architectural/thumbs/test.gif) no-repeat -65px 0;}

.camb01 a {background: url(images/casestudies/architectural/thumbs/camb01thumb.jpg) no-repeat 0 0;}
.camb01 a:hover {background: url(images/casestudies/architectural/thumbs/camb01thumb.jpg) no-repeat -65px 0;}

.camb02 a {background: url(images/casestudies/architectural/thumbs/camb02thumb.jpg) no-repeat 0 0;}
.camb02 a:hover {background: url(images/casestudies/architectural/thumbs/camb02thumb.jpg) no-repeat -65px 0;}

.boho01 a {background: url(images/casestudies/architectural/thumbs/boho01thumb.jpg) no-repeat 0 0;}
.boho01 a:hover {background: url(images/casestudies/architectural/thumbs/boho01thumb.jpg) no-repeat -65px 0;}

.boho02 a {background: url(images/casestudies/architectural/thumbs/boho02thumb.jpg) no-repeat 0 0;}
.boho02 a:hover {background: url(images/casestudies/architectural/thumbs/boho02thumb.jpg) no-repeat -65px 0;}

.boho03 a {background: url(images/casestudies/architectural/thumbs/boho03thumb.jpg) no-repeat 0 0;}
.boho03 a:hover {background: url(images/casestudies/architectural/thumbs/boho03thumb.jpg) no-repeat -65px 0;}

.boho04 a {background: url(images/casestudies/architectural/thumbs/boho04thumb.jpg) no-repeat 0 0;}
.boho04 a:hover {background: url(images/casestudies/architectural/thumbs/boho04thumb.jpg) no-repeat -65px 0;}

.ipcu01 a {background: url(images/casestudies/architectural/thumbs/ipcu01thumb.jpg) no-repeat 0 0;}
.ipcu01 a:hover {background: url(images/casestudies/architectural/thumbs/ipcu01thumb.jpg) no-repeat -65px 0;}

.ipcu02 a {background: url(images/casestudies/architectural/thumbs/ipcu02thumb.jpg) no-repeat 0 0;}
.ipcu02 a:hover {background: url(images/casestudies/architectural/thumbs/ipcu02thumb.jpg) no-repeat -65px 0;}

.ipcu03 a {background: url(images/casestudies/architectural/thumbs/ipcu03thumb.jpg) no-repeat 0 0;}
.ipcu03 a:hover {background: url(images/casestudies/architectural/thumbs/ipcu03thumb.jpg) no-repeat -65px 0;}

.num01 a {background: url(images/casestudies/architectural/thumbs/num01thumb.jpg) no-repeat 0 0;}
.num01 a:hover {background: url(images/casestudies/architectural/thumbs/num01thumb.jpg) no-repeat -65px 0;}

.num02 a {background: url(images/casestudies/architectural/thumbs/num02thumb.jpg) no-repeat 0 0;}
.num02 a:hover {background: url(images/casestudies/architectural/thumbs/num02thumb.jpg) no-repeat -65px 0;}

.num03 a {background: url(images/casestudies/architectural/thumbs/num03thumb.jpg) no-repeat 0 0;}
.num03 a:hover {background: url(images/casestudies/architectural/thumbs/num03thumb.jpg) no-repeat -65px 0;}

.num04 a {background: url(images/casestudies/architectural/thumbs/num04thumb.jpg) no-repeat 0 0;}
.num04 a:hover {background: url(images/casestudies/architectural/thumbs/num04thumb.jpg) no-repeat -65px 0;}

.cam01 a {background: url(images/casestudies/architectural/thumbs/cam01thumb.jpg) no-repeat 0 0;}
.cam01 a:hover {background: url(images/casestudies/architectural/thumbs/cam01thumb.jpg) no-repeat -65px 0;}

.cam02 a {background: url(images/casestudies/architectural/thumbs/cam02thumb.jpg) no-repeat 0 0;}
.cam02 a:hover {background: url(images/casestudies/architectural/thumbs/cam02thumb.jpg) no-repeat -65px 0;}

.cam03 a {background: url(images/casestudies/architectural/thumbs/cam03thumb.jpg) no-repeat 0 0;}
.cam03 a:hover {background: url(images/casestudies/architectural/thumbs/cam03thumb.jpg) no-repeat -65px 0;}

.cam04 a {background: url(images/casestudies/architectural/thumbs/cam04thumb.jpg) no-repeat 0 0;}
.cam04 a:hover {background: url(images/casestudies/architectural/thumbs/cam04thumb.jpg) no-repeat -65px 0;}

.cam05 a {background: url(images/casestudies/architectural/thumbs/cam05thumb.jpg) no-repeat 0 0;}
.cam05 a:hover {background: url(images/casestudies/architectural/thumbs/cam05thumb.jpg) no-repeat -65px 0;}

.cam06 a {background: url(images/casestudies/architectural/thumbs/cam06thumb.jpg) no-repeat 0 0;}
.cam06 a:hover {background: url(images/casestudies/architectural/thumbs/cam06thumb.jpg) no-repeat -65px 0;}

.bre01 a {background: url(images/casestudies/architectural/thumbs/bre01thumb.jpg) no-repeat 0 0;}
.bre01 a:hover {background: url(images/casestudies/architectural/thumbs/bre01thumb.jpg) no-repeat -65px 0;}

.deb01 a {background: url(images/casestudies/architectural/thumbs/deb01thumb.jpg) no-repeat 0 0;}
.deb01 a:hover {background: url(images/casestudies/architectural/thumbs/deb01thumb.jpg) no-repeat -65px 0;}

.deb02 a {background: url(images/casestudies/architectural/thumbs/deb02thumb.jpg) no-repeat 0 0;}
.deb02 a:hover {background: url(images/casestudies/architectural/thumbs/deb02thumb.jpg) no-repeat -65px 0;}

.deb03 a {background: url(images/casestudies/architectural/thumbs/deb03thumb.jpg) no-repeat 0 0;}
.deb03 a:hover {background: url(images/casestudies/architectural/thumbs/deb03thumb.jpg) no-repeat -65px 0;}

.deb04 a {background: url(images/casestudies/architectural/thumbs/deb04thumb.jpg) no-repeat 0 0;}
.deb04 a:hover {background: url(images/casestudies/architectural/thumbs/deb04thumb.jpg) no-repeat -65px 0;}

.sain01 a {background: url(images/casestudies/architectural/thumbs/sain01thumb.jpg) no-repeat 0 0;}
.sain01 a:hover {background: url(images/casestudies/architectural/thumbs/sain01thumb.jpg) no-repeat -65px 0;}

.sain02 a {background: url(images/casestudies/architectural/thumbs/sain02thumb.jpg) no-repeat 0 0;}
.sain02 a:hover {background: url(images/casestudies/architectural/thumbs/sain02thumb.jpg) no-repeat -65px 0;}

.sain03 a {background: url(images/casestudies/architectural/thumbs/sain03thumb.jpg) no-repeat 0 0;}
.sain03 a:hover {background: url(images/casestudies/architectural/thumbs/sain03thumb.jpg) no-repeat -65px 0;}

.sain04 a {background: url(images/casestudies/architectural/thumbs/sain04thumb.jpg) no-repeat 0 0;}
.sain04 a:hover {background: url(images/casestudies/architectural/thumbs/sain04thumb.jpg) no-repeat -65px 0;}

.asda01 a {background: url(images/casestudies/architectural/thumbs/asda01thumb.jpg) no-repeat 0 0;}
.asda01 a:hover {background: url(images/casestudies/architectural/thumbs/asda01thumb.jpg) no-repeat -65px 0;}

.asda02 a {background: url(images/casestudies/architectural/thumbs/asda02thumb.jpg) no-repeat 0 0;}
.asda02 a:hover {background: url(images/casestudies/architectural/thumbs/asda02thumb.jpg) no-repeat -65px 0;}

.asda03 a {background: url(images/casestudies/architectural/thumbs/asda03thumb.jpg) no-repeat 0 0;}
.asda03 a:hover {background: url(images/casestudies/architectural/thumbs/asda03thumb.jpg) no-repeat -65px 0;}

.asda04 a {background: url(images/casestudies/architectural/thumbs/asda04thumb.jpg) no-repeat 0 0;}
.asda04 a:hover {background: url(images/casestudies/architectural/thumbs/asda04thumb.jpg) no-repeat -65px 0;}

.read01 a {background: url(images/casestudies/architectural/thumbs/read01thumb.jpg) no-repeat 0 0;}
.read01 a:hover {background: url(images/casestudies/architectural/thumbs/read01thumb.jpg) no-repeat -65px 0;}

.read02 a {background: url(images/casestudies/architectural/thumbs/read02thumb.jpg) no-repeat 0 0;}
.read02 a:hover {background: url(images/casestudies/architectural/thumbs/read02thumb.jpg) no-repeat -65px 0;}

.read03 a {background: url(images/casestudies/architectural/thumbs/read03thumb.jpg) no-repeat 0 0;}
.read03 a:hover {background: url(images/casestudies/architectural/thumbs/read03thumb.jpg) no-repeat -65px 0;}

.farn01 a {background: url(images/casestudies/architectural/thumbs/farn01thumb.jpg) no-repeat 0 0;}
.farn01 a:hover {background: url(images/casestudies/architectural/thumbs/farn01thumb.jpg) no-repeat -65px 0;}

.farn02 a {background: url(images/casestudies/architectural/thumbs/farn02thumb.jpg) no-repeat 0 0;}
.farn02 a:hover {background: url(images/casestudies/architectural/thumbs/farn02thumb.jpg) no-repeat -65px 0;}

.farn03 a {background: url(images/casestudies/architectural/thumbs/farn03thumb.jpg) no-repeat 0 0;}
.farn03 a:hover {background: url(images/casestudies/architectural/thumbs/farn03thumb.jpg) no-repeat -65px 0;}

.dal01 a {background: url(images/casestudies/architectural/thumbs/dal01thumb.jpg) no-repeat 0 0;}
.dal01 a:hover {background: url(images/casestudies/architectural/thumbs/dal01thumb.jpg) no-repeat -65px 0;}

.wim01 a {background: url(images/casestudies/architectural/thumbs/wim01thumb.jpg) no-repeat 0 0;}
.wim01 a:hover {background: url(images/casestudies/architectural/thumbs/wim01thumb.jpg) no-repeat -65px 0;}

.ain01 a {background: url(images/casestudies/architectural/thumbs/ain01thumb.jpg) no-repeat 0 0;}
.ain01 a:hover {background: url(images/casestudies/architectural/thumbs/ain01thumb.jpg) no-repeat -65px 0;}

.ain02 a {background: url(images/casestudies/architectural/thumbs/ain02thumb.jpg) no-repeat 0 0;}
.ain02 a:hover {background: url(images/casestudies/architectural/thumbs/ain02thumb.jpg) no-repeat -65px 0;}

.ain03 a {background: url(images/casestudies/architectural/thumbs/ain03thumb.jpg) no-repeat 0 0;}
.ain03 a:hover {background: url(images/casestudies/architectural/thumbs/ain03thumb.jpg) no-repeat -65px 0;}

.ain04 a {background: url(images/casestudies/architectural/thumbs/ain04thumb.jpg) no-repeat 0 0;}
.ain04 a:hover {background: url(images/casestudies/architectural/thumbs/ain04thumb.jpg) no-repeat -65px 0;}

.eri01 a {background: url(images/casestudies/architectural/thumbs/eri01thumb.jpg) no-repeat 0 0;}
.eri01 a:hover {background: url(images/casestudies/architectural/thumbs/eri01thumb.jpg) no-repeat -65px 0;}

.eri02 a {background: url(images/casestudies/architectural/thumbs/eri02thumb.jpg) no-repeat 0 0;}
.eri02 a:hover {background: url(images/casestudies/architectural/thumbs/eri02thumb.jpg) no-repeat -65px 0;}

.eri03 a {background: url(images/casestudies/architectural/thumbs/eri03thumb.jpg) no-repeat 0 0;}
.eri03 a:hover {background: url(images/casestudies/architectural/thumbs/eri03thumb.jpg) no-repeat -65px 0;}

.eri04 a {background: url(images/casestudies/architectural/thumbs/eri04thumb.jpg) no-repeat 0 0;}
.eri04 a:hover {background: url(images/casestudies/architectural/thumbs/eri04thumb.jpg) no-repeat -65px 0;}

.liv01 a {background: url(images/casestudies/architectural/thumbs/liv01thumb.jpg) no-repeat 0 0;}
.liv01 a:hover {background: url(images/casestudies/architectural/thumbs/liv01thumb.jpg) no-repeat -65px 0;}

.liv02 a {background: url(images/casestudies/architectural/thumbs/liv02thumb.jpg) no-repeat 0 0;}
.liv02 a:hover {background: url(images/casestudies/architectural/thumbs/liv02thumb.jpg) no-repeat -65px 0;}

.liv03 a {background: url(images/casestudies/architectural/thumbs/liv03thumb.jpg) no-repeat 0 0;}
.liv03 a:hover {background: url(images/casestudies/architectural/thumbs/liv03thumb.jpg) no-repeat -65px 0;}

.liv04 a {background: url(images/casestudies/architectural/thumbs/liv04thumb.jpg) no-repeat 0 0;}
.liv04 a:hover {background: url(images/casestudies/architectural/thumbs/liv04thumb.jpg) no-repeat -65px 0;}

.liv05 a {background: url(images/casestudies/architectural/thumbs/liv05thumb.jpg) no-repeat 0 0;}
.liv05 a:hover {background: url(images/casestudies/architectural/thumbs/liv05thumb.jpg) no-repeat -260px 0;}

.cath01 a {background: url(images/casestudies/architectural/thumbs/cath01thumb.jpg) no-repeat 0 0;}
.cath01 a:hover {background: url(images/casestudies/architectural/thumbs/cath01thumb.jpg) no-repeat -65px 0;}

.dalt01 a {background: url(images/casestudies/architectural/thumbs/dalt01thumb.jpg) no-repeat 0 0;}
.dalt01 a:hover {background: url(images/casestudies/architectural/thumbs/dalt01thumb.jpg) no-repeat -65px 0;}

.dalt02 a {background: url(images/casestudies/architectural/thumbs/dalt02thumb.jpg) no-repeat 0 0;}
.dalt02 a:hover {background: url(images/casestudies/architectural/thumbs/dalt02thumb.jpg) no-repeat -65px 0;}

.dalt03 a {background: url(images/casestudies/architectural/thumbs/dalt03thumb.jpg) no-repeat 0 0;}
.dalt03 a:hover {background: url(images/casestudies/architectural/thumbs/dalt03thumb.jpg) no-repeat -65px 0;}

.dcamp01 a {background: url(images/casestudies/architectural/thumbs/dcamp01thumb.jpg) no-repeat 0 0;}
.dcamp01 a:hover {background: url(images/casestudies/architectural/thumbs/dcamp01thumb.jpg) no-repeat -65px 0;}

.dcamp02 a {background: url(images/casestudies/architectural/thumbs/dcamp02thumb.jpg) no-repeat 0 0;}
.dcamp02 a:hover {background: url(images/casestudies/architectural/thumbs/dcamp02thumb.jpg) no-repeat -65px 0;}

.dcamp03 a {background: url(images/casestudies/architectural/thumbs/dcamp03thumb.jpg) no-repeat 0 0;}
.dcamp03 a:hover {background: url(images/casestudies/architectural/thumbs/dcamp03thumb.jpg) no-repeat -65px 0;}

.euro01 a {background: url(images/casestudies/architectural/thumbs/euro01thumb.jpg) no-repeat 0 0;}
.euro01 a:hover {background: url(images/casestudies/architectural/thumbs/euro01thumb.jpg) no-repeat -65px 0;}

.euro02 a {background: url(images/casestudies/architectural/thumbs/euro02thumb.jpg) no-repeat 0 0;}
.euro02 a:hover {background: url(images/casestudies/architectural/thumbs/euro02thumb.jpg) no-repeat -65px 0;}

.o2 a {background: url(images/casestudies/architectural/thumbs/o2thumb.jpg) no-repeat 0 0;}
.o2 a:hover {background: url(images/casestudies/architectural/thumbs/o2thumb.jpg) no-repeat -65px 0;}

.bath01 a {background: url(images/casestudies/architectural/thumbs/bath01thumb.jpg) no-repeat 0 0;}
.bath01 a:hover {background: url(images/casestudies/architectural/thumbs/bath01thumb.jpg) no-repeat -65px 0;}

.bath02 a {background: url(images/casestudies/architectural/thumbs/bath02thumb.jpg) no-repeat 0 0;}
.bath02 a:hover {background: url(images/casestudies/architectural/thumbs/bath02thumb.jpg) no-repeat -65px 0;}

.bris01 a {background: url(images/casestudies/architectural/thumbs/bris01thumb.jpg) no-repeat 0 0;}
.bris01 a:hover {background: url(images/casestudies/architectural/thumbs/bris01thumb.jpg) no-repeat -65px 0;}

.hod01 a {background: url(images/casestudies/architectural/thumbs/hod01thumb.jpg) no-repeat 0 0;}
.hod01 a:hover {background: url(images/casestudies/architectural/thumbs/hod01thumb.jpg) no-repeat -65px 0;}

.mot01 a {background: url(images/casestudies/architectural/thumbs/mot01thumb.jpg) no-repeat 0 0;}
.mot01 a:hover {background: url(images/casestudies/architectural/thumbs/mot01thumb.jpg) no-repeat -65px 0;}

.avi01 a {background: url(images/casestudies/architectural/thumbs/avi01thumb.jpg) no-repeat 0 0;}
.avi01 a:hover {background: url(images/casestudies/architectural/thumbs/avi01thumb.jpg) no-repeat -65px 0;}

.rav02 a {background: url(images/casestudies/architectural/thumbs/rav02.jpg) no-repeat 0 0;}
.rav02 a:hover {background: url(images/casestudies/architectural/thumbs/rav02.jpg) no-repeat -65px 0;}


#arch-sections {clear: both; padding-top: 30px; text-align: left;}

#arch-sections img {margin-bottom: 10px;}

.arch-sections {
	float: left;
	margin: 0;
	margin-right: 6px;
	padding: 10px;
	width: 211px;
	border: 1px solid #ddd;
}

#nomargin {margin-right: 0}


/*Experience page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#topheadingphoto2 {
	position: absolute;
	width: 450px;
	margin: 0;
	padding: 0;
	padding-left: 500px;
	z-index: 3;
	padding-top: 20px;
}
	
/*RSS - news page
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#rss {
	padding-right: 24px;
	font-size: 12px;
}


#rsslist {list-style: none; width: 130px; float: right; padding-right: 24px;}

#rsslist li a {
	display: block;
	background: url(images/rss_news_feed.gif) no-repeat;
	color: #214f70;
	text-decoration: underline;
	font-weight: bold;
}

#rsslist li a:hover { color: #171717; text-decoration: none}

/*Recruitment
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


#workcontent a.job {
	display: block;
	float: right;
	margin: 0;
	margin-top: 10px;
	padding: 10px;
	background-color: #d6e5ed;
	font-size: 20px; 
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
 }
 
#workcontent a.job:hover {background-color: #d6e5ed}
#workcontent a.job:visited {background-color: #d6e5ed}


#workflash {float: left; width: 450px; height: 500px; margin-right: 100px;}
#workcontent {color: #333333;font-size: 13px;line-height: 18px;margin: 0; margin-left: 500px;padding-top: 0;padding-bottom: 140px;}
#workcontent p { padding-right: 24px;}

img.vacant {float:left;}


/*enewsletter
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#rssimage {float: left; padding: 0; margin: 0; width: 525px; height: 443px; background-image: url(images/rss.jpg); background-repeat: no-repeat; }
#pedometerimage {float: left; padding: 0; margin: 0; width: 550px; height: 443px; background-image: url(images/pedometer.jpg); background-repeat: no-repeat; }
#tellimage {float: left; padding: 0; margin: 0; width: 525px; height: 625px; background-image: url(images/noise.jpg); background-repeat: no-repeat; }
#emailsignup {float: left; padding: 0; margin: 0; width: 500px; height: 450px; background:url(images/update-boxes/email-main.gif) no-repeat 0 80px; }

#tellcontent { height: 625px; margin: 0;padding: 0; color: #333333;font-size: 13px;line-height: 18px}
#tellcontent p { margin: 0; padding: 0; padding-right: 24px}



h2.right {padding-right: 24px;}

.margin {
	margin-top: 10px;
}

.margin1 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0;
	padding-left: 90px;
}

.margin3 {
	margin-top: 40px;
}

#floatleft1, #floatleft2 { float: right; width: 150px; height: 75px;}

label {
		float: left;
		clear: left;
		width: 80px;
		padding-left: 10px;
}

input {
	margin: 0;
	padding: 3px;
	margin-right: 20px;
	width: 300px;
	border: 1px solid #cccccc;
}

fieldset {margin: 0; padding: 0; margin-bottom: 20px; border: none;} 

legend { float: right; padding-right: 20px;}

.clear {clear: both;}

.small {font-size: 11px;}

#submit {width: 100px; cursor: pointer;}

#reset {width: 100px; cursor: pointer;}



/*no flash error warning
-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#error-container {
	margin: 0;
	padding: 0;
	padding-top: 200px;
	padding-left: 10px;	
}


#error-container p {
	width: 300px;
	margin: 0;
	padding: 15px;
	padding-left: 75px;
	color: #ffffff;
	text-align: left;
	background: url(images/error.jpg) no-repeat #333333 15px 15px;
}

#error-container p a:link {text-decoration: none; color: #ffffff; font-style: italic}
#error-container p a:visited {text-decoration: none; color: #ffffff; font-style: italic}
#error-container p a:hover {text-decoration: underline; color: #ffffff; font-style: italic}


.floatleft { float: left}
.floatright{ float: right}
.hdwebclip { margin: 0; padding: 0; margin-top: 20px; border: 1px solid #dddddd}