@charset "UTF-8";

body { behavior: url("../csshover3.htc"); } 

body, html { margin:0; padding:0}
#wrapper {
	font-family: Arial, Helvetica, sans-serif;

	width: 904px;
	margin: 10px auto;
	background:url(../images/bg_right_col.png) top right repeat-y;
}
#container {
	width: 904px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/green.jpg);
	background-repeat: no-repeat;
	background-position: 684px bottom;
}

.news_date { font-size:14px; color: #ACC236; float:right; padding-right:10px; }

sup { font-size:70%; line-height:70% }


#flash_alt {
height:192px;
}
#flash_alt1 {
 height:240px;
}

#container #leftCol p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	margin:0 0 10px 0; padding:0 0 0 0;
}
#content p {
	color: #657B99;
}
#content ul {
	color: #657B99;
	font-size: 12px;
	line-height: 16px;
	margin: 0px 0 10px 0;
	padding: 0px;

}
#content ul li {
	margin: 0px 10px 6px 15px;
	padding: 0px;
}


#content img.image_flowrRight {
	float:right; padding:0 0 5px 10px;
}
#content img.image_flowrLeft {
	float:left; padding:0 10px 5px 0;
}

#masthead {
background:#FFFFFF;
	margin: 0px;
	padding: 0 0 22px 0;
	float: left;
	width: 904px;
}
div#content { margin:27px 0 15px 245px; width:424px;
}
_div#content { margin:6px 0 7px 245px; width:424px;
}
*div#content { margin:2px 0 7px 245px; width:424px;
}
/* A LINKS */
div#content a:link, div#content a:visited { 
	color: #71813d;
 text-decoration: none; font-weight:normal;
	}
_div#content a:link, _div#content a:visited { 
	font-weight:bold;
	}
*div#content a:link, *div#content a:visited { 
	font-weight:bold;
	}
div#rightCol a:link, div#rightCol a:visited { 
	color: #71813d;
 text-decoration: none; font-weight:bold;
	}
div#content a:hover, div#rightCol a:hover {
	text-decoration: underline;
	}
div#news_content a:link, div#news_content a:visited { 
	color: #71813d;
 text-decoration: none; font-weight:bold;
	}



h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px; line-height:110%;
	font-weight: normal;
	color: #99A5B8;
	margin: 0px 0px 10px 0;
	padding:25px 0 0 0;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 25px; line-height:110%;
	font-weight: normal;
	color: #99A5B8;
	margin: 0px 0px 10px 0;
	padding:25px 0 0 0;
}
.mastLeft {
	float: left;
	width: 732px;
	padding-top: 45px;
}
.mastRight {
	float: right;
	width: 168px;
}
#leftCol {
	margin: 0px;
	padding: 242px 0 0 0;
	float: left;
	width: 685px;
	background-image: url(../images/mainImage.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#rightCol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #90a422;
	margin: 0px;
	padding: 0 0 50px 0;
	float: left;
	width: 218px;
	background-color: #dbe2a7;
}
#rightCol p {
	margin: 0px;
	padding: 0px 15px 6px 15px;
}
#rightCol ul {
	margin: 0px 0 10px 15px;
	padding: 0px;
}
#rightCol ul li {
	margin: 0px 10px 6px 15px;
	padding: 0px;
}
#rightCol hr {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #F1F3DC;
	border-left: 0px;
	line-height: 0px;
	height: 1px;
	margin:5px 15px 10px 15px;
	padding:0;
}

#news_content {	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #90a422;
	margin: 0px;
	padding: 0 0 50px 0;
	float: left;
	width: 218px;
	background-color: #dbe2a7;

}
#news_frame { width:100%; height:500px;}

#news_content p {
	margin: 0px;
	padding: 0px 15px 6px 15px;
}
#news_content ul {
	margin: 0px 0 10px 15px;
	padding: 0px;
}
#news_content ul li {
	margin: 0px 10px 6px 15px;
	padding: 0px;
}
#news_content hr {
	border-top: 0px;
	border-right: 0px;
	border-bottom: 1px solid #F1F3DC;
	border-left: 0px;
	line-height: 0px;
	height: 1px;
	margin:5px 15px 10px 15px;
	padding:0;
}



#nav {
	float: left;
	width: 684px;
	list-style: none;
	margin: 0px;
	padding: 10px 0 0 46px;
	background: #FFCB2D;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0;
}
#nav a {
	float: left;
	display: block;
	margin: 0;
	color: #990000;
	text-decoration: none;
}
#twoCol {
	margin: 0px;
	padding: 0px;
	clear: both;
	float: left;
}
/* common styling */
.menu {
	font-family: Arial, Helvetica, sans-serif;
	width:684px;
	font-size:15px;
	z-index:100;
	position: relative;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ACC236;
	width: 202px;
	margin: 0px;
	padding: 3px 2px 4px 15px;
	border-top: 2px solid #FFFFFF;
}
h3.news { margin-bottom:10px;
}

.size14 {	font-size: 14px;
}
h4 {
	margin: 0px;
	font-size: 14px;
	padding: 0 2px 10px 15px;
	font-family: Arial, Helvetica, sans-serif;
	color: #71813d;
}
h5 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #ACC236;
	margin: 0px;
	padding: 0 0 6px 0;
}

div#newslist a.newslink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #ACC236;
	width: 202px;
	margin: 0 0 10px 0;
	padding: 3px 2px 4px 15px;
	border-top: 2px solid #FFFFFF;
	display:block;
	text-decoration:none;
}
div#newslist a.newslink:hover {
	background-color: #71813d;
	text-decoration:none;
}


body#news div#newslist a.newslink {
	color: #FFFFFF;
	background-color: #71813d;
}

ul.newslist {
margin:0; padding:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #657B99;
}
ul.newslist li {
margin:0 0 10px 14px; padding:0
}

	
	

/*.menu ul li a, .menu ul li a:visited { */
.menu ul li a {
	display:block;
	text-decoration:none;
	width:112px;
	height:23px;
	text-align:center;
	color:#fff;
	background:#779BAC url(../images/bttnBack.jpg) no-repeat 0px 0px;
	line-height:20px;
	font-size:14px;
	overflow:hidden;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #fff;
	font-weight: bold;
} 
.menu ul {
	padding:0; 
	margin:0; 
	list-style: none;
} 
.menu ul li {
	float:left;
	position:relative;
} 
.menu ul li ul {
	display: none;
}  

.menu ul li:hover a, body#home ul li a.home, body#about ul li a.about, body#people ul li a.people, body#contact ul li a.contact, body#services ul li a.services,  body#sectors ul li a.sectors, 
body#services ul.geo li ul li a.geo, body#services ul.civil li ul li a.civil, body#services ul.structural li ul li a.structural,
body#sectors ul.commercial li ul li a.commercial, body#sectors ul.retail li ul li a.retail, body#sectors ul.industrial li ul li a.industrial, body#sectors ul.leisure li ul li a.leisure, body#sectors ul.residential li ul li a.residential, body#sectors ul.public li ul li a.public 
 {
	color:#fff;
	background:#acc236;
}



/* specific to non IE browsers
.menu ul li:hover a, body#home .home a, body#sectors li.sect li.commercial a, body#sectors li.sect a {
	color:#fff;
	background:#acc236;
}
body#sectors li.sect li.industrial a, body#sectors li.sect li.leisure a, body#sectors li.sect li.residential a, body#sectors li.sect li.public a {
	color:#71813d;
	background:#dbe2a7;
}
body#sectors li.sect li.industrial a:hover, body#sectors li.sect li.leisure a:hover, body#sectors li.sect li.residential a:hover, body#sectors li.sect li.public a:hover {
	color:#fff;
	background:#acc236;
} */
.menu ul li:hover ul {
	display:block;
	position:absolute;
	top:23px;
	left:0;
	width:112px;
}
.menu ul li:hover ul li a.hide {background:#dbe2a7; color:#71813d;}
.menu ul li:hover ul li:hover a.hide {
	background:#acc236;
	color:#71813d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.menu ul li:hover ul li ul {
	display: none;
}
.menu ul li:hover ul li a {
	display:block;
	background:#dbe2a7;
	color:#71813d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 3px 0px 2px 8px;
	width: 106px;
	font-weight: normal;
}
.menu ul li:hover ul.wider li a {
	display:block;
	background:#dbe2a7;
	color:#71813d;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	padding: 3px 0px 2px 8px;
	width: 140px;
	font-weight: normal;
}
div.menu ul li:hover ul li a:hover {background:#acc236; color:#fff;} 
*div.menu ul li ul li a:hover {background:#acc236; color:#fff;}


.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}





#outer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:18px;
	color: #99A5B8;
	width: 226px;
	margin:0 0 0 0; padding:15px 0 0 0;
}
#outer a {
	color: #99A5B8;
	text-decoration:none;
	margin:0; padding:0;
}
#outer a:hover {
	color: #617799;
	font-weight: bold;
  }

#outer .title  {
	line-height:22px;
    background: url(../images/arrows.jpg) 0 1px no-repeat;
	font-weight: bold;
	margin:0 0 3px 0;;
	padding:0 5px 5px 20px;
}

#outer ol  {
margin:0; padding:0;
}
#outer ol li {
margin-left:20px;
*margin-left:24px;
}

#outer p  { margin:0; padding:0;

}

#outer li a img {
	border:0;

  }
#nav_frame {
float:left;
width:226px; height:200px; 

}
 


/*div#backbutton { margin:27px 0 15px 245px; float:right;
}
_div#backbutton { margin:6px 0 7px 245px; 
}
*div#backbutton { margin:2px 0 7px 245px; 
}
*/
div#backbutton { margin:27px 0 15px 0; float:right; width:440px;

}
div#backbutton.case { margin:17px 0 15px 0; float:right; width:430px;
}

div#backbutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #657B99;

}


div#backbutton a.pageNums {
	margin:0; padding:0;
	color: #657B99;
	text-decoration:none;
}
div#backbutton a.pageNums:hover {
	text-decoration: underline;
}
	




#footer {
	background-color: #bbc5d2;
	height: 5px;
	width: 902px;
	clear: both;
}

#image {
width:228px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 2px;
	float: left;
}
.detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #99A5B8;
	margin: 0px;
	padding: 0 0 0 245px;
	line-height: 16px;
}
#casestudy {
	background-color: #364c6f;
	width: 684px;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #FFFFFF;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
	padding: 0px;
	display: block;
	float: left;
	margin-top: 24px;
}
_div#casestudy {
	width: 684px;
}
*div#casestudy {
	width: 683px;
}
#casestudy h2 {
	padding-bottom: 4px;
	padding-top: 22px;
}
#container #casestudy p {
	color:#FFFFFF;
	padding:0 20px 0 0px;
}
#caseimage {
	float: left;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 4px;
}
#casestudy a {
	background-image: url(../images/bluArrow.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top: 0px;
	padding-left: 13px;
	margin: 20px 0px 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	color: #FFFFFF;
	text-decoration: none;
}
#casestudy a:hover {
	text-decoration: underline;
}