/*universal styling*/
*{margin:0;padding:0;outline:none;}
a img{border:none;color:#58595b;}














/**** GENERIC ELEMENTS ****/

body{
	font-family:Georgia;
	font-size:12px;
	color:#58595b;
	line-height:150%;
}


h1 {font-size: 24px}
h2 {font-size: 18px}
h3 {font-size: 17px}


.wrapper{
	width:820px;
	margin:10px 0 0 100px;
}
.clear{clear:both;}

.petti{
	width:615px;
	margin:0px 0 0px 0;
}
.pettiintro{width:615px;margin:25px 0 0px 0;}

.sepaintrigued{
	margin:0px 0 35px 0;
	border-top:1px solid #ebebec;
}
.sepa{
	margin:40px 0 35px 0;
	border-top:1px solid #ebebec;
}
.rightsepa{
	margin:15px 0;
	border-top:1px solid #ebebec;
}
.bigsepa{
	margin:20px 0;
	border-top:10px solid #ebebec;
}


	
	blockquote.style1 {
	padding: 8px;
	background-color: #F8F8F8;
	margin: 5px 5px 20px 0px;
	background-image: url(images/openquote1.gif);
	background-position: 10px 5px 0 0px;
	background-repeat: no-repeat;
	text-indent: 0px;
	text-align:center;
  }
  blockquote.style1 span {
    	display: block;
    	background-image: url(images/closequote1.gif);
    	background-repeat: no-repeat;
    	background-position: bottom right;
  	}






/**** HEADER SECTION ****/

#headerclear{width:920px;height:136px; margin-top:30px;}
#header{width:920px;background:url(images/headerbg_02.jpg) no-repeat top left;height:196px;}
.headerinfo{float:right;font-size:11px;width:150px;color:#a7a9ac;margin-top:15px;color:#0093D3;}
.headerinfo h1{font-size:17px;margin:0;padding:0;font-weight:normal;}
.headerinfo a{color:#a7a9ac;}
.logo{float:left;width:260px;background:#fff;margin-top:0px}
.logo img{padding:15px 10px 12px 100px;}





/**** MAIN NAVIGATION SECTION ****/


.navigation{width:615px;float:left;margin-left:10px;height:80px;margin-top:0px;background:#fff;padding:20px 5px 10px 10px;line-height:300%;}
.navigation a{text-decoration:none;font-size:32px;font-weight:bold;}
.navigation a.home:hover,.navigation a.services:hover,.navigation a.clients:hover,.navigation a.news:hover,.navigation a.publications:hover,.navigation a.about:hover,.navigation a.contact:hover{color:#0093D3;}
.navigation a.home{
	color:#91BED3;
}
.navigation a.services{
	color:#B9C559;
}
.navigation a.clients{
	color:#B66A6B;
}
.navigation a.news{
	color:#EA9A7C;
}
.navigation a.publications{
	color:#95CBB5;
}
.navigation a.about{
	color:#A6A4CE;
}
.navigation a.contact{
	color:#E5A4B4;
}









/**** HOMEPAGE STYLES ****/

#content{
	background:#fff url(images/gradient.jpg) repeat-x;
	padding:30px 15px 0 30px;
}
*html #content{margin-top:-3px;}
.main{
	width:260px;
	float:left;
	margin-right:35px;
}


/*.main h1{color:#cbcbcb;font-weight:normal;padding:0;margin:200px 0;font-size:24px;}*/
.main h3{color:#00afed;font-weight:normal;padding:0;font-size:18px;margin-bottom:10px;}
.main p{margin:20px 0;}




.threecolumn{width:130px;float:left;margin-right:30px;}
.threecolumn ul{margin:15px 0;}
.threecolumn ul li{list-style:none;}
.threecolumn ul li a{color:#58595b;}
.threecolumn strong a{color:#B9C559;}

.ourclients{margin:5px 0 0px 28px;}

#splashimage{
	padding: 10px 0px 0 0px;
}

#content ul{
	list-style: none;
	margin-top: 20px;
	padding: 0px;
}
#content ul li{
	padding-left:10px;
	margin-left:-10px;
	list-style:none;
	list-style-position:outside;
	position:relative;
	background:url(images/bullet_arrow_01.gif) 0px 6px no-repeat;
}



/**** FOOTER SECTION ****/



#footer{
	background:url(images/footerbg.jpg) repeat-x;
	padding:50px 0px 60px 100px;
	font-family:"Helvetica";
	font-size:11px;
	color:#AeAeAc;
	margin:60px 0 0 0;
}
#footerhome{
	background:url(images/footerbg.jpg) repeat-x;
	padding:50px 0px 60px 130px;
	font-family:"Helvetica";
	font-size:11px;
	color:#AeAeAc;
	margin:60px 0 0 0;
}
*html #footer{padding-left:100px;}
*html #footerhome{padding-left:130px;}
#footer p, #footerhome p{float:left;margin-top:7px;}
.column{
	width:450px;
	float:left;
	line-height:195%;
}
.column ul{margin: 0 0 3px 0;}
.column ul li{list-style:none;}
.column ul li a{color:#AeAeAc;}
.column strong a{color:#AeAeAc;}
.footerlogo{
	clear:both;
	margin:0 0 5px 0px;
}

.columnlogo{
	width:260px;
	float:left;
	margin: 0px 30px 0 0px;
	line-height:155%;
}
.columnlogo a,.columnlogoinside a{
	color:#AeAeAc;
}

.columnlogoinside{
	width:155px;
	float:left;
	margin: 0px 30px 0 0px;
	line-height:155%;
}




#environmentContainer {
	width:500px;
	float:right;
	vertical-align:top;
	padding-top:10px;
	padding-right:33px;
}


#environment {
padding-top:3px;
float:right;
font-size:10px;
text-align:right;
vertical-align:middle;

}

#environment a{
	color:#33AE00;
	text-decoration:none;
}

#environmentImage {
	float:right;
	width:61px;
	padding-right:12px;
}




/**** LEFT NAVIGATION ****/

#leftcontent{
	float:left;
	width:155px;
	margin:74px 30px 10px 0;
}
#leftcontent ul, #leftcontent ul.inner{list-style:none;}
#leftcontent ul.inner{margin-bottom:20px;}
#leftcontent ul li a{list-style:none;font-weight:bold;color:#58595b;} /* grey standard link colour */
#leftcontent ul li a:hover{color:#b7c545;}
#leftcontent ul li a.active{color:#b7c545;}
#leftcontent ul.inner li a{color:#58595b;font-weight:normal;} 
#leftcontent ul.inner li a:hover{color:#b7c545;}
#leftcontent ul.inner li a.active{color:#b7c545;font-weight:normal;}

#leftcontent ul li.blue a:hover{color:#B66A6B;} 
#leftcontent ul.inner li.blue a{color:#58595b;font-weight:normal;} 
#leftcontent ul.inner li.blue a:hover{color:#B66A6B;}
#leftcontent ul.inner li.blue a.active{color:#B66A6B;}

#leftcontent ul li.green a:hover{color:#95CBB5;} 
#leftcontent ul.inner li.green a{color:#58595b;font-weight:normal;} 
#leftcontent ul.inner li.green a:hover{color:#95CBB5;}
#leftcontent ul.inner li.green a.active{color:#95CBB5;}


.desc{margin-left:175px;}
.leftimage{
	float:left;
	margin-right:35px;
	margin-top:5px;
	width:140px;
}
.leftimage img{ width:138px; border:1px solid #ebebec;} /* border around case study thumb images*/

.leftimagenoborder{float:left;margin-right:35px;margin-top:5px;width:138px;}

.leftpdfdownload{
	float:left;
	padding:0px 0px 0px 35px;
	width:140px;
}
.leftimagecontact{
	float:left;
	margin-right:35px;
	margin-top:41px;
	width:140px;
}
.leftimagecontact img{ width:138px; border:1px solid #ebebec;} /* border around case study thumb images*/











#maincontent{float:left;width:430px;margin:35px 0;} /* inner style for pages with nav on left */
#maincontentlist{float:left;width:615px;margin:10px 0;} /* inner style for pages with list items */
#maincontent a,#maincontentlist a{color:#58595b;} /* link colour throughout */






#maincontent h1,#maincontentlist h1{margin-bottom:20px;} /* controls space beneath the main heading */


#maincontent h1.blue{color:#91BED3;}
#maincontent h1.lime{color:#B9C559;} 
#maincontent h1.maroon{color:#B66A6B;} 
#maincontent h1.green{color:#95CBB5;} 
#maincontentlist h1.blue{color:#91BED3;}
#maincontentlist h1.maroon{color:#B66A6B;}
#maincontentlist h1.peach{color:#EA9A7C;}
#maincontentlist h1.green{color:#95CBB5;} 
#maincontentlist h1.purple{color:#A6A4CE;} 
#maincontentlist h1.pink{color:#E5A4B4;} 

#maincontent h2,#maincontentlist h2{
	margin-bottom:10px;
	font-weight:normal;
	margin-top:0px;
} /* controls space beneath sub headings */
*html h2{padding:0;font-size:18px;}

#maincontent h2.blue {color:#91BED3; line-height:28px;}  
#maincontent h2.lime {color:#B9C559; line-height:28px;}  
#maincontent h2.cyan {color:#0093D3; line-height:28px;}  
#maincontent h2.maroon {color:#B66A6B; line-height:28px;}  
#maincontent h2.green {color:#95CBB5; line-height:28px;} 
#maincontentlist h2.maroon {color:#B66A6B; line-height:28px;}  
#maincontentlist h2.peach {color:#EA9A7C; line-height:28px;} 
#maincontentlist h2.green {color:#95CBB5; line-height:28px;}  
#maincontentlist h2.purple {color:#A6A4CE; line-height:28px;} 
#maincontentlist h2.pink {color:#E5A4B4; line-height:28px;}  
#maincontentlist h2.cyan {color:#0093D3; line-height:28px;}  
#maincontentlist h2.blue {color:#91BED3; line-height:28px;}  





#maincontent p,#maincontentlist p{
	margin:0px 0 18px 0;
}
#maincontent ul,.innertext ul,.innertextlistitems ul li,.innertextlistitemsNew ul li,.innertextlistflush ul li{ list-style: none; margin: 0; padding: 0; }
#maincontent ul li,.innertext ul li,.innertextlistitems ul li,.innertextlistflush ul li,.innertextlistitemsNew ul li{
	padding-left:15px;
	list-style:none;
	position:relative;
	background:url(images/bullet_arrow_01.gif) 0px 6px no-repeat;
}



.innertext{
	float:left;
	margin-left:10px;
	width:430px;
	padding-bottom:0px;
}
.innertextlistitems{
	float:left;
	margin-left:10px;
	width:430px;
	padding-bottom:40px;
}
.innertextlistflush{
	float:left;
	margin-left:0px;
	width:430px;
	padding-bottom:30px;
}

.innertextintro{float:left;margin-left:10px;width:430px;padding-bottom:0px;}

.casestudylinks{
	padding:10px 0 0px 0;
	}
	
	
	

.casestudylinkscyan {
	padding:20px 0 0px 0;
color:#0093D3}


#caseimage{
	padding: 5px 0px 0 0px;
}
.moreimageslinks{
	padding:20px 0 0px 0;
	}


.GalleryHolder{
	padding-right:10px;
	padding-top:5px;
	float:left;
	width:200px;
}
.GalleryImage{
}
.GalleryCaption{
padding-top:2px;
}



.socialhomeicons{
	margin-left:290px;
	padding-bottom:15px;
	width:700px;
}



.socialicons{
	margin-left:180px;
	padding-bottom:15px;
	width:700px;
}

.socialicons img, .socialhomeicons img{
	padding-right:15px;
}


/*

CASE STUDIES SECTION


#casestudies{
	width:615px;
	float:left;
	margin:10px 0;
}

#casestudies h1.blue{color:#B66A6B;}
#casestudies h2.blue {color:#B66A6B;margin-bottom:20px;font-weight:normal;}
.desc{margin-left:175px;}
.caseimage{float:left;margin-right:35px;margin-top:45px;width:138px;}
.caseimage img{border:1px solid #ebebec;}
.casetext{float:left;margin-left:10px;width:430px;padding-bottom:15px;border-bottom:1px solid #ebebec;}
.casetext p{margin:15px 0;
}


*/








/**** NEWS SECTION ***


.newstext{float:left;margin-left:10px;width:430px;padding-bottom:15px;border-bottom:1px solid #ebebec;}
.newstextintro{float:left;margin-left:10px;width:430px;padding-bottom:0px;}
.newstext p{margin:15px 0;}


*/







/**** ABOUT SECTION ***

#about{
	width:615px;
	float:left;
	margin:10px 0;
	}
#about h1.purple{color:#acabcd;}
#about h2{color:#acabcd;margin-bottom:20px;font-weight:normal;}
.abouttext{float:left;margin-left:10px;width:430px;padding-bottom:15px;border-bottom:1px solid #ebebec;}
.abouttextintro{float:left;margin-left:10px;width:430px;padding-bottom:15px;}
.abouttext p{margin:15px 0;
}

*/















/**** PUBLICATIONS SECTION ***

#publications{
	width:615px;
	float:left;
	margin:10px 0;
	}
#publications h1.green{color:#9bcbb8;}
#publications h2{color:#9bcbb8;margin-bottom:20px;font-weight:normal;}
.publicationstext{float:left;margin-left:10px;width:430px;padding-bottom:15px;border-bottom:1px solid #ebebec;}
.publicationstextintro{float:left;margin-left:10px;width:430px;padding-bottom:0px;}
.publicationstext p{margin:15px 0;
}


*/














/**** RIGHT HAND COLUMN STYLES ***/


#rightcontent{
	float:left;
	width:150px;
	margin:74px 0 10px 50px;
}

/*
#rightcontentothers{float:left;width:150px;margin:85px 0 10px 50px;}
*html #rightcontentothers{position:absolute; top:210px;left:710px;}
#rightcontentothers strong.blue{color:#afd1de;margin:0 0 10px 0}
#rightcontentothers strong.pink{color:#e6aab9;margin:0 0 10px 0}
#rightcontentothers strong.green{color:#9bcbb8;margin:0 0 10px 0}
#rightcontentothers strong.red{color:#ec9f84;margin:0 0 10px 0}
#rightcontentothers p.blue{color:#afd1de;}
#rightcontentothers a{color:#58595b;}
*/


#rightcontent strong.blue{color:#B66A6B;margin:0 0 10px 0;} /* right column related case study heading*/
#rightcontent strong.pink{color:#E5A4B4; margin-bottom:200px;} /* right column talk to us heading*/
#rightcontent strong.green{color:#9bcbb8;margin:0 0 10px 0;}
#rightcontent strong.red{color:#ec9f84;margin:0 0 10px 0;}
#rightcontent p.blue{color:#afd1de;}
#rightcontent a{color:#58595b;}








/*chiltern case study image*/
#rightcontent a.chiltern{
	background:url(images/case_studies/Page_Case_Thumb_CHILTERNNEW.jpg);
	background-repeat:no-repeat;
	width:140px;
	display:block;
	margin:0px 0 4px 0;
	padding-top:80px;
}



#rightcontent a.chiltern:hover{
	background-position: -140px 0;

}


/*mkm case study image*/
#rightcontent a.mkm{
	background:url(images/case_studies/Page_Case_Thumb_MKMNEW.jpg) no-repeat;
	width:140px;
	display:block;
	margin:0px 0 4px 0;
	padding-top:80px;
}
#rightcontent a.mkm:hover{
	background-position: -140px 0;

}


/*er case study image*/
#rightcontent a.er{
	background:url(images/case_studies/Page_Case_Thumb_ERNEW.jpg) no-repeat;
	width:140px;
	display:block;
	margin:0px 0 4px 0;
	padding-top:80px;
}
#rightcontent a.er:hover{
	background-position: -140px 0;

}



/*inhouse case study image*/
#rightcontent a.inhouse{
	background:url(images/case_studies/Page_Case_Thumb_INHOUSENEW.jpg) no-repeat;
	width:140px;
	display:block;
	margin:0px 0 4px 0;
	padding-top:80px;
}
#rightcontent a.inhouse:hover{
	background-position: -140px 0;

}


/*george case study image*/
#rightcontent a.george{
	background:url(images/case_studies/Page_Case_Thumb_GEORGENEW.jpg) no-repeat;
	width:140px;
	display:block;
	margin:0px 0 4px 0;
	padding-top:80px;
}
#rightcontent a.george:hover{
	background-position: -140px 0;

}



/*rockwater case study image*/
#rightcontent a.rockwater{
	background:url(images/case_studies/Page_Case_Thumb_ROCKNEW.jpg) no-repeat;
	width:140px;
	display:block;
	margin:0px 0 4px 0;
	padding-top:80px;
}
#rightcontent a.rockwater:hover{
	background-position: -140px 0;

}






#rightheader {
	padding-bottom:10px;
}
#rightpublications {
	background-color:#EEF8F4;
	padding:10px;
	margin-top:0px;
}
#righttalktous {
	background-color:#FAF3F4;
	padding:10px;
}
#rightlatestblog {
	background-color:#FAF3F0;
	padding:6px;
	background-image:url(images/headerbg.gif);
	background-repeat:repeat-x;
	background-position:top;
}
#rightcasestudies {
	background-color:#FFFFFF;
	padding:0px;
}




/* FORM STYLES */




/* -- FORMs  -- */

input, select {
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	vertical-align: middle;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #666666;
}

fieldset {
	border: 0px solid #ebebec;
	padding: 0px;
	margin: 0 0 25px 0px;
}


#errorbox {
	border: 1px solid #F71842;
	padding: 15px;
	margin: 20px 0px;
	color: #F71842;
}

.conform {
	padding: 0px;
}

.conform2 {
	padding: 15px;
}

.conform label {
	float: left;
	margin: 2px 0px 3px 0px;
	width: 150px;
	font-weight: normal;
}

.conform2 label {
	float: left;
	font-weight: bold;
}

.conform select,input,textarea {
	margin: 0px 0px 7px 0px;
	vertical-align: middle;
}

input.register {
	margin: 10px 0px;
	padding: 3px;
}

.dl {
	padding: 15px;
}

.dl2 {
	padding: 15px;
}

.dl label {
	float: left;
	margin: 2px 0px 3px 0px;
	width: 150px;
	font-weight: normal;
}

.dl2 label {
	display: inline;
	vertical-align: middle;
	font-weight: bold;
	padding: 0 0 2px 5px;
}

.dl select,input,textarea {
	margin: 0px 0px 7px 0px;
	vertical-align: middle;
}