body {
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	color: #FFFFFF;
	background-color: #E7E7E7;
}



/* ---------------------------------- STYLES MAST -------------------- */
#mastHold {
background-color: #1C2B3F;

}


#mast {
	width: 850px;
	height: 73px;
	margin-left: auto;
	margin-right: auto;
	
}

/* ------------------------------ STYLES NAVIGATION ------------------- */
#navHold {
	background-image: url(../images/navHoldBG.jpg);
	background-repeat: repeat-x;
}

#nav {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	height: 39px;
}

#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#nav li {
	display: inline;
}

#navAbout a:link, #navAbout a:visited  {
	background: transparent url(../images/navAbout.jpg) no-repeat;
	width: 92px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navAbout a:hover {
	background: transparent url(../images/navAboutOn.jpg) no-repeat;
}

#navAbout a:link span, #navAbout a:visited span {
	display:none
}

#navOurPeople a:link, #navOurPeople a:visited  {
	background: transparent url(../images/navOurPeople.jpg) no-repeat;
	width: 102px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navOurPeople a:hover {
	background: transparent url(../images/navOurPeopleOn.jpg) no-repeat;
}

#navOurPeople a:link span, #navOurPeople a:visited span {
	display:none
}

#navCapabilities a:link, #navCapabilities a:visited  {
	background: transparent url(../images/navCapabilities.jpg) no-repeat;
	width: 106px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navCapabilities a:hover {
	background: transparent url(../images/navCapabilitiesOn.jpg) no-repeat;
}

#navCapabilities a:link span, #navCapabilities a:visited span {
	display:none
}


#navContacts a:link, #navContacts a:visited  {
	background: transparent url(../images/navContacts.jpg) no-repeat;
	width: 96px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navContacts a:hover {
	background: transparent url(../images/navContactsOn.jpg) no-repeat;
}

#navContacts a:link span, #navContacts a:visited span {
	display:none
}

#navCareers a:link, #navCareers a:visited  {
	background: transparent url(../images/navCareer.jpg) no-repeat;
	width: 75px;
	height: 39px;
	margin: 0px;
	padding: 0px;
	float: left;
}

#navCareers a:hover {
	background: transparent url(../images/navCareerOn.jpg) no-repeat;
}

#navCareers a:link span, #navCareers a:visited span {
	display:none
}



#navEnd {
	float:left;
}


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

#colLeft ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}



#navCivils a:link, #navCivils a:visited  {
	background: transparent url(../images/btn_civils.jpg) no-repeat;
	width: 189px;
	height: 59px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}

#navCivils a:hover, #navCivils a:active {
	background: transparent url(../images/btn_civils_on.jpg) no-repeat;
}

#navCivils a:link span, #navCivils a:visited span {
	display:none
}

#navBuilding a:link, #navBuilding a:visited  {
	background: transparent url(../images/btn_building.jpg) no-repeat;
	width: 189px;
	height: 59px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}

#navBuilding a:hover, #navBuilding a:active {
	background: transparent url(../images/btn_building_on.jpg) no-repeat;
}

#navBuilding a:link span, #navBuilding a:visited span {
	display:none
}

#navSurfacing a:link, #navSurfacing a:visited  {
	background: transparent url(../images/btn_surfacing.jpg) no-repeat;
	width: 189px;
	height: 59px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}

#navSurfacing a:hover, #navSurfacing a:active {
	background: transparent url(../images/btn_surfacing_on.jpg) no-repeat;
}

#navSurfacing a:link span, #navSurfacing a:visited span {
	display:none
}

#navDrainage a:link, #navDrainage a:visited  {
	background: transparent url(../images/btn_drainage.jpg) no-repeat;
	width: 189px;
	height: 56px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}

#navDrainage a:hover, #navDrainage a:active {
	background: transparent url(../images/btn_drainage_on.jpg) no-repeat;
}

#navDrainage a:link span, #navDrainage a:visited span {
	display:none
}

#navTraining a:link, #navTraining a:visited  {
	background: transparent url(../images/btn_training.jpg) no-repeat;
	width: 189px;
	height: 59px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}

#navTraining a:hover, #navTraining a:active {
	background: transparent url(../images/btn_training_on.jpg) no-repeat;
}

#navTraining a:link span, #navTraining a:visited span {
	display:none
}

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

#colRight ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#shortcutCapabilities a:link, #shortcutCapabilities a:visited  {
	background: transparent url(../images/shortcutCapabilities.jpg) no-repeat;
	width: 151px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}



#shortcutCapabilities a:link span, #shortcutCapabilities a:visited span {
	display:none
}

#shortcutBuilding a:link, #shortcutBuilding a:visited  {
	background: transparent url(../images/shortcutBuilding.jpg) no-repeat;
	width: 151px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}



#shortcutBuilding a:link span, #shortcutBuilding a:visited span {
	display:none
}

#shortcutCivils a:link, #shortcutCivils a:visited  {
	background: transparent url(../images/shortcutCivil.jpg) no-repeat;
	width: 151px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}



#shortcutCivils a:link span, #shortcutCivils a:visited span {
	display:none
}

#shortcutContact a:link, #shortcutContact a:visited  {
	background: transparent url(../images/shortcutContact.jpg) no-repeat;
	width: 151px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}



#shortcutContact a:link span, #shortcutContact a:visited span {
	display:none
}

#shortcutAbout a:link, #shortcutAbout a:visited  {
	background: transparent url(../images/shortcutAbout.jpg) no-repeat;
	width: 151px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}



#shortcutAbout a:link span, #shortcutAbout a:visited span {
	display:none
}

#shortcutPeople a:link, #shortcutPeople a:visited  {
	background: transparent url(../images/shortcutPeople.jpg) no-repeat;
	width: 151px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}



#shortcutPeople a:link span, #shortcutPeople a:visited span {
	display:none
}

#shortcutCareers a:link, #shortcutCareers a:visited  {
	background: transparent url(../images/shortcutCareers.jpg) no-repeat;
	width: 151px;
	height: 147px;
	margin: 0px;
	padding: 0px;
	/*float: left;*/
	display:block;
}



#shortcutCareers a:link span, #shortcutCareers a:visited span {
	display:none
}


/* ------------------ STYLES BLACK BAR ---------------- */
#blackbar {
	background-color:#191919;
	height: 25px;
}


/* ------------------ STYLES CONTENT -------------- */
#contentHold {
	background-color:#0F4877;
	background-image: url(../images/contentBG.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
}


#content {
	padding-left: 20px;
	padding-right: 20px;
	width: 850px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
}


/* ---------------------------- STYLES 3 COLUMN LAYOUT -------------------------- */

#colLeft {
	width: 189px;
	float: left;
}

#colMiddle {
	width: 469px;
	margin-left: 209px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	padding-bottom: 40px;
	background-color: #071F34;
	background-image: url(../images/roundedBottom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#colSplitLeft {
	width: 310px;
	height: 540px;
	margin-left: 209px;
	background-color: #071F34;
	margin-bottom: 0px;
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-image: url(../images/roundedBottomSplitLeft.gif);
	
}

#colSplitRight {
	width: 310px;
	height: 540px;
	background-color:#275A84;
	float: right;
	margin-bottom: 0px;
	background-image: url(../images/roundedBottomSplitRight.gif);
	padding-bottom: 20px;
	background-repeat: no-repeat;
	background-position: bottom;
	
	
}


#colRight {
	width: 151px;
	float: right;
}


/* ------------------------ 3 COLUMN STYLES -------------------- */


#colMiddle p {
	font-size: 12px;
	line-height: 130%;
	padding-left: 20px;
	padding-right: 20px;	
}

#colSplitLeft p {
	font-size: 12px;
	line-height: 130%;
	padding-left: 20px;
	padding-right: 20px;	
}

#colSplitRight p {
	font-size: 12px;
	line-height: 130%;
	padding-left: 20px;
	padding-right: 20px;	
}














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


#footer {
	padding-top: 15px;
	padding-bottom: 15px;
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	height: 35px;
}

#footer a:link, #footer a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#footer a:hover, #footer a:active {
	color: #61B6F1;
}


/* ----------------------------------- STYLES ADDRESS BAR ---------------------------- */
#address {
	background-color:#FFFFFF;
	text-align: center;
	height: 20px;
	color: #0C8BEE;
	padding-top: 11px;
	padding-bottom: 5px;
	font-size: 11px;
}

.numbers {
	margin-left: 8px;
	color: #0F4877;
}

#address a:link, #address a:visited {
	text-decoration: none;
	color: #0C8BEE;
}

#address a:hover, #address a:active {
	color: #CC3300;
}


/* ----------------------------------- STYLES BOTTOM GRAPHIC ------------------------ */
#bottom {
	background-color:#E7E7E7;
	height: auto;
}

/* --------------------------------- LINK STYLES -------------------------------- */

a:link, a:visited {
	color: #61B6F1;
	text-decoration: none;
}

a:hover, a:active {
	color: #B1D7F0;
	text-decoration: underline;
}

/* -------------------------- HEADER STYLES ----------------- */

h1#homeViewVideo {
	background: transparent url(../images/hd_welcome.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#loadsmorethanroads {
	background: transparent url(../images/hd_loadsmore.gif) no-repeat; 
	width: 300px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#aboutus {
	background: transparent url(../images/hd_aboutus.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#capabilities {
	background: transparent url(../images/hd_capabilities.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#ourpeople {
	background: transparent url(../images/hd_ourpeople.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#contactus {
	background: transparent url(../images/hd_contactus.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#onlineenquiry {
	background: transparent url(../images/hd_onlineenquiry.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#careers {
	background: transparent url(../images/hd_careers.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#copyright {
	background: transparent url(../images/hd_copyright.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#sitemap {
	background: transparent url(../images/hd_sitemap.gif) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#civils {
	background: transparent url(../images/hd_civils.jpg) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#training {
	background: transparent url(../images/hd_training.jpg) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#building {
	background: transparent url(../images/hd_building.jpg) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#drainage {
	background: transparent url(../images/hd_drainage.jpg) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#surfacing {
	background: transparent url(../images/hd_surfacing.jpg) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#civilsprojects {
	background: transparent url(../images/hd_civilsprojects.jpg) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}
	
h1#buildingprojects {
	background: transparent url(../images/hd_buildingprojects.jpg) no-repeat; 
	width: 252px; 
	height: 40px; 
	margin-left: 20px; 
	margin-bottom: 30px; 
	margin-top: 0px;
	}

h1 span, h2 span {
	display: none;
}


h2#industrial {
	background: transparent url(../images/sub_industrial.gif) no-repeat;
	height: 12px;
	margin: 0px;
	padding: 0px;
}

h2#commercial {
	background: transparent url(../images/sub_commercial.gif) no-repeat;
	height: 12px; 
	margin: 0px;
	padding: 0px;
}

h2#medical {
	background: transparent url(../images/sub_medical.gif) no-repeat; 
	height: 12px;
	margin: 0px;
	padding: 0px;
}

h2#groundworks {
	background: transparent url(../images/sub_groundworks.gif) no-repeat; 
	height: 12px;
	margin: 0px;
	padding: 0px;
}

h2#infrastructure {
	background: transparent url(../images/sub_infrastructure.gif) no-repeat; 
	height: 12px;
	margin: 0px;
	padding: 0px;
}

h2#roadworks {
	background: transparent url(../images/sub_roadworks.gif) no-repeat; 
	height: 12px;
	margin: 0px;
	padding: 0px;
}

h2#remediation {
	background: transparent url(../images/sub_remediation.gif) no-repeat; 
	height: 12px;
	margin: 0px;
	padding: 0px;
}

h2#petrochemical {
	background: transparent url(../images/sub_petrochemical.gif) no-repeat; 
	height: 12px;
	margin: 0px;
	padding: 0px;
}

h3 {
	font-size: 16px;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26475D;
	padding-bottom: 5px;
	padding-top: 3px;
}

h4 {
	font-size: 13px;
	margin-left: 20px;
	margin-right: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26475D;
	padding-bottom: 5px;
	padding-top: 3px;
}

h3#hs {
	background: transparent url(../images/sub_hs.gif) no-repeat; 
	height: 25px;
	
	text-align: left;
}






/* --------------------- ROUNDED CORNERS STYLES ----------------- */






/* --------------------- FORMATTING STYLES ----------------- */

#sitemapWrap ul {
	font-size: 13px;
	color: #0C8BED;
	list-style-type: square;
	line-height: 135%;
	}
	
#sitemapWrap a:link, #sitemapWrap a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#sitemapWrap a:hover, #sitemapWrap a:active {
	color: #61B6F1;
}


#sitemapWrap ul ul {
	list-style-type: circle;
}

#sitemapWrap ul ul ul {
	color: #55AEF2;
	list-style-type: disc;
}

#sitemapWrap ul ul ul ul {
	color: #55AEF2;
	list-style-type: circle;
}

.ulTextColour {
	color: #FFFFFF;
}


/*----------------------------------- PROJECT INDEX -----------------------------*/

#projectIndex {
	width: 430px;
	/*padding-left: 20px;
	padding-right: 20px;
	margin-left: 20px;
	margin-right: 20px;*/

}



.projectTitle {
	font-size: 14px;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #26475D;
	padding-top: 10px;
}

.projectSubHead {
	background-color: #26475D;
	
}


.projectArrow {
	text-align: right;
	vertical-align: top;
}

.projectSummary {
	vertical-align: top;
	font-size: 12px;
}

#projectIndex a:link, #projectIndex a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#projectIndex a:hover, #projectIndex a:active {
	color: #61B6F1;
}

.projectThumb {
	padding-top: 10px;
}

.thumbBorder {
	border: 2px solid #FFFFFF;
}

.pleaseClick {
	font-size: 10px;
}

.blueBorder {
	border: 1px solid #0C8BED;
}

#contactTable {
	width: 270px;
	margin-left: 20px;
	/*padding-left: 20px;*/
	padding-right: 20px;
	font-size: 12px;
	line-height: 130%;
	/*background-color: #00FFFF;*/	
}

#peopleTable {
	padding-left: 20px;
	padding-right: 20px;
	font-size: 12px;
}

#peopleTable td {
	text-align: center;
	vertical-align: top;	
	
}



#contactTable td {
	vertical-align: top;	

}

.aboutImg {
	margin-right: 10px;
	margin-bottom: 10px;
}


/*-------------------------STYLES FOR OLD ACCORDION---------------------------*/

#basic-accordian {
	padding-left:20px;
	padding-right:20px;
}

.accordion_headings {
	padding:5px;
	font-size: 14px;
	background:#0E416B;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:1px;
}

.accordion_headings:hover {
	background:#0C8BED;
}

.accordion_child {
	padding-top: 10px;
	padding-bottom:15px;
	font-size: 12px;
	line-height: 130%;
}

/*.header_highlight {
	background:#0C8BED;
}*/

.header_highlight {
}



/*------------------------- STYLES FOR NEW ACCORDION ---------------------------*/

#slider {
	padding-left:20px;
	padding-right:20px;

}

.header {
	padding:5px;
	font-size: 14px;
	background:#0E416B url(../images/openclose.gif) no-repeat right center;
	cursor:pointer;
	font-weight:bold;
	margin-bottom:1px;
}


.content {
	overflow:hidden;
}

.text {
	padding-top: 10px;
	padding-bottom:15px;
	font-size: 12px;
	line-height: 130%;
}




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


	
.jobTitle {
	font-size: 10px;
	color:#CCCCCC;
}	

#general ul {
	padding-left: 30px;
	margin-left:30px;
	margin-right: 20px;
	list-style-type: square;
	font-size: 12px;
	line-height: 160%;
	color: #0C8BEE;
	font-style: italic;
}

.moreInfoSize {
	font-size: 18px;
	line-height: 160%;
}

.generalCaption {
	font-size: 10px;
	line-height:100%;
	color:#CCCCCC;
}

.projectInfo {
	color: #0C8BEE;
	font-weight: bold;
}

.imageMarginRight {
	margin-right: 20px;
	
}

.imageMarginRightBottom {
	margin-right: 20px;
	margin-bottom: 20px;
	
}

.homeViewVideo {
	margin-right: 20px;
	margin-bottom: 130px;
	
}

.imageMarginLeft {
	margin-left: 20px;
	
}