/*CSS Reset*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
/*END*/


body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	/*background-image:url(images/bg.gif);
	background-repeat:repeat-x;*/
	color:inherit;
}

/*START TEMPLATE LAYOUT STYLES*/
#header { 
  	width: 950px;
  	padding: 15px 0px 0px 0px;
	margin: auto;
}

#menuBar { 
  	width: 100%;
	margin: auto;
	background-color:#a1cdeb;
	clear:both;
	height:34px;
}


#wrapper { 
  	width: 950px;
  	padding: 0px 0px 0px 0px;
	margin: auto;
}

#locations {
	float:right; 
	font-size:1.5em; 
	font-weight:normal;
	color:#0078c9; 
	text-align:right;
	padding:0px 20px 16px 0px;
}

#content {clear:both; padding:20px;}

#iconList {float:right; width:170px;}
#iconList ul {margin-top:6px;}
#iconList li {list-style:none; color:#0078c9; font-size:1.2em; font-weight:bold; padding-top:8px;}
#iconList li a {color:#0078c9; text-decoration:none;  padding:2px 25px 8px 45px; width:100px; height:33px; display:block;  border-bottom:1px solid #89c0e6;  background-repeat:no-repeat; background-position:0px 0px;}
#iconList li a:hover {color:#000; text-decoration:none;}

#iconList li a.last {border-bottom:0px solid #89c0e6;}

#iconList li a.structural {background-image:url(images/icon-structural.png);}
#iconList li a:hover.structural, #iconList li a.structuralActive {background-image:url(images/icon-structural-over.png); color:#000;}

#iconList li a.civil {background-image:url(images/icon-civil.png);}
#iconList li a:hover.civil, #iconList li a.civilActive {background-image:url(images/icon-civil-over.png);}

#iconList li a.cdm {background-image:url(images/icon-cdm.png);}
#iconList li a:hover.cdm, #iconList li a.cdmActive {background-image:url(images/icon-cdm-over.png); color:#000;}

#iconList li a.health-safety {background-image:url(images/icon-health-safety.png);}
#iconList li a:hover.health-safety, #iconList li a.health-safetyActive {background-image:url(images/icon-health-safety-over.png); color:#000;}

#iconList li a.approved-inspectors {background-image:url(images/icon-approved-inspectors.png);}
#iconList li a:hover.approved-inspectors, #iconList li a.approved-inspectorsActive {background-image:url(images/icon-approved-inspectors-over.png); color:#000;}

#iconList li a.breeam {background-image:url(images/icon-BREEAM.png);}
#iconList li a:hover.breeam, #iconList li a.breeamActive {background-image:url(images/icon-BREEAM-over.png); color:#000;}

#iconList li a.flood-risk {background-image:url(images/icon-flood.png);}
#iconList li a:hover.flood-risk, #iconList li a.flood-riskActive {background-image:url(images/icon-flood-over.png); color:#000;}

#iconList li a.party-wall {background-image:url(images/icon-party-wall.png);}
#iconList li a:hover.party-wall, #iconList li a.party-wallActive {background-image:url(images/icon-party-wall-over.png); color:#000;}

#iconList li a.fire {background-image:url(images/icon-fire.png);}
#iconList li a:hover.fire, #iconList li a.fireActive {background-image:url(images/icon-fire-over.png); color:#000;}

#iconList li a.specialist {background-image:url(images/icon-specialist.png);}
#iconList li a:hover.specialist, #iconList li a.specialistActive {background-image:url(images/icon-specialist-over.png); color:#000;}

#iconList li a.traffic {background-image:url(images/icon-traffic.png);}
#iconList li a:hover.traffic, #iconList li a.trafficActive {background-image:url(images/icon-traffic-over.png); color:#000;}

#contentLeft{float:left; width:694px;}

#indexBlueBox {width:326px; float:left; margin:15px 0px 0px 0px;}
#indexBlueBoxTop {background-image:url(images/box-index-top.gif); background-repeat:no-repeat; width:326px; height:23px; overflow:hidden;}
#indexBlueBoxMiddle {width:296px; background-color:#0078c9; color:#FFF; padding:0px 15px 0px 15px;}
#indexBlueBoxBottom {background-image:url(images/box-index-bottom.gif); background-repeat:no-repeat; width:326px; height:23px; overflow:hidden;}


#footer {
	width:100%;
	border-top:2px solid #a1cdeb;
	clear:both;
}

#footerContent {
	width:910px;
	padding:13px 20px 0px 20px;
	margin:auto;
	border-top:2px solid #0078c9;
	position:relative;
	top:-2px;
}

div.tel {float:left; border-right:1px solid #CCC; padding:5px 25px 5px 25px; font-size:1.4em; color:#333;}
div.accreditations {float:left; padding:0px 0px 0px 23px;}
div.telfirst {padding-left:0px;}

#breadcrumb {font-size:1.1em; color:#333; padding:10px 0px 10px 0px;}

#contactLeft{float:left; width:505px; clear:both;}
#contactRight{float:right; width:356px; padding:0px 0px 0px 20px; margin:20px 0px 0px 0px; border-left:1px solid #e9e9e9;}

#contactForm {width:326px; float:left; margin:15px 0px 0px 0px;}
#contactFormTop {background-image:url(images/box-index-top.gif); background-repeat:no-repeat; width:326px; height:23px; overflow:hidden;}
#contactFormMiddle {width:296px; background-color:#0078c9; padding:0px 15px 0px 15px;}
#contactFormBottom {background-image:url(images/box-index-bottom.gif); background-repeat:no-repeat; width:326px; height:23px; overflow:hidden;}

#smIcons {float:right; text-align:center; width:326px; margin:15px 0px 10px 0px;}
#smIcons2 {clear:left; float:left; text-align:center; width:326px; margin:15px 0px 10px 0px;}
	

/*END TEMPLATE LAYOUT STYLES*/

/*##########################################################################################*/

img{border:0px;}
img.border {border: 3px solid #FFF;}

img.logo {float:left; padding:10px 0px 0px 20px;}
img.newsThumbIndex {border: 3px solid #FFF; margin:0px 6px 10px 0px;}
img.newsThumb {border: 3px solid #FFF; margin:0px 6px 10px 0px;}
img.newsItem{margin:10px; border: 3px solid #CCC;}
img.spotlightThumb {border-right: 2px solid #CCC; padding-right:8px; margin:0px 6px 10px 0px;}

img.banner {margin-top:15px;}
img.SMicon {margin:0px 10px 0px 10px;}
img.SMiconFirst {margin:0px 10px 0px 0px;}
img.SMiconLast {margin:0px 0px 0px 10px;}

div.market img {margin:5px 0px 5px 0px;}

.marginT {margin-top:10px;}
.marginR {margin-right:10px}
.marginB {margin-bottom:10px;}
.marginL {margin-left:10px;}
.alignleft {float:left;}
.alignright{float:right;}
.clear {clear:both;}


/*START CONTENT STYLES*/

a:link, a:visited { color: #0078c9;	text-decoration: underline; background-color:inherit;}
a:active, a:hover { color: #41a76c; text-decoration: underline; background-color:inherit;}

#indexBlueBox a:link, #indexBlueBox a:visited {color: #FFF;	text-decoration: none; background-color:inherit;}
#indexBlueBox a:active, #indexBlueBox a:hover {color: #FFF;	text-decoration: underline; background-color:inherit;}

#indexBlueBox a:link.black, #indexBlueBox a:visited.black {color: #000;	text-decoration: none; font-weight:normal; background-color:inherit; line-height:24px;}
#indexBlueBox a:active.black, #indexBlueBox a:hover.black {color: #000;	text-decoration: underline; background-color:inherit;}

#breadcrumb a:link, #breadcrumb  a:visited{ color: #0078c9;	text-decoration: none; background-color:inherit;}
#breadcrumb a:active, #breadcrumb a:hover { color: #41a76c; text-decoration: underline; background-color:inherit;}


h1 {font-size: 1.8em; font-weight: bold; color: #0078c9; background-color:inherit;}
h2 {font-size: 1.6em; font-weight: bold; color: #0078c9; background-color:inherit; padding:10px 0px 10px 0px;}
h2 span {font-size: 0.8em;}
h3 {font-size: 1.5em; font-weight: bold; color: #0078c9; background-color:inherit; padding:10px 0px 10px 0px;}
h3 span {font-size: 0.8em;}

h4 {font-size: 1.4em; font-weight: bold; color: #0078c9; background-color:inherit;}
h5 {font-size: 1.3em; font-weight: bold; color: #0078c9; background-color:inherit;}
h6 {font-size: 1.2em; font-weight: bold; color: #0078c9; background-color:inherit;}

hr {
	border: solid #89c0e6 0px;
	border-top:solid #89c0e6 1px;
	height:0px;
	clear:both;
}
	

form{display:inline;}
textarea, input, select {font-family: Arial, Helvetica, sans-serif; color: #333; font-size: 11px; margin:0px 0px 5px 0px;}
.submit {background-color:#000; color:#FFF; padding:5px; border:0px; cursor:pointer;}
.submit:hover {background-color:#FFF; color:#000; padding:5px; border:0px; cursor:pointer;}
.subscribe {background-color:#000; color:#FFF; padding:5px; border:0px; cursor:pointer;}
.subscribe:hover {background-color:#FFF; color:#000; padding:5px; border:0px; cursor:pointer;}

label.error {font-weight:bold; color:#FF0000; background-color:#FFF; padding:5px 5px 5px 25px; line-height:30px; background-image: url(images/icon_error.png); background-repeat:no-repeat; background-position:5px 4px;}
input.error, textarea.error, select.error {border:1px solid #FF0000; background-color:#ffbcbc; color:#000000;}

p, td {font-size: 1.2em; font-weight: normal; color: #333; background-color:inherit; padding:10px 0px 10px 0px;}
p.welcome {font-size: 1.4em;}
#indexBlueBox p {font-size: 1.1em; font-weight: normal; color: #FFF; background-color:inherit;}
#indexBlueBox p span, #footerContent p {font-size: 1.1em;}
#signupBox p {font-size: 1.1em; font-weight: normal; color: #FFF; background-color:inherit; padding:10px 0px 10px 0px;}
#contactFormMiddle p {font-size: 1.1em; font-weight: normal; color: #FFF; background-color:inherit; padding:10px 0px 10px 0px;}
div.boxMiddle p {font-size: 1.2em; font-weight: normal; color: #FFF; background-color:inherit;}

#contentFull li {font-size: 1.2em; font-weight: normal; color: #333; background-color:inherit; list-style:square; padding:5px 0px 5px 0px;}

#contentFull ul, #contentFull ol, #contentLeft ul, #contentLeft ol {margin:0px 30px 0px 30px;}
#contentLeft ol li {list-style:decimal;}
#contentLeft li {font-size: 1.2em; font-weight: normal; color: #333; background-color:inherit; list-style:square; padding:5px 0px 5px 0px;}
#contentLeft li ul li{font-size: 1.0em; font-weight: normal; color: #333; background-color:inherit; list-style:square; padding:5px 0px 5px 0px;}

#contentLeft ul.clients {margin:0px 30px 0px 30px; float:left;}
#contentLeft ul.clients li {font-size: 1.0em; font-weight: normal; color: #333; background-color:inherit; list-style:square; padding:2px 0px 2px 0px;}

#downloadBox li {font-size:1.2em; border-bottom:1px solid #89c0e6; line-height:30px; padding:0px 6px 0px 6px; list-style:none;}
#downloadBox li a{background-image:url(images/icon_pdf.png); background-repeat:no-repeat; background-position:0px 1px; padding:0px 0px 0px 18px; text-decoration:none;}
#downloadBox li a:hover{background-image:url(images/icon_pdf.png); background-repeat:no-repeat; text-decoration:none;}


span.skype_pnh_container {display:none !important;}
span.skype_pnh_print_container {display:inline !important;} 


.blue {color:#1382cd; background-color:inherit;}
.black {color:#131313; background-color:inherit;}
.grey {color:#333; background-color:inherit;}
.date {color:#131313; background-color:inherit;}
.white{color:#FFF; background-color:inherit;}
.red {color:#FF0000; background-color:inherit;}
.purple {color:#9900ff; background-color:inherit;}
.required {color:#131313; background-color:inherit; font-weight:bold;}

.copyright{font-size:0.9em; color:#000; background-color:inherit; line-height:22px;}
.more {cursor:pointer;}
.pdf {background-image:url(images/icon_pdf_full.png); background-repeat:no-repeat; background-position:0px 0px; padding:1px 0px 3px 22px; font-weight:normal;}
.word {background-image:url(images/icon-word.png); background-repeat:no-repeat; background-position:0px 0px; padding:1px 0px 3px 22px; font-weight:normal;}


.hidden {display:none;}
.person {float:left; margin:0px 10px 10px 10px; width:150px; text-align:center;}

div.market{width:285px; float:left; margin:0px 4px 10px 4px; background-image:url(images/bg-markets.gif); background-repeat:no-repeat; font-size:1.1em; font-weight:bold; padding:0px 5px 8px 5px; }
div.market a:link, div.market a:visited {text-decoration:none;}


table.accreditations {font-size:1.1em; border:1px solid #e9e9e9}
table.accreditations td {border-bottom:1px solid #e9e9e9; padding:20px 0px 20px 0px;}

table.downloads {border:1px solid #e9e9e9;}
table.downloads th {background-color:#0078c9; font-size: 1.2em; font-weight: bold; color: #FFF; padding:10px 10px 10px 10px;}
table.downloads td {background-color:#f4f4f4; color:inherit; border-bottom:1px solid #e9e9e9; padding:10px 10px 10px 10px;}
table.downloads td.last {background-color:#f4f4f4; color:inherit; border-bottom:0px solid #e9e9e9;}

div.news {margin:5px 10px 5px 10px; width:430px; height:101px; float:left; background-image:url(images/bg-news.jpg); background-repeat:no-repeat;}
div.newsContent {padding:0px 10px 10px 10px;}
div.date {background-color:#0078c9; width:50px; padding:5px; margin:0px 0px 0px 20px; float:right; margin:5px;}
span.day {font-size:18px; float:left; color:#FFF; background-color:inherit; padding:0px 3px 0px 3px;}
span.month {font-size:11px; text-transform:uppercase; float:left; color:#FFF; background-color:inherit; font-weight:bold; line-height:8px; padding:4px 0px 0px 0px;}
span.year {font-size:10px; float:left; color:#c7c8c9; background-color:inherit; font-weight:bold;}

div.spotlight {margin:10px 10px 5px 10px; width:674px; height:95px; background-image:url(images/bg-spotlight.jpg); background-repeat:no-repeat;}
div.spotlightContent {padding:0px 10px 10px 10px;}
div.spotlightContent a:link, div.spotlightContent a:visited {text-decoration:none;}

#signupBox {width:170px; float:left; margin:20px 0px 20px 0px;}
#signupBoxTop {background-image:url(images/bg-box-signup-top.gif); background-repeat:no-repeat; width:170px; height:14px; overflow:hidden;}
#signupBoxMiddle {padding:10px 10px 10px 10px; width:150px; background-color:#0078c9; color:#FFF;}
#signupBoxBottom {background-image:url(images/bg-box-signup-bottom.gif); background-repeat:no-repeat; width:170px; height:14px; overflow:hidden;}




div.contactL {float:left; margin:0px 25px 0px 0px;}
div.contactR {float:left;}
div.contactR span {padding:3px 0px 10px 0px; line-height:13px; float:left; font-size:1.2em; color: #333; background-color:inherit;}
.contactBlock{
	border:solid 1px #FFF;
	display:inline;
	width:13px;
	height:13px;
	float:left;
	background-color:#0078c9;
	padding:3px;
	margin-top:0px;
	margin-bottom:6px;
	margin-right:5px;
	text-align:center;
	font-size: 13px;
	font-weight:normal;
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:13px;
	clear:left;
}

div.box {width:694px; float:left; margin:15px 0px 15px 0px;}
div.boxTop {background-image:url(images/bg-box-top.gif); background-repeat:no-repeat; width:694px; height:25px; overflow:hidden;}
div.boxMiddle {width:664px; background-color:#0078c9; color:#FFF; padding:0px 15px 0px 15px;}
div.boxBottom {background-image:url(images/bg-box-bottom.gif); background-repeat:no-repeat; width:694px; height:25px; overflow:hidden;}

div.office{background-image:url(images/bg-box-contact-middle.gif); background-repeat:repeat-y; width:489px; min-height:190px; margin-top:10px;}
div.officeTop {background-image:url(images/bg-box-contact-top.gif); background-repeat:no-repeat; width:489px; height:24px; overflow:hidden;}
div.officeMiddle {width:459px; padding:0px 15px 0px 15px;}
div.officeBottom {background-image:url(images/bg-box-contact-bottom.gif); background-repeat:no-repeat; width:489px; height:24px; overflow:hidden;}




/*##########################################################################################*/
/*FEATURE AREA STYLES*/
/*##########################################################################################*/

/*div.feature {position:relative; top:-18px;}

.js .carousel-wrap{display:inline-block; vertical-align:middle; width:694px; height:237px;}
#contentLeft div.carousel ul {margin:0px 0px 0px 0px;}
.carousel ul{margin:0;padding:0;zoom:1;}
.js ul li{overflow:hidden; display:inline; float:left; width:694px; height:237px; text-align:center;}

.carousel .carousel-control{overflow:hidden; display:block; width:27px; height:27px; cursor:pointer; line-height:999px; zoom:1; margin:auto; text-align:right;}
.carousel .carousel-next{background:url(images/btn-next.gif) 0 0 no-repeat;  position:relative; top:1px; left:326px;}
.carousel .carousel-previous{background:url(images/btn-back.gif) 0 0 no-repeat; position:relative; top:275px; left:300px;}

.carousel .carousel-control:hover{}
.carousel .disabled, .carousel .disabled:hover{-moz-opacity:.5;opacity:0.50;filter:alpha(opacity=50);cursor:default;}

div.carousel {margin:0;padding:0;border:0;}
.carousel ul{padding:0; margin:0; list-style:none;}
.carousel ul li{position:relative; width:694px; margin:0;}*/

#bannerIndex {	margin:15px 0px 15px 0px; position: relative}

.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { width: 545px; padding: 10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }


/*##########################################################################################*/
/*END FEATURE AREA STYLES*/
/*##########################################################################################*/

/*##########################################################################################*/
/*TWITTER BOX INDEX STYLES*/
/*##########################################################################################*/


#twitter {float:right; background-image:url(images/bg-twitter.gif); background-repeat:no-repeat; width:326px; height:179px; float:right; margin:15px 0px 0px 0px;}
#twitterContent {
	width:286;
	padding:28px 20px 20px 20px;
	color:#0078c9;
	background-color:inherit;
}
#twitterContent span.content {font-size:1.2em; color:#0078c9;}
#twitterContent span.name {padding:0px 0px 0px 27px; font-size:1.2em;}
#twitterContent span.time {font-size:1.0em;}
#twitterContent a:link, #twitterContent a:visited { color: #000; text-decoration: underline; background-color:inherit;}
#twitterContent a:active, #twitterContent a:hover { color: #000; text-decoration: underline; background-color:inherit;}

/*##########################################################################################*/
/*END TWITTER BOX INDEX STYLES*/
/*##########################################################################################*/

/*##########################################################################################*/
/*TWITTER RHHP BOX INDEX STYLES*/
/*##########################################################################################*/


#twitterRHHP {float:right; background-image:url(images/bg-twitter-rhhp.gif); background-repeat:no-repeat; width:326px; height:215px; float:right; margin:0px 0px 10px 0px;}
#twitterContentRHHP {
	width:206px;
	padding:35px 10px 20px 110px;
	color:#0078c9;
	background-color:inherit;
}
#twitterContentRHHP span.content {font-size:1.2em; color:#666;}
#twitterContentRHHP span.name {padding:0px 0px 10px 18px; font-size:1.2em;}
#twitterContentRHHP span.time {font-size:1.0em;}
#twitterContentRHHP a:link, #twitterContent a:visited { color: #000; text-decoration: underline; background-color:inherit;}
#twitterContentRHHP a:active, #twitterContent a:hover { color: #000; text-decoration: underline; background-color:inherit;}

/*##########################################################################################*/
/*END TWITTER RHHP BOX INDEX STYLES*/
/*##########################################################################################*/



ul.latestnewsIntranet { margin:20px 20px 20px 20px;}
ul.latestnewsIntrane li {font-size: 1.1em; font-weight: normal; color: #333; background-color:inherit;}