
/* COMMON PAGE STYLES ------------------------------------------ */

	*{
		padding:0;
		margin:0;
	}
	img{
		border:0;
	}
	.imgLeftFloat{
		float:left;
		padding:4px 15px 0 0;
	}
	body {
		font-family:Arial, Helvetica, sans-serif;
		font-size:62.5%;
		text-align:center;
		background-color:#bfbfbf;
	}
	.clear{
		clear:both;
	}
	.blue{color:#1461ab;}
	.white{color:#fff;}
	.grey{color:#575757;}
	.red{color:#ef3e35;}
	.black{color:#000000;}
	
	p{
		color:#757575;
	}
	#rightColumn p.rule{
		background-image:url(../images/common/indent-rule.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	#rightColumn p.ruleTwo{
		background-image:url(../images/common/indent-rule.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding-bottom:25px;
		margin-bottom:15px;
	}
	#rightColumn p.quote{
		font-size:1.8em;
		line-height:normal;
		color:#1461ab;
		padding-top:25px;
		background-image:url(../images/common/quote-open.gif);
		background-repeat:no-repeat;
		background-position:0 0;
	}
	#rightColumn p.quote span{
		background-image:url(../images/common/quote-closed.gif);
		background-repeat:no-repeat;
		background-position:bottom right;
		padding-bottom:20px;
		width:181px;
		display:block;
	}
	#rightColumn p.paddingZero{
		padding:0;
	}
	#leftColumn p.rule{
		background-image:url(../images/common/indent-rule.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	
	.hide{
		display:none;
	}
	
	h1{
		font-weight:normal;
	}
	h2{
		font-weight:normal;
	}
	h3{
		font-weight:normal;
	}
	.companyLogo{
		margin:20px 0 0 0;
	}
	#rightColumn p.noPaddingBottom{
		padding-bottom:0;
	}
	#featureBoxes p.noPaddingBottom{
		padding-bottom:0;
	}
	.pdfIconLinkLarge{
		background-image:url(../images/common/pdf-icon-large.jpg);
		background-repeat:no-repeat;
		padding:0 0 10px 65px;
		display:block;
		width:100px;
	}
	.awardIcon{
		float:left;
		padding-right:10px;
	}

/* COMMON PAGE STYLES ------------------------------------ [END] */






/* WRAPPER STYLES ---------------------------------------------- */

	#wrapper {
		width:850px;
		text-align:left;
		margin:0 auto;
		background-image:url(../images/common/background-tile.gif);
		background-repeat:repeat-y;
	}
	
	#contentWrapper{
		float:left;
		width:631px;
		margin:20px 20px 0 20px;
		background-color:#ededed;
		border-bottom:1px solid #cccccc;
	}

/* WRAPPER STYLES ---------------------------------------- [END] */






/* NAVIGATION STYLES ------------------------------------------- */

	/* Case Studies Subnav on states ------------- */
	
	#studyAudi #menuAudi,
	#studyAscension #menuAscension,
	#studyEconomics #menuEconomics,
	#studyLaw #menuLaw,
	#studyCranesFarmRoad #menuCranes,
	#studyEvelynStreet #menuEvelyn,
	#studyFairfieldRoad #menuFairfield,
	#studyYMCARedhill #menuYMCA,
	#studyTushmore #menuTushmore,
	#studyMareStreet #menuMare,
	#studyKenton #menuKenton,
	#studyFrancis #menuFrancis,
	#studyHarrow #menuHarrow,
	#studyTrinity #menuTrinity,
	#studyClyde #menuClyde,
	#studyLondonSouthBank #menuLondonSouthBank,
	#studyCollegiate #menuCollegiate,
	#studyPaddington #menuPaddington,
	#studyStJamesSchool #menuStJamesSchool,
	#studyParadise #menuParadise,
	#studyStar #menuStar,
	#studyVA #menuVA,
	#studyParliamentaryWorks #menuParliamentaryWorks,
	#studyReform #menuReform,
	#studyIlfordHall #menuIlfordHall,
	#studyMolton #menuMolton,
	#studyGraysInnRoad #menuGrays,
	#studyPeglerWay #menuPegler,
	#studyStMarksField #menuStMarks,
	#studySlinfold #menuSlinfold,
	#studyMayford #menuMayford,
	#studyNewham #menuNewham,
	#studyEastSurreyAE #menuEastSurreyAE,
	#studyEastSurreyFracture #menuEastSurreyFracture,
	#studyLondonHospital #menuLondonHospital{
		color:#ef3e35;
	}
	
	/* Case Studies Subnav on states ------- [END] */
	
	/* Main Nav on states ------------------------ */
	
	#home #navHome,
	#ourApproach #navOurApproach,
	#afterCare #navAfterCare,
	#SHE #navSHE,
	#qualityManagement #navQualityManagement,
	#sustainability #navSustainability,
	#ourPeople #navOurPeople,
	#supplyChainPartners #navSupplyChainPartners,
	#community #navCommunity,
	#localEmployment #navLocalEmployment,
	#news #navNews,
	#contactUs #navContactUs,
	#clientListing #navClientListing{
		color:#1461ab;
		font-weight:bold;
	}
	
	.caseStudy #wrapper #navigation ul li a.navCaseStudy{
		color:#1461ab;
		font-weight:bold;
	}
	
	/* Main Nav on states ------------------ [END] */
	
	#navigation{
		width:179px;
		background-color:#e5e5e5;
		float:left;
	}
	#navigation ul{
		list-style:none;
		padding:0 20px 0 20px;
		margin-top:15px;
		font-size:1.2em;
	}
	#navigation ul.navRule{
		background-image:url(../images/common/indent-rule.gif);
		background-repeat:repeat-x;
		padding-top:20px;
	}
	#navigation ul li{
		padding-bottom:8px;
	}
	#navigation ul li a{
		color:#575757;
		text-decoration:none;
	}
		#navigation ul li a:visited{color:#575757;}
		#navigation ul li a:hover{color:#1461ab;}

/* NAVIGATION STYLES ------------------------------------- [END] */






/* LEFT COLUMN STYLES ------------------------------------------ */

	#leftColumn{
		width:360px;
		float:left;
		padding:20px 20px 0 20px;
	}
	#leftColumn p{
		font-size:1.2em;
		line-height:1.5em;
		padding:0 0 15px 0;
	}
	#leftColumn p.listHead{
		padding-bottom:10px;
	}
	#leftColumn ul{
		font-size:1.2em;
		line-height:1.5em;
		color:#757575;
		padding:0 0 15px 15px;
	}
	#leftColumn ul li{
		padding-bottom:5px;
	}
	.caseStudy #leftColumn ul li{
		padding-bottom:3px;
	}
	#leftColumn a{
		color:#1461ab;
		text-decoration:underline;
	}
		#leftColumn a:visited{color:#1461ab;}
		#leftColumn a:hover{color:#000;}
	
	#leftColumn p.studyHeading{
		font-size:2.0em;
		line-height:normal;
		color:#747474;
		padding:0;
	}
		#leftColumn p.studyHeading a{
			color:#747474;
			text-decoration:none;
		}
			#leftColumn p.studyHeading a:visited{color:#747474;}
			#leftColumn p.studyHeading a:hover{color:#1461ab;}
	
	#leftColumn h1{
		font-size:2.0em;
		color:#000;
	}
		#leftColumn h1.blue{color:#1461ab;}
	
	#leftColumn h1.caseStudyH1{
		padding-bottom:20px;
		color:#000;
	}
	#leftColumn h2{
		padding:0 0 20px 0;
		font-size:2.0em;
		color:#747474;
	}
	#leftColumn h2.smallhead{
		padding:0 0 10px 0;
		font-size:1.2em;
		line-height:1.4em;
	}
	#leftColumn h2.blue{
		color:#1461ab;
	}
	#leftColumn h2.red{
		color:#ef3e35;
	}

/* LEFT COLUMN STYLES ------------------------------------ [END] */






/* RIGHT COLUMN STYLES ----------------------------------------- */

	#rightColumn{
		width:196px;
		float:right;
		padding:20px 15px 0 0;
	}
	#rightColumn h2{
		font-size:2.0em;
		padding-bottom:10px;
	}
	#rightColumn h3{
		font-size:1.2em;
		padding-bottom:3px;
	}
	#rightColumn p{
		font-size:1.2em;
		line-height:1.4em;
		padding-bottom:10px;
	}
	
	#rightColumn a{
		color:#1461ab;
		text-decoration:underline;
	}
		#rightColumn a:visited{color:#1461ab;}
		#rightColumn a:hover{color:#000;}
	
	#rightColumn.studyList a{
		color:#757575;
		text-decoration:none;
	}
		#rightColumn.studyList a:visited{color:#757575;}
		#rightColumn.studyList a:hover{color:#ef3e35;}
	
	#rightColumn ul{
		font-size:1.2em;
		color:#757575;
		list-style:none;
		margin-bottom:10px;
	}
	#rightColumn.studyList ul{
		padding-bottom:10px;
		background-image:url(../images/common/indent-rule.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	#rightColumn.studyList ul.studyListLast{
		background-image:none;
	}
	#rightColumn ul li{
		padding-bottom:3px;
	}

/* RIGHT COLUMN STYLES ----------------------------------- [END] */




	


/* CLIENT LISTING STYLES ---------------------------------------------- */
	
	#leftColumn.wide{
		width:auto;
		padding-bottom:20px;
	}
	#clientListing #featureWindow{
		background-color:#ff0000;
		width:591px;
		height:14em;
		padding:20px 20px 0 20px;
		background-color:#8db1a1;
		background-image:url(../images/common/page-top-green.jpg);
		background-repeat:no-repeat;
	}
	#clientListing #featureWindow h1{
		font-size:2.0em;
		color:#ef3e35;
	}
	#clientListing #featureWindow h2{
		padding:0 0 20px 0;
		font-size:2.0em;
		color:#ffffff;
	}
	#clientListing #featureWindow p{
		font-size:1.2em;
		line-height:1.5em;
		color:#ffffff;
		padding:0 0 20px 0;
	}
	#leftColumn ul#logos {
		margin-bottom:20px;
		padding:0;
		font-size:1em;
		line-height:normal;
	}
	#leftColumn #logos li{
		display:block;
		float:left;
		padding-right:0.3em;
		padding-bottom:0.3em;
	}

/* CLIENT LISTING STYLES ---------------------------------------- [END] */






/* GALLERY STYLES ---------------------------------------------- */

	#leftColumn ul#galleryThumbs{
		list-style:none;
		margin-top:5px;
		padding:0 0 15px 0;
	}
	#leftColumn ul#galleryThumbs li{
		display:block;
		float:left;
		margin:0 8px 20px 0;
		padding:0;
	}

/* GALLERY STYLES ---------------------------------------- [END] */






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

	#leftColumn h2.newsHeading{
		padding:0;
		color:#1461AB;
	}
	
	#news #featureWindow{
		background-color:#ff0000;
		width:591px;
		height:10.5em;
		padding:20px 20px 0 20px;
		background-color:#8db1a1;
		background-image:url(../images/common/page-top-green.jpg);
		background-repeat:no-repeat;
	}
	
	#news #featureWindow p{
		font-size:1.2em;
		line-height:1.5em;
		color:#ffffff;
		padding:0 0 20px 0;
	}
	
	#news #leftColumn img{
		padding:0 0 15px 0;
	}
	
	#news #rightColumn ul {
		background-image:url(../images/common/indent-rule.gif);
		background-position:center bottom;
		background-repeat:repeat-x;
		padding-bottom:10px;
	}
	
	.show{
		display:block;
	}
		
	#rightColumn ul li a.visited{
		color:#EF3E35;
	}
	

/* NEWS -------------------------------------------------- [END] */






/* FOOTER STYLES ----------------------------------------------- */

	#footer{
		clear:both;
		position:relative;
		height:5.9em;
	}
	#footer a{
		color:#757575;
		text-decoration:none;
	}
		#footer a:visited{color:#757575;}
		#footer a:hover{color:#1461ab;}
		
	#footer p{
		padding:35px 0 0 20px;
	}
	#footer p span.legal{
		float:left;
		display:block;
		width:179px;
	}
	#footer p span.copyright{
		float:left;
		display:block;
		width:140px;
		position:relative;
		bottom:14px;
	}
	#footer img{
		position:absolute;
		right:20px;
		bottom:12px;
	}

/* FOOTER STYLES ----------------------------------------- [END] */





/* PAGE SPECIFIC - HOMEPAGE //////////////////////////////////// */

	/* Feature Window styles ------------------- */
	
	#home #leftColumn{
		width:370px;
	}
	
	#featureWindow{
		height:241px;
	}
	
	#home #featureWindow{
		position:relative;
		float:left;
		width:631px;
		height:27em;
		background-color:#7a9b93;
	}
	#featureText div {
		position:absolute;
		width:631px;
		height:270px;
		padding:20px 0 0 20px;
		background-repeat:no-repeat;
	}
		.one {
			background-image:url(../images/home/feature-window/social-housing.jpg);
		}
		.two {
			background-image:url(../images/home/feature-window/education.jpg);
		}
		.three {
			background-image:url(../images/home/feature-window/historic-listed.jpg);
		}
		.four {
			background-image:url(../images/home/feature-window/health.jpg);
		}
		.five {
			background-image:url(../images/home/feature-window/commercial.jpg);
		}
		#featureText div h4 {
			background-image:url(images/home/1px-trans.gif);
			background-repeat:repeat;
			color:#FFFFFF;
			font-size:2em;
			width:300px;
			padding-bottom:15px;
		}
		#featureText div h4 span {
			color:#ef3e35;
		}
		#featureText div p {
			font-size:1.2em;
			background-image:url(images/home/1px-trans.gif);
			background-repeat:repeat;
			color:#FFFFFF;
			line-height:1.5em;
			width:300px;
			padding-bottom:8px;
		}
		#featureText div p.red {
			color:#ef3e35;
		}
		
		#featureText div a {
			cursor:pointer;
			background-image:url(images/home/1px-trans.gif);
			background-repeat:repeat;
			color:#295548;
		}
		#featureText div a:visited {
			color:#295548;
		}
		#featureText div a:hover {
			color:#FFFFFF;
		}
		
	#featureWindowNav {
		position:absolute;
		width:631px;
		height:29px;
		bottom:0;
		z-index:20;
	}
		#featureWindowNav a {
			cursor:pointer;
			float:left;
			display:block;
			background-repeat:no-repeat;
			background-position:0 0;
		}
		.feature-social {
			width:139px;
			height:29px;
			background-image:url(../images/home/social.jpg);
		}
		.feature-education {
			width:111px;
			height:29px;
			background-image:url(../images/home/education.jpg);
		}
		.feature-historic {
			width:149px;
			height:29px;
			background-image:url(../images/home/historic.jpg);
		}
		.feature-health {
			width:109px;
			height:29px;
			background-image:url(../images/home/health.jpg);
		}
		.feature-commercial {
			width:123px;
			height:29px;
			background-image:url(../images/home/commercial.jpg);
		}		
		
	/* Feature Window styles ------------- [END] */
	
	
	/* Feature Box Common styles --------------- */
	
	#featureBoxes{
		width:631px;
		float:left;
	}
	#featureBoxes h3{
		font-size:1.5em;
		padding:0 0 5px 20px;
		color:#000;
	}
	#featureBoxes h3.blue{
		color:#1461AB;
	}
	#featureBoxes p{
		font-size:1.2em;
		padding:0 0 5px 20px;
	}
	a.green{
		color:#295548;
	}
		a.green:visited{color:#295548;}
		a.green:hover{color:#000;}
		
	a.blue{
		color:#1461ab;
	}
		a.blue:visited{color:#1461ab;}
		a.blue:hover{color:#000;}
	
	.featureProp{
		height:88px;
		float:left;
		width:1px;
	}
	
	/* Feature Box Common styles --------------- */
	
	
	/* Left Feature Box ------------------------ */
	
	#leftFeatureBox{
		width:400px;
		background-color:#7a9a92;
		position:relative;
		background-image:url(../images/home/left-feature-tile.jpg);
		background-repeat:repeat-x;
		float:left;
		margin:10px 0 20px 0;
	}
	#leftFeatureBox p{
		width:240px;
	}
	.leftFeatureCornerTR{
		height:14px;
		background-image:url(../images/home/left-feature-corner-tr.jpg);
		background-repeat:no-repeat;
		background-position:top right;
	}
	.leftFeatureCornerBR{
		height:14px;
		background-image:url(../images/home/left-feature-corner-br.jpg);
		background-repeat:no-repeat;
		background-position:bottom right;
		clear:both;
	}
	#leftFeatureBox img{
		position:absolute;
		bottom:0;
		right:0;
	}
	
	/* Left Feature Box ------------------ [END] */
	
	
	/* Right Feature Box ----------------------- */
	
	#rightFeatureBox{
		width:211px;
		background-color:#cecece;
		position:relative;
		float:right;
		margin:10px 0 20px 0;
	}
	#rightFeatureBox p{
		width:120px;
	}
	.rightFeatureCornerTL{
		height:14px;
		background-image:url(../images/home/right-feature-corner-tl.gif);
		background-repeat:no-repeat;
		background-position:top left;
	}
	.rightFeatureCornerBL{
		height:14px;
		background-image:url(../images/home/right-feature-corner-bl.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		clear:both;
	}
	#rightFeatureBox img{
		position:absolute;
		bottom:0;
		right:0;
	}
	
	/* Right Feature Box ----------------- [END] */
	
	
	/* Office List ----------------------------- */
	
	#rightColumn ul.officeList{
		font-size:1.2em;
		color:#757575;
		list-style:none;
	}
	#rightColumn ul.officeList li{
		display:inline;
	}
	
	/* Office List ----------------------- [END] */
	
	
	/* Contact Lines --------------------------- */
	
	#rightColumn span.contactLineOne{
		font-size:1.2em;
		line-height:1.5em;
		font-weight:bold;
		color:#000;
	}
	#rightColumn span.contactLineTwo{
		font-size:1.5em;
		font-weight:bold;
		color:#000;
	}
	
	/* Contact Lines --------------------- [END] */
	

/* PAGE SPECIFIC - HOMEPAGE ////////////////////////////// [END] */




/* Showcase Box -------------------------------- */
	
	.showcaseBox{
		width:380px;
		background-color:#cecece;
		position:relative;
		margin:10px 0 30px 0;
	}
	.showcaseBox h3{
		font-size:1.4em;
		margin-left:15px;
		padding-bottom:8px;
		width:240px;
	}
	#leftColumn .showcaseBox p{
		width:240px;
		margin-left:15px;
		padding:0;
	}
	.showcaseProp{
		width:1px;
		float:right;
		height:82px;
	}
	.showcaseBox p.noPaddingBottom{
		padding-bottom:0;
	}
	.showcaseCornersTop{
		height:14px;
		background-image:url(../images/case-studies/showcase-images/showcase-top-corners.gif);
		background-repeat:no-repeat;
		background-position:top left;
	}
	.showcaseCornersBottom{
		height:14px;
		background-image:url(../images/case-studies/showcase-images/showcase-bottom-corners.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		clear:both;
	}
	.showcaseBox img{
		position:absolute;
		bottom:0;
		right:0;
	}
	
	
/* Showcase Box -------------------------- [END] */



/* PAGE SPECIFIC - WORKING WITHIN THE COMMUNITY /////////////////////////////// */

	/* Considerate Logo styles ------------------- */
	
		.considerateLogo{
			padding:5px 0 15px 0;
		}
	
	/* Considerate Logo styles ------------- [END] */

/* PAGE SPECIFIC - WORKING WITHIN THE COMMUNITY ///////////////////////// [END] */



/* Our People Page styles  ----------------------- */

	/*#ourPeoplePanelText{
		padding-top:10px;
		width:380px;
	}
	#leftColumn #ourPeoplePanelText p{
		line-height:1.3em;
		padding-bottom:5px;
	}
	#ourPeoplePanelText p span{
		color:#000;
	}
	#ourPeoplePanelText div{
		float:left;
	}
	.textOne{
		width:130px;
	}
	.textTwo{
		width:135px;
	}
	.textThree{
		width:115px;
	}*/

	.ourPeopleBlock{
		width:380px;
		background-color:#d5d5d5;
		position:relative;
		margin:10px 0 0 0;
		background-image:url(../images/common/vertical-separator.gif);
		background-repeat:repeat-y;
		background-position:252px 0;
	}
	.ourPeopleBlock h3{
		font-size:1.4em;
		margin-left:15px;
		padding-bottom:8px;
		width:240px;
	}
	#leftColumn .ourPeopleBlock p{
		width:240px;
		margin-left:15px;
		padding:0;
		color:#000;
	}
	#leftColumn .ourPeopleBlock p.profile{
		padding:8px 0 0 0;
	}
	#leftColumn .ourPeopleBlock p.profile a{
		padding:10px 0 5px 27px;
		background-image:url(../images/common/pdf-icon-small.gif);
		background-repeat:no-repeat;
		background-position:0 6px;
	}
	.ourPeopleProp{
		width:1px;
		float:right;
		height:82px;
	}
	.ourPeopleBlockCornersTop{
		height:14px;
		background-image:url(../images/our-people/peopleBlock-top-corners.gif);
		background-repeat:no-repeat;
		background-position:top left;
	}
	.ourPeopleBlockCornersBottom{
		height:14px;
		background-image:url(../images/our-people/peopleBlock-bottom-corners.gif);
		background-repeat:no-repeat;
		background-position:bottom left;
		clear:both;
	}
	.ourPeopleBlock img{
		position:absolute;
		bottom:0;
		right:0;
	}
	
/* Our People Page styles  ------------------- END */

/* Contact Us Page styles  ----------------------- */


#quickContacts{
	background-image:url(../images/common/indent-rule.gif);
	background-position:center bottom;
	background-repeat:repeat-x;
	margin-bottom:10px;
	padding-bottom:10px;
	height:130px;
}

form.contact-form fieldset {
	border:none;
	margin:0;
}
form.contact-form legend {
	display:none;
	font-size:1.5em;
	font-weight:bold;
}
form.contact-form div label {
	color:#757575;
	float:left;
	font-size:1.2em;
	font-weight:normal;
	margin-right:5px;
	padding:5px;
	text-align:left;
	width:6em;
}
form.contact-form div select {
	border:1px solid #CCCCCC;
	color:#333333;
	padding:2px;
}
form.contact-form div input {
	border:1px solid #CCCCCC;
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	padding:2px;
	width:230px;
}
form.contact-form div .text-area {
	color:#333333;
	font-family:Arial,Helvetica,sans-serif;
	font-size:1.2em;
	border:1px solid #CCCCCC;
	height:7em;
	width:233px;
}

form.contact-form div {
	clear:left;
	margin:10px 0pt 10px 0px;
}
form.contact-form div br {
	display:none;
}

form.contact-form .inSet {
	clear:left;
	display:block;
	margin-left:8.7em;
}

form.contact-form div.inSet label {
	width:auto;
}

form.contact-form .button {
	font-size:1.2em;
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	color:#333333;
	margin-right:2px;
	padding:2px;
	width:auto;
}
form.contact-form .button:hover {
	background-color:#1461AB;
	border:1px solid #FFFFFF;
	color:#FFFFFF;
}

#leftColumn form.contact-form ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}

#leftColumn form.contact-form ul.errors li {
	color:#FF0000;
}

/* Contact Us Page styles  ------------------- END */