/* cmsms stylesheet: stylesheet modified: 06/18/21 16:51:27 */
@charset "UTF-8";
/* CSS Document */

* { margin: 0;
outline: 0 none;
padding: 0;
}

/* =RESET
-------------------------------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clear{
	clear:both;
}

@font-face {
    font-family: 'UniversLTStd55Roman';
    src: url('../../fonts/universal_light-webfont.eot');
    src: url('../../fonts/universal_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/universal_light-webfont.woff') format('woff'),
         url('../../fonts/universal_light-webfont.ttf') format('truetype'),
         url('../../fonts/universal_light-webfont.svg#UniversLTStd55Roman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'ITCAvantGardeGothicBook';
    src: url('../../fonts/avantgardebook-webfont.eot');
    src: url('../../fonts/avantgardebook-webfont.eot?#iefix') format('embedded-opentype'),
         url('../../fonts/avantgardebook-webfont.woff') format('woff'),
         url('../../fonts/avantgardebook-webfont.ttf') format('truetype'),
         url('../../fonts/avantgardebook-webfont.svg#ITCAvantGardeGothicBook') format('svg');
    font-weight: normal;
    font-style: normal;

}




body 						{ margin: 0; padding: 0 ; font-family: Helvetica, sans-serif; font-size: 15px; background: #e5e1d2 url(../../images/bgGrad.jpg) top repeat-x;  }
* 							{ margin: 0; padding: 0; outline: 0}
a img 						{ border: 0}
.clear 						{ clear: both;}

h1							{ color: #088905; font-weight: normal; font-size: 45px; margin: 0 0 10px 0; padding: 0;  }
h2							{ color: #088905; font-size: 26px; margin: 5px 0 20px 0; padding: 0; font-weight: normal;  }
h2.strapline				{ font-family: 'ITCAvantGardeGothicBook', sans-serif; color: #fff; font-size: 17px; font-weight: normal; margin: 13px 0 0 104px; float: left; display: inline; }
h3							{ color: #088905; font-size: 20px; margin: 5px 0 0 0; padding: 0; font-weight: normal; }
h4							{ color: #088905; font-size: 14px; font-weight: normal; margin: 5px 0; padding: 0;}
h5							{ color: #088905; font-size: 16px; font-weight: bold; margin: 5px 0; padding: 0;}
h6							{ color: #088905; font-size: 15px; font-weight: bold; margin: 5px 0; padding: 0;}
p							{ font-family: Helvetica, sans-serif; color: #6b6b6b; font-size: 14px; line-height: 22px; margin: 0; padding: 5px 0 ; text-align: left; font-weight: normal}
strong						{ color: #088905; text-decoration: none; }
a							{ color: #088905; font-weight: normal; text-decoration: none; font-size: 14px; }
a:hover						{ color: #088905; text-decoration: underline; }
ul, ol						{ margin: 10px 0 20px 30px; padding: 0; }
ul li						{ list-style: disc; color: #6b6b6b; font-size: 13px; margin: 3px 0 3px 0; padding: 0; }
ol li						{ list-style: decimal;  color: #6b6b6b; font-size: 13px; margin: 3px 0 3px 0; padding: 0; }
blockquote					{ font-size: 13px; color:#6b6b6b; font-style: italic; line-height: 20px; }
cite						{ font-size: 13px; color:#6b6b6b; font-style: normal;  margin: 0 0 20px 0; font-weight: bold;  } 
a.backlink					{ color: #088905; font-size: 14px; text-decoration: underline; margin: 20px 0 0 0; float: left;  }		
a.backlink:hover			{ text-decoration: none;  }		
div.address					{ width: 150px; float: left; margin: 10px 0 0 0 }

/* TOP */
div.purplebar				{ width: 100%; height: 9px; background: #1ba318; }
div.wrapper					{ width: 925px; height: auto; margin: 0 auto; padding: 0 0; position: relative; background: url(../../images/whiteGradY.gif) center repeat-y;  } 
div.topsection				{ width: 891px; height: auto; margin: 0 auto; padding: 0 17px; position: relative;   }
div.top 					{ width: 891px; height: 110px; margin: 0 auto 17px auto; position: relative; z-index: 2; padding: 0;  }
div.top h1					{ margin: 0; }
h1 a.logo					{ float:left; margin: 16px 20px 0 20px; background: url(../../images/logo.jpg) top no-repeat; text-indent:-9999px; width: 300px; height: 96px; display: block;  }

div.rightsection					{ float: right; width: 300px; height: auto; text-align: right; margin: 30px 20px 0 0; }
div.rightsection p				{ font-family: Helvetica, sans-serif; color: #1BA318; font-size: 17px; text-align: right; font-style: italic; line-height: 30px }
div.rightsection p strong		{ color: #545454; font-size: 31px; font-family: Helvetica, sans-serif; font-weight: lighter;  }	


div.topnav					{ z-index: 2; width: 891px; position: relative; display: block; margin: 0 auto 20px auto; height: 48px; background: url(../../images/menuGrad.jpg) repeat-x; -moz-box-shadow: 0 2px 2px #ccc; -webkit-box-shadow: 0 2px 2px #ccc; box-shadow: 0 2px 2px #ccc; border-radius: 10px; 	-moz-border-radius: 10px; -webkit-border-radius: 10px;  }
div.topnav ul				{ float: left; width: auto; position: relative; display: block; margin: 0; height: 48px; }
div.topnav ul li			{ list-style: none; float: left; margin: 0; width: auto; padding: 0; }
div.topnav ul li a			{ font-family: Arial, Helvetica, sans-serif; font-size: 14px; padding: 0 15px; margin: 0 0; color: #fff; height: 48px; display: block; line-height: 47px; border-right: 1px solid #424242; -moz-box-shadow:inset 0 0 5px #666666; -webkit-box-shadow:inset 0 0 5px #666666; box-shadow:inset 0 0 5px #666666;  }
div.topnav ul li a:hover	{ text-decoration: none;  color: #fff; background: #484848; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none;  }
div.topnav ul li a.selected	{ color: #fff; text-decoration: none; font-weight: normal; background: url(../../images/menuActive.jpg) repeat-x; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; }
div.topnav ul li a.first	{ border-radius: 10px 0 0 10px; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px;	}


.sf-menu, .sf-menu * 	{ margin: 0; padding: 0; list-style: none; }
.sf-menu 				{ line-height: 1.0; }
.sf-menu ul.submenu1 	{
	position:		absolute;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	top:			-999em;
	float:			left;
	width:			220px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul.submenu2 {
	position:		absolute;
	padding: 0 0 0 25px;
	top:			-999em;
	float:			left;
	width:			220px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul.submenu3 {
	position:		absolute;
	padding: 0 0 0 15px;
	top:			-999em;
	float:			left;
	width:			220px; /* left offset of submenus need to match (see below) */ }
.sf-menu ul li {
	padding: 0 0 0 0 !important;
	float:			left; }
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
	 }
.sf-menu li {
	float:			left;
	position:		relative; }	
.sf-menu a {
	display:		block;
	position:		relative;
	float:			left;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			48px; /* match top ul list item height */
	z-index:		2;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
	z-index:		2;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			240px; /* match ul width */
	top:			0;
	z-index:		2;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
	z-index:		2;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			240px; /* match ul width */
	top:			0;
	z-index:		2;
}

.sf-menu li li 		{ background: none; }
.sf-menu li li li 	{ background: none; }
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { outline: 0; z-index: 2; color: #fff; text-decoration: none; }

.sf-menu li:hover > a { background: #484848; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; color: #fff }
.sf-menu ul.submenu1				{  -moz-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; background: none;  }
.sf-menu ul.submenu1 li 			{ line-height: 30px; border: none; height: 35px; width: 240px; }
.sf-menu ul.submenu1 li a 		{ color: #ffffff !important; padding: 0 0 0px 15px; display: block; width: 250px; background: #484848 !important; height: 35px ; margin: 0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border: none; line-height: 33px; }
.sf-menu ul.submenu1 li a.selected	{ color: #fff !important; background: #1BA318 !important; }
.sf-menu ul.submenu1 li a:hover 	{ color: #fff !important; text-decoration: none !important; background: #1BA318 !important; }
.sf-menu ul.submenu1 li a:active	{ color: #fff !important; text-decoration: none !important; }

.sf-menu ul.submenu2				{  -moz-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; background: none;   }
.sf-menu ul.submenu2 li 			{ line-height: 30px; border: none; height: 35px; width: 240px; float: left }
.sf-menu ul.submenu2 li a 		{ color: #ffffff !important; padding: 0 0 0px 15px; display: block; width: 100%; background: #434343 !important; height: 35px ; margin: 0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border: none; line-height: 33px; border-radius: none; -moz-border-radius: none; -webkit-border-radius: none; }
.sf-menu ul.submenu2 li a.selected	{ color: #fff !important; background: #1BA318; }
.sf-menu ul.submenu2 li a:hover 	{ color: #fff !important; text-decoration: none !important; background: #1BA318 !important; }
.sf-menu ul.submenu2 li a:active	{ color: #fff !important; text-decoration: none !important; }
ul.submenu1 li:hover > a { background: #434343 !important; } 


.sf-menu ul.submenu3				{  -moz-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; background: none;   }
.sf-menu ul.submenu3 li 			{ line-height: 30px; border: none; height: 35px; width: 240px; float: left }
.sf-menu ul.submenu3 li a 		{ color: #ffffff !important; padding: 0 0 0px 15px; display: block; width: 100%; background: #2f2f2f !important; height: 35px ; margin: 0; -moz-box-shadow:none; -webkit-box-shadow:none; box-shadow:none; border: none; line-height: 33px; border-radius: none; -moz-border-radius: none; -webkit-border-radius: none; }
.sf-menu ul.submenu3 li a.selected	{ color: #fff !important; background: #1BA318; }
.sf-menu ul.submenu3 li a:hover 	{ color: #fff !important; text-decoration: none !important; background: #1BA318 !important; }
.sf-menu ul.submenu3 li a:active	{ color: #fff !important; text-decoration: none !important; }
ul.submenu1 li:hover > a { background: #434343 !important; } 



/*** arrows **/
.sf-menu a.sf-with-ul {
}
.sf-sub-indicator {
	display: none;
}
.sf-shadow {
	display: none;	
}

a.pgroup1					{ float: right; font-size: 15px; color: #bde166; text-decoration: none; text-shadow: 0px 0px 2px #000; margin: 0 25px 0 0; line-height: 46px; }
a.pgroup1:hover				{ text-decoration: none; text-shadow: none; }

div.homebanner					{ z-index: 1; width: 835px; height: 311px; padding: 27px 28px 0 28px; position: relative; margin: 0 0 50px 0; display: block; position: relative;background: url(../../images/middleGrad.jpg) top center no-repeat}
div.banner					{ z-index: 1; width: 835px; height: 234px; padding: 28px 28px 28px 28px; position: relative; margin: 0 0 20px 0; display: block; position: relative;background: url(../../images/bannerBG.jpg) top center no-repeat}
div.bannertext		{ position: absolute; top: 80px; left: 80px; color: #fff; font-family: 'ITCAvantGardeGothicBook', sans-serif; font-size: 29px; z-index: 1000 !important; }

div.bannertiles 	{ z-index: 2; width: 945px; height: 205px; background: url(../../images/tileBanner.png) top left no-repeat; margin: 0; position: absolute; top: 180px; left: -29px; }

.newsitemBig					{ display: block; margin: 20px 0; }
.newsitemBig .dateandtitle		{ color: #4f3588; font-weight: bold; font-size: 14px; }
.newsitemBig a					{ color: #414141; font-weight: bold; font-size: 14px; text-decoration: underline;  }
.newsitemBig a:hover			{ text-decoration: none; }

.mainnewsitem			{ float: left; margin: 5px 0 0 0; width: 100%; padding: 15px 0 10px 0; border-top: 1px solid #d4d4cc; }
.mainnewsitem .title	{ font-size: 14px; font-weight: bold; color: #6B6B6B;  }


div.threecol			{ background: none repeat scroll 0 0 transparent; height: auto; margin: 0 auto;
    overflow: hidden;
    padding: 0 0;
    position: relative;
    width: 925px; } 
div.threecol .leftcol	{ width: 265px; margin: 0 25px 0 0; padding: 0; height: auto; overflow: hidden; float: left; position: relative; } 
div.threecol .leftwidecol	{ width: 600px; margin: 0 25px 0 44px; padding: 0; height: auto; overflow: hidden; float: left; position: relative; display: inline; } 
div.threecol .lefthalfcol	{ width: 400px; margin: 0 25px 0 64px; padding: 0; height: auto; overflow: hidden; float: left; position: relative; display: inline; } 
div.threecol .centrecol	{ width: 355px; margin: 0 0; padding: 0; height: auto; overflow: hidden; float: left; position: relative; } 
div.threecol .rightcol	{ width: 245px; margin: 0 0; padding: 0; height: auto; overflow: hidden; float: right; position: relative; } 
div.threecol .righthalfcol	{ width: 390px; margin: 0 0; padding: 0 45px 0 0; height: auto; overflow: hidden; float: right; position: relative; } 
div.threecol .righthalfcol img	{ float: right;
margin: 10px 10px 10px 0;
max-width: 390px; height: auto; 
 } 

.widerright img { float: left;
margin: 10px 10px 10px 0;
max-width: 330px; height: auto; 
 } 

div.threecol .lefthalfcol img	{ float: left; margin: 10px 0 10px 0; max-width: 390px;} 


.contactmargin 			{ margin: 20px 0 0 0 !important; }
.googlemap				{ float: right; width: 180px; text-align: center; margin: 20px 0 0 0; }
.googlemap iframe		{ margin: 0 0 10px 0; }	


div.mainduties			{ float: left; width: 255px; }
div.mainduties h3		{ color: #3e65e3; font-size: 17px; font-weight: normal; }
div.mainduties ul		{ margin: 0 0 0 15px; padding: 0; float: left; display: inline; }
div.mainduties ul li	{ color: #6b6b6b; }

div.documentPDF a		{ float: left; color: #1f4de8; font-size: 14px; text-align: center; padding: 70px 0 0 0; width: 95px; margin: 10px 20px 0 0; background: url(../../images/pdfLink.gif) top center no-repeat; }
div.documentPDF a:hover		{ opacity:0.5; filter:alpha(opacity=50); text-decoration: none; }

div.twocol				{ width: 891px; margin: 20px 0 10px 0; padding: 0; height: auto; overflow: hidden; position: relative; } 
div.twocol .leftcol		{ width: 515px; margin: 0 20px 0 0; padding: 0; height: auto; overflow: hidden; float: left; position: relative; } 
div.twocol .rightcol	{ width: 410px; margin: 0 0; padding: 0; height: auto; overflow: hidden; float: right;  position: relative; } 

div.testimonial			{ float: left; margin: 0 0 20px 0; display: block; }

ul.sectors 					{ float: left; width: auto; position: relative; display: inline; margin: 40px 0 0 50px; padding: 0; }
ul.sectors li				{ float: left; width: auto; position: relative; display: inline; margin: 0; padding: 0; list-style: none; }
ul.sectors li a				{ float: left; width: auto; position: relative; display: inline; margin: 0 0 0 10px; padding: 20px 0 0 70px; color: #1BA318; font-size: 26px; font-weight: bolder; text-decoration: none; line-height: 20px; height: 60px; width: 150px;  }
ul.sectors li a	span		{ color: #908f8f; font-size: 14px; font-weight: normal; }
ul.sectors li a:hover		{ text-decoration: none; }
ul.sectors li a:hover span	{ text-decoration: underline; }
ul.sectors li a.eleclink 	{ background: url(../../images/eleclink.gif) left center no-repeat; margin: 0; width: 110px; }
ul.sectors li a.heatlink 	{ background: url(../../images/heatlink.gif) left center no-repeat; width: 140px; }
ul.sectors li a.solarlink 	{ background: url(../../images/solarlink.gif) left center no-repeat; border: none; width: 172px; }
ul.sectors li a.biolink 	{ background: url(../../images/biolink.gif) left center no-repeat; margin: 0; width: 110px; }


ul.rightlinks 					{ float: left; width: 245px; position: relative; display: inline; margin: 20px 0 0 0; padding: 0; }
ul.rightlinks li				{ float: left; width: auto; position: relative; display: inline; margin: 0 0 15px 0; padding: 0; list-style: none; height: 60px; }
ul.rightlinks li a				{ float: left; width: auto; position: relative; display: inline; margin: 0; padding: 10px 0 0 60px; color: #088905; font-size: 19px; font-weight: normal; text-decoration: none; line-height: 20px; height: 50px; width: 245px;  }
ul.rightlinks li a span		{ color: #908f8f; font-size: 14px; font-weight: normal; }
ul.rightlinks li a:hover		{ text-decoration: none; }
ul.rightlinks li a:hover span	{ text-decoration: underline; }

ul.rightlinks li a.caselink 	{ background: url(../../images/casestudies.jpg) left center no-repeat; }
ul.rightlinks li a.testlink 	{ background: url(../../images/testimonials.jpg) left center no-repeat; }
ul.rightlinks li a.worklink 	{ background: url(../../images/workinprogress.jpg) left center no-repeat;  }

.newsitem					{ background: url(../../images/latestnews.jpg) left top no-repeat; padding: 0 0 0 60px; float: right; width: 185px; margin: 5px 0 0 0; }
.newsitem a.newslink		{ color: #088905; font-size: 19px; font-weight: normal; text-decoration: none; display: block; margin: 0 0 5px 0; }	
.newsitem a.newslink:hover	{ text-decoration: underline; }
.newsitem .date				{ color: #908F8F; font-size: 14px; font-weight: normal; }
.newsitem .title			{ color: #908F8F; font-size: 14px; font-weight: normal; }
.newsitem .readmore			{ color: #53b750; font-size: 14px; font-weight: normal; text-decoration: underline; }
.newsitem .readmore:hover	{ text-decoration: none; }

.accreditations				{ background: #fff; margin: 40px auto 40px auto; width: 835px; height: 59px; padding: 0 0; position: relative; display: block; }
.logos						{ position: relative; }
.logos a			{ display: block; float: left;  }
.logos img			{ height: 45px; width: auto; margin: 0 3px; float: left; }
.logos a:hover		{ opacity:0.4; filter:alpha(opacity=40); }

ul.projectlist				{ float: left; margin: 20px 0; position: relative; display: block; width: 420px;  }
ul.projectlist li				{ float: left; margin: 0 0 20px 0; position: relative; display: block; width: 420px; list-style: none;  }
ul.projectlist li img		{ float: left; margin: 0 12px 0 0; position: relative; display: block; width: 73px;  }
	
ul.projectlist li a	      { color: #088905; font-size: 14px;  text-decoration: underline; margin: 5px 0 5px 0; display: block; }
ul.projectlist li a:hover	{ text-decoration: none !important; }
ul.projectlist li p { float: left; padding: 1px 0; }

div.bigtestimonial 				{ float: right; margin: 0 65px 0 0; }
div.bigtestimonial blockquote	{ text-align: right; font-size: 24px; color: #838383; font-family: 'UniversLTStd55Roman'; font-style: normal; line-height: 28px; margin: 60px 0 30px 0; }
div.bigtestimonial cite			{ text-align: right; float: right; line-height: 20px; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #474747; font-style: normal }


div.footer 					{ width: 835px; height: auto; margin: 0 auto; position: relative; z-index: 10; padding: 0 28px 20px 28px; background: #fff; overflow: hidden; }
div.footer p, div.footer a { font-size: 12px; }
div.footer .left 			{ width: 300px; float: left; padding: 0; }
div.footer .left strong 	{ text-decoration: none; }
div.footer .left a			{ color: #696969 }
div.footer .right			{ width: 490px; float: right; padding: 0 0 0 0; display: inline }
div.footer .right p			{ text-align: right; }
div.footer .right a			{ float: right; }
a.pgroup2					{ float: left; margin: 0 0 20px 0; }
a.pgroup2:hover				{ opacity:0.4; filter:alpha(opacity=40); }

div.footerNav 					{ width: 835px; height: 40px; margin: 0 auto; position: relative; z-index: 10; padding: 0 0 0 0}
div.footerNav ul				{ float: left; width: 891px; position: relative; display: block; margin: 0; height: 40px; }
div.footerNav ul li				{ list-style: none; float: left; margin: 0; padding: 0; }
div.footerNav ul li a			{ font-family: Helvetica, sans-serif; font-size: 14px; padding: 0 0; margin: 0 20px; color: #fff; height: 40px; display: inline; line-height: 39px; width: auto; float: left;   }
div.footerNav ul li a:hover		{ text-decoration: underline;  color: #fff; }
div.footerNav ul li a.selected	{ color: #53b750; text-decoration: none; font-weight: bold; }
div.footerNav ul li a.first		{ margin: 0 10px 0 0; }
div.footerNav ul li a.parent ul {display: none; }

div.footerBottomFull 			{ width: 100%; background: #3e3e3e; margin: 0 0 0 0; }
div.footerBottom 				{ width: 835px; height: 200px; margin: 0 auto; position: relative; z-index: 10; padding: 30px 28px 0 28px; }
div.footerBottom .left 			{ width: 400px; float: left; }
div.footerBottom .left p		{ font-size: 11px; width: 550px; float: left; color: #fff; }
div.footerBottom .right			{ width: 300px; float: right; }
div.footerBottom .right p		{ font-size: 11px; float: right; color: #fff; text-align: right; }
div.footerBottom .right a		{ font-size: 11px; color: #fff; text-decoration: none;  }
div.footerBottom .right a:hover	{ color: #53b750; text-decoration: none;  }

.contactform					{ width: 212px; height: auto; float: right; padding: 0; margin: 0px 20px 0 0; }
h3.formheader					{ background: url(../../images/contactformHeader.png) top left no-repeat; height: 66px; width: 234px; position: relative; top: 0; left: 0; float: left; overflow: visible !important; margin: 0 0 10px 0; color: #fff; font-size: 18px; text-shadow: 0 0 3px #000; line-height: 75px; text-align: right; padding: 0 30px 0 0 }
.contactform div.required		{ height: auto; float: left; margin: 0 0 10px 0; }
.contactform label		{ color: #5d5d5d; font-size: 13px; float: left; font-weight: normal; margin: 5px 5px 0 0; width: 75px; text-align: right }
.contactform input		{ background: #fff; float: right; padding: 3px; border: none; color: #000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; width: 123px; height: 15px; border: 1px solid #c8c8c8; }
.contactform textarea	{ width: 123px; background: #fff; float: left; padding: 3px; border: none; color: #000; font-size: 13px; font-family: Arial, Helvetica, sans-serif; height: 50px; margin: 0 0 0 0; border: 1px solid #c8c8c8;}

.contactform input[type="submit"]	{ color: #fff; font-size: 12px; font-family: Helvetica, sans-serif; background: url(../../images/submitBtn.jpg) top no-repeat; float: right; cursor: pointer; margin: 0 0 0 0; padding: 0 0 4px 0; text-align: center; width: 82px;  height: 33px; line-height: 26px; border: none; text-shadow: 0 0 2px #000; font-weight: bold; }
.contactform input[type="submit"]:hover	{ text-decoration: none; text-shadow: none;  }

.contactform input.submit	{ color: #fff; font-size: 12px; font-family: Helvetica, sans-serif; background: url(../../images/submitBtn.jpg) top no-repeat; float: right; cursor: pointer; margin: 0 0 0 0; padding: 0 0 4px 0; text-align: center; width: 82px;  height: 33px; line-height: 26px; border: none; text-shadow: 0 0 2px #000; font-weight: bold; }
.contactform input.submit:hover	{ text-decoration: none; text-shadow: none; }

.contactform .fb_invalid input, .contactform .fb_invalid textarea        { border: 1px solid #FF0000; }
.contactform .sucess p { color: #088905; font-size: 16px; margin: 0 0 0 0; text-align: center; width: 200px; }

.quicklinks { margin: 0 20px 0 60px; }
.quicklinks ul { margin: 0; }
.quicklinks ul li { list-style: none; margin: 1px 0;  }
.quicklinks ul li a { font-size: 13px; background: #3E3E3E; padding: 2px 5px; display: block; text-align: center; color: #fff; }
.quicklinks ul li a:hover { text-decoration: none; background: #088905; }

div.image-trans { display: inline-block; width: 835px; height: 223px; position: absolute; top: 28px !important; left: 28px !important; background: #fff; z-index: 1; overflow: hidden;}
div.image-trans img { width: 100%; }

div.newsitemSmall { width: 150px; }
div.NewsSummaryPostdate { color: #6B6B6B;
    font-size: 14px;
    font-weight: bold; }

div.NewsSummary { float: left; padding: 10px 0; border-top: 1px solid #dcdbd6; width: 100% }

ul.sidenav { width: 600px; margin: 10px 0; padding: 0; float: left; }
ul.sidenav li { width: 270px; margin: 5px 10px 5px 20px; padding: 0; float: left; }

div.threecol .energyleftcol	{ width: 520px; margin: 0 10px 0 44px; padding: 0; height: auto; overflow: hidden; float: left; position: relative; display: inline; } 
div.threecol .energyrightcol	{ width: 300px; margin: 0 44px 0 0; padding: 0; height: auto; overflow: hidden; float: right; position: relative; } 


.calculator { width:724px; height: 900px; float: left; display: block; position: relative; overflow: hidden; }
.calculator .projectTitle { margin: 5px 0; border: 1px solid #A4E0A3; padding: 5px; width: 500px; display: block; overflow: hidden; }
.calculator .projectTitle input { float: right; width: 240px; margin: 3px 0 0 0; padding: 3px } 
.calculator .projectTitle h3 { float: left; width: 240px; }
.calculator  .topbox { margin: 5px 0; border: 1px solid #A4E0A3; padding: 5px; width: 500px; }
.calculator  .topbox p { text-align: center; }
.calculator textarea, .calculator input { border: 1px solid #A4E0A3; font-size: 12px; color: #6B6B6B; font-family: helvetica, sans-serif;  padding: 3px; }
.calculator td {color: #6B6B6B; }

.calculator  #mainCalculatorDiv { margin: 5px 0; border: 1px solid #A4E0A3; padding: 5px; width: 500px; }
.resultbox { border: 1px solid #a4e0a3; float: left; margin: 0 2px 2px 0; padding: 5px; width: 243px; color: #6B6B6B; }

.resultbox span {  color: #088905;}
.buttons { width: 500px; float: left; height: 40px; padding: 5px 5px 0px 5px; }

input.calBtn {
    background: url("../../images/submitBtn.jpg") no-repeat scroll center top transparent;
    border: medium none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 33px;
    line-height: 26px;
    margin: 0;
    padding: 0 0 4px;
    text-align: center;
    text-shadow: 0 0 2px #000000;
    width: 82px;
}

.rightBox { padding: 5px 10px; border: 1px solid #a4e0a3; width: 275px; margin: 0 0 20px 0; }
.rightBox h4 { text-align: center; }
.rightBox table { margin: 0 auto; }
.rightBox td { padding: 2px 10px;  border: 1px solid #a4e0a3; font-size: 11px; color: #6B6B6B; }
.rightBox p { font-size: 11px; text-align: justify; line-height: 18px; }

table.testing { width: 600px; border: 1px solid #A4E0A3; }
table.testing td { width: 25%; height: auto; padding: 5px; text-align: center; border: 1px solid #A4E0A3; font-size: 11px; color: #6B6B6B; }
table.testing td b { color: #088905; }
h4.centerheader { text-align: center; margin: 10px 0 5px 0; }

table.infotable { margin: 20px 0; }
table.infotable td { padding: 5px 10px; border: 1px solid #a7a7a7; color: #6B6B6B; font-size: 13px; }

.smalltext { font-size: 10px; line-height: 15px;  }