body {margin: 0 0 10px 0; padding: 0 0 0px 0; color: #808080; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 150%; font-size: 76%; background-color: #fff;}

html,body {height:100%;} 
a img {border: 0;} 

/* h1 {} */
h2 {margin: 0 0 5px 0;padding: 10px; font-size: 1.2em; background-color: #223438; color:#fff; font-weight:normal; clear:both;}
h3 {margin: 0 0 12px 0; padding: 7px 9px 7px 9px; font-size: 1.2em; color:#fff; font-weight:normal; background-color: #2d7b8f;} 
h4 {margin: 0;padding: 10px 10px 0 10px; font-size: 1.2em; color:#fff;}
h5 {margin: 0;padding: 10px; font-size: 1.2em; background-color: #42abcb; color:#fff; font-weight:normal; clear:both;}

span {color: #9D081A;}
a {color: #42ABCC;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}



#wrapper {margin: 0 auto; padding: 0; text-align: left; width: 800px; background-color:#fff;} 
#header {margin: 0; padding: 0;}

.logo {margin: 0 0 22px 0; padding: 0; float:left; width: 282px;}


/*menu*/
#left-menu, #right-menu {margin: 48px 0 0 0; padding: 0; float:left; width: 257px; overflow:hidden;}
#right-menu { float:right;}

#left-menu ul, #right-menu ul {margin: 0; padding: 0;}
#left-menu li, #right-menu li {margin:  0 0 4px 0; padding: 0; float:left; list-style-type:none;}

#left-menu li.list1 {background:transparent url(../images/button-about-us-up.jpg); width: 257px;}
#left-menu li.list2 {background:transparent url(../images/button-building-services-up.jpg); width: 257px;}
#left-menu li.list3 {background:transparent url(../images/button-low-carbon-up.jpg); width: 257px;}
#left-menu li.list4 {background:transparent url(../images/button-energy-performance-up.jpg); width: 257px;}

#right-menu li.list5 {background:transparent url(../images/button-due-diligence-up-23.jpg); width: 257px;}
#right-menu li.list6 {background:transparent url(../images/button-dynamic-simulation-up.jpg); width: 257px;}
#right-menu li.list7 {background:transparent url(../images/button-L2-calculations-up.jpg);  width: 257px;}
#right-menu li.list8 {background:transparent url(../images/button-contact-us-up.jpg); width: 257px;}

#left-menu a, #right-menu a {margin: 0; overflow:hidden; display:block; padding-top: 30px; height: 0;}

#left-menu a#item1 {background:transparent url(../images/button-about-us-over.jpg) -130px -90px no-repeat;}
#left-menu a#item2 {background:transparent url(../images/button-building-services-over.jpg) -130px -90px no-repeat;}
#left-menu a#item3 {background:transparent url(../images/button-low-carbon-over.jpg) -130px -90px no-repeat;}
#left-menu a#item4 {background:transparent url(../images/button-energy-performance-over.jpg) -130px -90px no-repeat;}

#right-menu a#item5 {background:transparent url(../images/button-due-diligence-over-23.jpg) -130px -90px no-repeat;}
#right-menu a#item6 {background:transparent url(../images/button-dynamic-simulation-over.jpg) -130px -90px no-repeat;}
#right-menu a#item7 {background:transparent url(../images/button-L2-calculations-over.jpg) -130px -90px no-repeat;}
#right-menu a#item8 {background:transparent url(../images/button-contact-us-over.jpg) -130px -90px no-repeat;}

#left-menu a#item1:hover, #left-menu a#item2:hover, #left-menu a#item3:hover, #left-menu a#item4:hover, #right-menu a#item5:hover, #right-menu a#item6:hover, #right-menu a#item7:hover,  
 #right-menu a#item8:hover {background-position:0 0; z-index:50;}
* html #left-menu a:hover, * html #right-menu a:hover {height:30px;}

#left-menu li.list1 .over {background:transparent url(../images/button-about-us-over.jpg);}
#left-menu li.list2 .over {background:transparent url(../images/button-building-services-over.jpg);}
#left-menu li.list3 .over {background:transparent url(../images/button-low-carbon-over.jpg);}
#left-menu li.list4 .over {background:transparent url(../images/button-energy-performance-over.jpg);}

#right-menu li.list5 .over {background:transparent url(../images/button-due-diligence-over.jpg);}
#right-menu li.list6 .over {background:transparent url(../images/button-dynamic-simulation-over.jpg);}
#right-menu li.list7 .over {background:transparent url(../images/button-L2-calculations-over.jpg);}
#right-menu li.list8 .over {background:transparent url(../images/button-contact-us-over.jpg);}
/*menu*/

/*intro*/
#intro {margin: 0; padding: 0; background:url(../images/intro-background.jpg); width: 800px; height: 253px; float:left; clear:both; color: #fff;}
.index-title {margin: 0; padding: 48px 0 0 38px;}
#intro p {margin: 30px 0 0 0; padding: 0 0 0 38px; width: 385px; line-height: 160%;}
/*intro*/

/*tabs*/
#tabs {margin: 4px 0  4px 0; padding: 0; float:left;}
#tabs ul {margin: 0; padding: 0;}
#tabs li, .last {margin:  0 4px 0 0; padding: 0; list-style-type:none; float:left; width: 197px;}
.last {margin: 0 !important; float:right; width: 197px;}
#tabs img {margin: 0; padding: 0; display: block;}
/*tabs*/

/*content*/
#content {margin: 0; padding: 0 ; background-color: #2F4951; color:#fff; float:left; clear:both;}

.main-title {margin: 0 0 30px 0; padding: 0; overflow: hidden;}
.page-intro {margin: 0; padding: 0 0 10px 9px; color: #42ABCC; font-size: 1.4em; width: 345px; line-height: 150%; float: left;}
.error-intro {margin: 0; padding: 0 0 10px 0px; color: #42ABCC; font-size: 1.4em; width: 550px; line-height: 150%; float: left;}

#page-introlist {
	color: #42ABCC;
	font-size: 1.4em;
	width: 345px;
}
#page-introlist ul {
	margin: 0;
	padding: 0 0 10px 9px;
	color: #42ABCC;
	width: 345px;
	line-height: 150%;
}


#left {margin: 0; padding: 0 7px 0px 27px; float:left; width: 366px;} 
#right {margin: 0; padding: 0px 27px 0px 7px; float:right; width: 366px;}  

#left p, #right p, .text-with-image  {margin: 0 0 0px 0  !important; padding: 10px 6px 10px 6px !important;}
.text-with-image {margin-right: 0;}

.box, .boxpad {
	margin: 0 0 14px 0;
	padding: 4px 4px 19px 4px;
	background-color: #42ABCC;
}
.boxpad {margin: 0 0 5px 0;}
.box ul, .boxpad ul {margin: 0; padding:0;}
.box li, .boxpad li {margin: 0 0 0 25px; padding: 0;}

.full-box {margin: 0; padding: 14px 0px 10px 0px; background-color: #223438; float:left; width: 100%;}
.full-box-left ul, .full-box-right ul {margin: 0; padding:0;}
.full-box-left li, .full-box-right li {margin: 0 0 0 25px; padding: 0;}

.full-box-left {margin: 0; padding: 0; float:left; width:366px;}
.full-box-right {margin: 0; padding: 0; float:right;  width:366px;}

#sub-menu {margin: 0 0 15px 0; padding:  0 27px 0 27px; overflow:hidden; width: 746px;} 
#sub-menu ul {margin: 0; padding:0;}
#sub-menu li, .over {margin: 0; padding:0; list-style-type:none; float:left; width: 124px;}
#sub-menu li a{margin: 0; padding: 10px 0 8px 17px; text-decoration:none; background-color: #223438; display:block; color:#fff;}
#sub-menu li a:hover {text-decoration:none; background-color: #42aacd;}
#sub-menu li .over {background-color: #42aacd;}

ul {
	margin: 0;
	padding: 0 0 0 9px;
}
li {margin: 0 0 0 25px; padding: 0;}
.red-bar {margin: 0; padding: 0px 0 0 0;  background-color: #2e4950; display: block;}
.right-image {margin: 0 0 20px 0; padding: 0;}
.right-logo {margin: 0 0 15px 0 !important; padding: 0 0 0 25px; float:right;}
.full-column {
	margin: 0 0 5px 0;
	padding: 0 27px 10px 27px;
	float:left;
	width: 746px;
}


#right .dynamic{margin: 0; padding: 0; float:left; }
.dynamic li {margin: 4px 0 0 0px; padding: 0; list-style:none}

#banner {
	margin: 0 auto;
	padding: 18px 0px 18px 0px;
	float:left;
	text-align:center;
	width: 746px;
}

#banner2 {
	margin: 10px 0 0px 0;
	padding: 0px 0px 25px 0px;
	float:left;
	width:800px;
	text-align:center;
}


#formwrapper {
	width:650px;
}

#enquiryform {
	background-color:#42ABCC;
	margin: 10px 27px 10px 27px;
	padding: 15px 10px 25px 30px;
	float:left;
	width:706px;
	text-align:left;
}

#enquiryform a {
	color: #fff;
	text-decoration:underline;
}

#enquiryforma:hover {color: #fff;text-decoration:underline;}

/*content*/


/*footer*/
#footer {margin: 0; padding: 0 0 0 0;}
.info {margin: 20px 0 0 30px; padding: 0; float:left; line-height: 150%; font-size:14px; width:60%}
.info p {margin: 20px 0 0 0; padding: 0;  line-height: 150%; font-size:11px;}
.info a {margin: 0; padding: 0; text-decoration:none; color: #808080;} 
.info a:hover {margin: 0; padding: 0; text-decoration:underline;}
.info span {margin: 0; padding: 0; font-weight:bold;}
.fax {margin: 0 0 0 10px !important; padding: 0;}
.footer-logos {margin: 0; padding: 0; float:right;}
.footer-wensley-logo {width: 193px; margin-right: 20px;}
.footer-wensley-logo img {width: 96%; margin-top:12px;}
.footer-logos ul {margin: 0; padding: 0;}
.footer-logos li {margin: 0; padding: 0; list-style-type:none; float:left;}
/*footer*/