/* Common Styles ------------------------------------------- */

	* {
		margin:0;
		padding:0;
	}
	
	body{
		text-align:center;
		font-family:Arial, Helvetica, sans-serif;
		font-size:62.5%;
		background-color:#a6a6a6;
	}
	
	img{
		border:0;
	}
	
	.hide{
		display:none;
	}
	
	h1 {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:2.1em;
		line-height:1.2em;
		font-weight:bold;
		text-transform:uppercase;
		padding-bottom:10px;
	}
	
	h2 {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:1.7em;
		line-height:1.2em;
		font-weight:bold;
		text-transform:uppercase;
		padding-bottom:10px;
	}
	
	h3 {
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		font-size:1.5em;
		line-height:1.2em;
		font-weight:bold;
		text-transform:uppercase;
		padding-bottom:10px;
	}
	
	p{
		font-size:1.2em;
		color:#505050;
	}
	
	a{
		color:#3971a3;
	}
		a:visited{color:#3971a3;}
		a:hover{color:#595959;}

/* Common Styles ------------------------------------- [END] */

/* Colour Styles ------------------------------------------- */
	
	.blue{color:#3971a3;}
	.lightGrey{color:#898989;}
	.brown{color:#53461f;}
	.yellow{color:#f2be22;}
	.grey{color:#595959;}
	.green{color:#96b73e;}

/* Colour Styles ------------------------------------- [END] */

/* Page Structure Styles ----------------------------------- */
	
	#wrapper{
		width:947px;
		margin:10px auto 0;
		text-align:left;
		background-image:url(/images/common/site-shadow-sides.gif);
		background-repeat:repeat-y;
	}
	
	#shadowTop{
		background-image:url(/images/common/site-shadow-top.gif);
		background-repeat:no-repeat;
		background-position:0 bottom;
		background-color:#a6a6a6;
		height:10px;
	}
	
	#shadowBase{
		clear:both;
		background-image:url(/images/common/site-shadow-base.gif);
		background-repeat:no-repeat;
		background-color:#a6a6a6;
		height:20px;
		padding-bottom:10px;
	}
	
	#header{
		position:relative;
		width:927px;
		height:320px;
		left:10px;
	}
	
	#imageArea{
		overflow:hidden;
		width:927px;
		height:320px;
	}
	
	.logo{
		position:absolute;
		top:26px;
		z-index:10;
	}
	
/* Page Structure Styles ----------------------------- [END] */

/* Navigation Styles --------------------------------------- */
	
	.navList{
		width:907px;
		float:left;
		position:relative;
		left:20px;
		margin:10px 0 2px 0;
		font-size:1.3em;
		background-color:#595959;
		background-image:url(/images/common/navigation-bottom.gif);
		background-repeat:repeat-x;
		background-position:bottom;
		
	}
	
	.navList li{
		float:left;
		list-style-type:none;
		background-image:url(/images/common/navigation-bottom.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	
	.navList a{
		display:block;
		padding:9px 14px 17px 14px;
		color:#f5f5f5;
		text-decoration:none;
		font-weight:bold;
		border-right:1px solid #fff;
	}
		.navList a:visited{color:#fff;}
		.navList a:hover{
			color:#000;
			background-color:#f2be22;
			background-image:url(/images/common/navigation-bottom.gif);
			background-repeat:repeat-x;
			background-position:bottom;
		}
	
	.navList li.active{
		color:#000;
		background-color:#f2be22;
		background-image:url(/images/common/navigation-arrow.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
	
	.navList li.active a{
		color:#000;
		background-color:#f2be22;
		background-image:url(/images/common/navigation-arrow.gif);
		background-repeat:no-repeat;
		background-position:bottom;
	}
		.navList li.active a:visited{color:#000;}
		.navList li.active a:hover{color:#000;}

/* Navigation Styles --------------------------------- [END] */

/* Content Wrapper Styles ---------------------------------- */

	#contentWrapper{
		float:left;
		position:relative;
		left:20px;
		width:852px;
		background-color:#ebebeb;
		padding:27px 25px 27px 30px;
	}

/* Content Wrapper Styles ---------------------------- [END] */

/* Column Styles ------------------------------------------- */

	#leftColumn{
		width:558px;
		float:left;
	}
	
	#leftColumn h2{
		font-family:Arial, Helvetica, sans-serif;
		font-size:1.5em;
		text-transform:none;
	}
	
	#leftColumn p{
		line-height:1.6em;
		padding-bottom:10px;
		padding-right:25px;
	}
	
	#leftColumn ul{
		font-size:1.2em;
		color:#5f5f5f;
		list-style:outside;
		padding:0 0 10px 15px;
	}
	#leftColumn ul li{
		line-height:1.5em;
		list-style:square;
		padding-bottom:5px;
	}
	
	#leftColumn ul li ul{
		font-size:1.0em;
	}
	
	#leftColumn hr{
		border: 0;
		color:#c8c8c8;
		background-color:#c8c8c8;
		height:1px;
		margin:5px 0 15px 0;
	}
	
	#rightColumn{
		width:277px;
		float:right;
	}
	
	#rightColumn p{
		line-height:1.5em;
		padding-bottom:10px;
	}
	
	#rightColumn hr{
		border: 0;
		color:#c8c8c8;
		background-color:#c8c8c8;
		height:1px;
		width:269px;
		margin:15px 0 20px 0;
	}

/* Column Styles ------------------------------------- [END] */

/* Footer Styles ------------------------------------------- */

	#footer{
		float:left;
		position:relative;
		left:20px;
		width:847px;
		background-color:#595959;
		padding:22px 30px 22px 30px;
	}
	
	#footer ul{
		list-style:none;
		float:left;
		width:847px;
		margin-bottom:5px;
	}
	#footer ul li{
		float:left;
		padding-right:5px;
		font-size:1.1em;
		color:#a6a6a6;
	}
	#footer a{
		color:#a6a6a6;
	}
		#footer a:visited{color:#a6a6a6;}
		#footer a:hover{color:#fff;}
	
	#footer ul li.active a{color:#f2be22;}
		#footer ul li.active a:visited{color:#f2be22;}
		#footer ul li.active a:hover{color:#fff;}
	
	#footer p{
		font-size:1.1em;
		float:left;
		color:#fff;
	}
	#footer p.credit{
		float:right;
		text-align:right;
	}
	
/* Footer Styles ------------------------------------- [END] */




/* BasicBlock White common style ------------------------------------------ */
/* BasicBlock White common style ------------------------------------------ */
/* BasicBlock White common style ------------------------------------------ */


	.sideBlockWhite{
		padding-bottom:10px;
		background-image:url(/images/common/sideBlock-base-white.gif);
		background-repeat:no-repeat;
		background-position:bottom center;
		margin-bottom:20px;
	}
	
	.sideBlockWhite h2{
		padding:15px 18px 10px 20px;
		background-image:url(/images/common/sideBlock-top-white.gif);
		background-repeat:no-repeat;
		background-position:top center;
	}

	.sideBlockWhite h3{
		padding:0 18px 10px 20px;
	}
	
	.sideBlockWhite p{
		padding:0 18px 10px 20px;
	}
	
	.sideBlockWhite ul{
		list-style:none;
		width:269px;
		padding-bottom:30px;
		margin-left:3px;
	}
	
	.sideBlockWhite ul li{
		font-size:1.3em;
		color:#a6a6a6;
		border-bottom:1px solid #d9d9d9;
	}
		.sideBlockWhite ul li.last{
			border-bottom:0;
		}
		
	.sideBlockWhite a{
		display:block;
		color:#595959;
		padding:6px 18px;
		text-decoration:none;
	}
		.sideBlockWhite a:visited{color:#595959;}
		.sideBlockWhite a:hover{
			color:#595959;
			background-color:#eeeeee;
		}
	
	.sideBlockWhite ul li a.active{
		color:#f2be22;
		background-color:#595959;
	}

	
	/* add an image preview to link list ---------- */
	
	.imageLink img{
		padding:10px 0 10px 0;
	}
	
	.imageLink a{
		padding-bottom:15px;
		line-height:1.3em;
	}
	
	/* add an image preview to link list ---- [END] */
	
	
	/* recycling block specific styles ------------ */
	
	.sideBlockWhite.recycle h2{
		background-image:url(/images/environment/recycling-block-top.gif);
		padding-bottom:30px;
	}
	
	/* recycling block specific styles ------ [END] */
	
	/* contact sideBlock -------------------------- */
	
	.sideBlockWhite.contact a{
		padding:5px 0 5px 0;
	}
	
	/* contact sideBlock -------------------- [END] */
	

/* BasicBlock White common style ------------------------------------ [END] */
/* BasicBlock White common style ------------------------------------ [END] */
/* BasicBlock White common style ------------------------------------ [END] */




/* sideBlock Plain style -------------------------------------------------- */
/* sideBlock Plain style -------------------------------------------------- */
/* sideBlock Plain style -------------------------------------------------- */

	
	.sideBlock{
		width:277px;
		padding:0 15px 0 0;
	}
	
	.sideBlock p{
		width:250px;
	}
	
	
	/* home environmental ----------- */
	
	.sideBlock.homeEnviro{
		background-image:url(/images/index/recycling-logo.gif);
		background-repeat:no-repeat;
		background-position:185px 58px;
	}
	
	.sideBlock.homeEnviro p{
		width:150px;
	}
	
	/* home environmental ----- [END] */
	
	
	/* environmental ---------------- */
	
	.sideBlock.environmental{
		padding-left:15px;
	}
	
	/* environmental ---------- [END} */


/* sideBlock Plain style -------------------------------------------- [END] */
/* sideBlock Plain style -------------------------------------------- [END] */
/* sideBlock Plain style -------------------------------------------- [END] */



	

/* Buttons Styles ------------------------------------------ */

	.button{
		display:block;
		height:20px;
		background-position:0 0;
		text-indent:-999px;
		overflow:hidden;
	}
	.button:hover{background-position:0 -20px;}

	.findOutMoreButton{
		width:117px;
		background-image:url(/images/common/find-out-more-button.gif);
	}
	
	.contactUsButton{
		width:133px;
		background-image:url(/images/common/contact-us-button.gif);
	}
	
	.downloadNowButton{
		width:133px;
		background-image:url(/images/common/download-now-button.gif);
	}

/* Button Styles ------------------------------------- [END] */

/* Home Specific Styles ------------------------------------ */

	#featureArea{
		float:left;
		position:relative;
		left:10px;
		height:220px;
		width:927px;
		background-image:url(/images/index/feature-area-background.gif);
		background-repeat:repeat-x;
		background-position:0 0;
		background-color:#f2be22;
		overflow:hidden;
		margin-bottom:10px;
	}
	
	#featureBoxTitle{
		position:absolute;
		top:52px;
		left:40px;
		z-index:11;
	}
	
		#featureBoxes{
			float:left;
			width:847px;
		}
		
		#featureBoxes .divider{
			float:right;
			width:1px;
			height:220px;
			background-image:url(/images/index/divider.gif);
			background-repeat:no-repeat;
			background-position:bottom;
		}
		
		#featureBoxes h3{
			text-transform:none;
		}
		
		#featureBoxes div{
			width:847px;
			
			/*ie 6 fix*/
			background-image:url(/images/index/feature-area-background.gif);
			background-repeat:repeat-x;
			background-position:0 0;
		}
		
		#featureBoxes div ul{
			padding:0;
			margin:0;
		}
		
		#featureBoxes div ul li{
			float:left;
			width:269px;
			margin-right:20px;
			list-style-type:none;
			
			/*scaling issues*/
			height:220px;
			overflow:auto;
		}
			#featureBoxes div ul li.last{
				margin-right:0;
			}
		
			#boxOne {
				background-image:url(../images/index/civil-engineering-box.jpg);
				background-repeat:no-repeat;
				background-position:top;
			}
			
			#boxTwo {
				background-image:url(../images/index/groundworks-box.jpg);
				background-repeat:no-repeat;
				background-position:top;
			}
			
			#boxThree {
				background-image:url(../images/index/haulage-box.jpg);
				background-repeat:no-repeat;
				background-position:top;
			}
			
			#boxFour {
				background-image:url(../images/index/plant-hire-box.jpg);
				background-repeat:no-repeat;
				background-position:top;
			}
			
			#boxFive {
				background-image:url(../images/index/recycling-box.jpg);
				background-repeat:no-repeat;
				background-position:top;
			}
			
			#boxSix {
				background-image:url(../images/index/restoration-box.jpg);
				background-repeat:no-repeat;
				background-position:top;
			}
		
		
		#featureBoxControlLeft{
			float:left;
			width:30px;
			padding:142px 0 0 10px;
		}
		
		#featureBoxControlRight{
			float:left;
			width:30px;
			padding:142px 0 0 10px;
		}
		
		.prevButton{
			display:block;
			width:21px;
			height:21px;
			background-image:url(/images/index/arrow-prev.gif);
			background-position:0 0;
			text-indent:-999px;
			overflow:hidden;
		}
		.prevButton:hover{
			background-position:0 -21px;
		}
		
		.nextButton{
			display:block;
			width:21px;
			height:21px;
			background-image:url(/images/index/arrow-next.gif);
			background-position:0 0;
			text-indent:-999px;
			overflow:hidden;
		}
		.nextButton:hover{
			background-position:0 -21px;
		}
	
	
	#featureArea h3{
		padding-top:110px;
	}
	
	#featureArea p{
		width:230px;
		padding-bottom:10px;	
	}
	
	.civilEngineeringButton{
		width:172px;
		background-image:url(/images/index/civil-engineering-button.gif);
	}
	.groundworksButton{
		width:147px;
		background-image:url(/images/index/groundworks-button.gif);
	}
	.haulageButton{
		width:117px;
		background-image:url(/images/index/haulage-button.gif);
	}
	.plantHireButton{
		width:127px;
		background-image:url(/images/index/plant-hire-button.gif);
	}
	.recyclingButton{
		width:125px;
		background-image:url(/images/index/recycling-button.gif);
	}
	.restorationButton{
		width:135px;
		background-image:url(/images/index/restoration-button.gif);
	}

/* Home Specific Styles ------------------------------ [END] */


/* Services Specific Styles -------------------------------- */

	#services.index #leftColumn {
		width:847px;
	}
	
	#servicesBlock{
		background-color:#fff;
		float:left;
		width:834px;
		padding-left:13px;
		background-image:url(/images/services/services-box-shadow.gif);
	}
	
	#servicesBlockTop{
		background-image:url(/images/services/services-box-top-shadow.gif);
		height:12px;
		float:left;
		width:847px;
		font-size:0;
		margin-top:15px;
	}
	
	#servicesBlockBase{
		background-image:url(/images/services/services-box-base-shadow.gif);
		height:16px;
		float:left;
		width:847px;
		font-size:0;
	}
	
	#servicesBlock a.serviceButton{
		display:block;
		width:245px;
		background-repeat:no-repeat;
		background-position:10px bottom;
		position:relative;
		padding:60px 10px 50px 10px;
		text-decoration:none;
		font-size:1.2em;
		line-height:1.5em;
		color:#505050;
		float:left;
		margin:0 0 0 0;
	}
	
	* html #servicesBlock a.serviceButton{ /* IE 6 double margin fix */
		display:inline;
	}
	
	#servicesBlock a.serviceButton.serviceButton span{
		font-size:1.3em;
		line-height:1.9em;
		color:#1e1e1e;
	}
	
	#servicesSeparatorsHorz{
		width:819px;
		height:42px;
		float:left;
		background-image:url(/images/services/horz-separators.gif);
		background-repeat:no-repeat;
		background-position:center;
	}
	
	.verticalServicesRule{
		width:12px;
		height:17.6em;
		background-image:url(/images/services/vertical-separator.gif);
		background-repeat:no-repeat;
		background-position:center;
		float:left;
	}
	


	#servicesBlock a.serviceButton:hover{
		background-color:#f2be22;
	}
	
	#servicesBlock a.serviceButton img{
		position:absolute;
	}


	
	#servicesBlock a.serviceButton.civil{
		background-image:url(/images/services/civil-off.gif);
	}
	#servicesBlock a.serviceButton.civil:hover{
		background-image:url(/images/services/civil-on.gif);
	}	
	.civilInlineImage{
		top:-25px;
		right:20px;
	}
	
	
	
	
	#servicesBlock a.serviceButton.groundworks{
		background-image:url(/images/services/groundworks-off.gif);
	}
	#servicesBlock a.serviceButton.groundworks:hover{
		background-image:url(/images/services/groundworks-on.gif);
	}
	.groundworksInlineImage{
		top:-28px;
		right:10px;
	}
	
	
	
	#servicesBlock a.serviceButton.haulage{
		background-image:url(/images/services/haulage-off.gif);
	}
	#servicesBlock a.serviceButton.haulage:hover{
		background-image:url(/images/services/haulage-on.gif);
	}
	.haulageInlineImage{
		top:-28px;
		right:10px;
	}
	
	
	
	
	#servicesBlock a.serviceButton.plant{
		background-image:url(/images/services/plant-off.gif);
	}
	#servicesBlock a.serviceButton.plant:hover{
		background-image:url(/images/services/plant-on.gif);
	}
	.plantInlineImage{
		top:-38px;
		right:15px;
	}
	
	
	
	
	#servicesBlock a.serviceButton.recycling{
		background-image:url(/images/services/recycling-off.gif);
	}
	#servicesBlock a.serviceButton.recycling:hover{
		background-image:url(/images/services/recycling-on.gif);
	}
	.recyclingInlineImage{
		top:-35px;
		right:10px;
	}
	
	
	
	
	
	#servicesBlock a.serviceButton.restoration{
		background-image:url(/images/services/restoration-off.gif);
	}
	#servicesBlock a.serviceButton.restoration:hover{
		background-image:url(/images/services/restoration-on.gif);
	}
	.restorationInlineImage{
		position:absolute;
		top:-12px;
		right:10px;
	}


/* Services Studies Specific Styles ------------------ [END] */


/* Case Studies Specific Styles ---------------------------- */

/* Case Studies Specific Styles ---------------------- [END] */


/* Client Listing Specific Styles -------------------------- */
	#client-listing #leftColumn{
		width:847px;
	}
	
	#client-listing #contentWrapper{
		width:847px;
		padding:27px 30px 27px 30px;
	}
	
	ul#logos{
		padding:0;
		margin:0;
		width:848px; /*1px bigger for logos*/
	}
	
	ul#logos li{
		float:left;
		list-style-type:none;
		width:168px;
		height:123px;
		padding-right:2px;
		padding-bottom:2px;
	}
		ul#logos li.last{padding-right:0;}
	
	ul#logos li img{
		float:left;
	}
/* Client Listing Specific Styles -------------------- [END] */

/* Project Gallery styles ---------------------------------- */

	#leftColumn ul#projectGallery{
		padding:0 0 10px 0;
		float:left;
		margin:0;
	}
	
	#leftColumn ul#projectGallery li{
		list-style-type:none;
		font-size:0;
		float:left;
		margin:0 10px 10px 0;
	}
	
	#leftColumn ul#projectGallery li a{
		background-color:#fff;
		padding:4px;
		float:left;
	}
	
	#leftColumn ul#projectGallery li a:hover{
		background-color:#f2be22;
	}

/* Project Gallery styles ---------------------------- [END] */

/* Health & Safety Specific Styles ------------------------- */

	#health-and-safety #contentWrapper{
		background-image:url(/images/health-and-safety/background-image.jpg);
		background-repeat:no-repeat;
		background-position:top right;
	}
	
	#health-and-safety #rightColumn{
		margin-top:225px;
	}

/* Health & Safety Specific Styles ------------------- [END] */


/* Contact us styles --------------------------------------- */

	/* Form Columm styles ///////////////////////// */
	#formColumnLeft{
		width:269px;
		float:left;
		margin-right:20px;
	}
	#formColumnRight{
		width:269px;
		float:left;
	}
	/* Form Columm styles /////////////////// [END] */
	
	
	/* Fieldset styles //////////////////////////// */
	fieldset{
		border:none;
	}
	legend{
		display:none;
	}
	/* Fieldset styles ////////////////////// [END] */
	
	
	/* Label styles /////////////////////////////// */
	label{
		font-size:1.2em;
		color:#5f5f5f;
		display:block;
		float:left;
		padding:10px 0 5px 0;
		width:269px;
	}
	/* Label styles ///////////////////////// [END] */
	
	
	/* Input styles /////////////////////////////// */
	input, textarea{
		border:1px solid #cccccc;
		font-size:1.4em;
		padding:3px;
		color:#5f5f5f;
	}
	input{
		width:260px;
	}
	select{
		/*margin:5px 0 10px 0;*/
		border:1px solid #cccccc;
		padding:3px;
	}
	/* Input styles ///////////////////////// [END] */
	
	
	/* Textarea styles //////////////////////////// */
	textarea{
		overflow:auto;
		font-size:1.4em;
		font-family:Arial, Helvetica, sans-serif;
		color:#5F5F5F;
	}
	textarea.address{
		width:260px;
		height:65px;
	}
	textarea.enquiry{
		width:260px;
		height:132px;
	}
	/* Textarea styles /////////////////////// [END] */

	
	/* Required Bar styles ///////////////////////// */
	#leftColumn p.required{
		background-color:#f2f2f2;
		padding:5px 0 5px 10px;
		margin-bottom:15px;
		width:600px;
	}
	#leftColumn p.required span{
		color:#379bbe;
	}
	/* Required Bar styles /////////////////// [END]  */
		
	
	/* Legal Disclaimer styles ////////////////////// */
	#leftColumn p.legal{
		font-size:1.0em;
		line-height:normal;
		clear:both;
		padding:10px 0 0 10px;
		border-top:1px solid #cccccc;
		float:left;
		margin-top:15px;
	}
	/* Legal Disclaimer styles //////////////// [END] */
	
	
	/* Submit button styles /////////////////////// */
	#submit{
		width:117px;
		height:20px;
		background-image:url(/images/common/submit-button.gif);
		background-position:0 0;
		background-repeat:no-repeat;
		border:none;
		text-align:center;
		color:#fff;
		cursor:pointer;
		margin:15px 0 15px 0;
		float:right;
		text-indent:-999px;
		overflow:hidden;
		
		/* IE6 not interpreting text-indent on submit buttons ? */
		font-size:0px;
		display:block;
		line-height:0px;

	}
		#submit:hover{background-position:0 -20px;}
	/* Submit button styles ///////////////// [END] */
	
	
	/* Errors styles ////////////////////////////// */
	#leftColumn ul.errors{
		margin:0;
		padding:0;
		width:268px;
	}
	#leftColumn ul.errors li{
		list-style-type:none;
		padding:0;
		background-color:#3971a3;
		padding:2px 0 2px 10px;
		color:#fff;
	}
	/* Errors styles //////////////////////// [END] */
	
	/* Map Bubbles //////////////////////////////// */
	#map div.bubble p{
		padding:0;
		font-size:1.2em;
		line-height:normal;
	}
	#map div.bubble p strong{
		padding:0;
		font-size:1.3em;
	}
	#map div.bubble input.directionsBtn{
		background-image:url(/images/common/get-directions-button.gif);
		text-indent:-1000px;
		width:117px;
		border:0 none;
		display:block;
		height:20px;
		overflow:hidden;
		background-position:0 0;
		margin-top:5px;
	}
	#map div.bubble input.directionsBtn:hover{
		background-position:0 -20px;
		cursor:pointer;
	}
	/* Map Bubbles ////////////////////////// [END] */

/* Contact us styles --------------------------------- [END] */	

.keylineWide{display:none;}