/*CSS Created by Kyle Ellicott, Edited by Steve Hamilton*/

img {border:0;}

body { margin:0; background-image: url(../images/header_bg.jpg) no-repeat top center; background-color:#f1f1f1; font-family:Tahoma; color:#373737; }
#wrap { width: 1002px;  margin: 0px auto 0px auto; background-image: url(../images/pagebg.jpg); background-repeat: repeat-y; position:relative; left:1px;}
#top { width: 100%; margin: 0px auto 0px auto; background: url(../images/homeheader.jpg) no-repeat center; }
#header { width: 953px; margin: 0px auto 0px auto; height:318px; }
#contain {width:953px; margin: 0 auto; position:relative; left:1px;}
#opening{width: 940px; padding-bottom:25px;}
#home_opening{width: 940px; margin:0 auto; padding-bottom:65px;}
#typetitle{width: 477px; float: left; margin: 0;}
#statement{width: 450px; height: 171px; float: left; background: url(../images/quotes.jpg) no-repeat; margin:15px 10px 0px 0;}
#gen {margin: 0; width:953px;background: url(../images/homebg.jpg) no-repeat;}
#services {margin: 0; float: left;width:953px;}
#contact {margin: 0px 0px 0px 25px; float:left; width:400px;}
#home_services { margin:0 auto; width:406px;}
#social { padding-left:10px; }
#logos { background: url(../images/affiliates.jpg) no-repeat; width:887px; height:98px; margin:0 auto; padding-bottom:25px;}
#logos_contain { padding:22px 0 0 243px; }
.contactinfo {margin: 0px 0px 0px 35px;float:left;width:400px;}

.padding_left { padding-left:40px; }
.content_contain { width:943px; margin: 0px auto 0px auto; }
.left {margin: 0; width: 49%; float: left; }
.right {margin: 0; width: 49%; float: right; }
.image_heading { padding-bottom:10px; }
.value_left { width:425px; float:left; padding:0 8px 0 15px;}
.value_right { float:right; width:475px; padding-right:28px;}
.value_start { color: #356cac; font-weight:bold; }
#latest_news { padding-top:10px; padding-left:10px; }
#sub_footer_left { width: 35%; float: left; padding: 5px 0 0 10px;}
#sub_footer_center { width: 32%; float: left; padding: 5px 0 0 20px;}
#sub_footer_right { width: 27%; float: right; padding: 5px 0 0 10px;}
.subclients { width: 50%; float: left; }
.sub_heading { color:#104912; font-weight:500; font-size:24px; font-family:arial; }

.team_member { padding-bottom:20px; }
.team_content { float:right; width:740px; padding:0 10px 0 0;}
.team_left { float:left; width:179px; padding:3px 0 0px 20px;}

/* Services Columns */ 
#reicon{ width: 45%; float: left; padding:0px 10px 0 20px;}
#energycon{ width: 45%; float: right; padding:0px 10px 0 10px;}
#left_serv{ width: 45%; float: left; padding:0px 10px 0 20px;}
#right_serv{ width: 45%; float: right; padding:0px 20px 0 0px;}



/* Projects Page */
.project{ width: 933px; margin: 0px 0px 20px 0px; /* top, right, bottom, left */ }
.projectimg{ width: 325px; float: left; margin: 0px 0px 0px 5px; /* top, right, bottom, left */ }
.projectdesc{ width: 585px; float: left; margin: 0px 0px 0px 10px; /* top, right, bottom, left */ }
/* End of Columns */
#eng_service{ margin: 5px 50px 0px 40px; /* top, right, bottom, left */ width: 410px; float: left; }
#ext_service{ margin: 5px 0px 10px 25px; /* top, right, bottom, left */ width: 95%; float: left; }
#rei_service{margin: 5px 0px 0px 0px; /* top, right, bottom, left */width: 435px;float: left;}

#info_value { float:left; width:953px; margin: 0;}
.info { width: 47%; float: left; margin: 0px 0px 0px 20px; }
.info_cred { width: 47%; float: left; margin: 0px 0px 0px 20px; }

a:hover h1{ text-decoration:none; } 
ul{ font: 14px Tahoma; padding: 0; margin-left:30px; list-style-image: url(../images/bullet.jpg); }
ul li a { color:#373737; }
.clear {clear:both;}
#clear {clear:both;}
#subfooter { width: 954px; margin:0 auto; }
#footer { width: 954px; background-image: url(../images/footerbg.jpg); margin:0 auto;}
.footer{ font: 10pt Tahoma; color: white; padding-top: 5px; padding-bottom: 5px; }
#footer_links { color:grey; width:49%; float:left; font: 10pt Tahoma; padding:10px; }
#footer_links a { font: 10pt Tahoma;color: white; }
#image_slider { height:240px; width:390px; margin:0 auto; padding-bottom:15px;}
#powered_by { width:206px; float:right; }
.pics { height: margin:0; overflow: hidden; margin-top:15px; }
.pics img { height:231px;  padding: 15px;  top:0; left:0 }
/* Font Styling */
.superscript{font-size:xx-small; vertical-align:top;}
p.content { margin:5px 0; text-align: justify; padding: 0px 8px 0 10px; font-size:14px; line-height:20px; font-weight:600; font-family:helvetica; font-weight:600; }
.team {font: 11pt Tahoma;color: #3399cc;}
.position {font: 8pt Tahoma; color: #3399cc;}
.partner { padding:15px; } 
.center { text-align:center; }
 
h1.services { margin:0; padding:0; }
h1.energy { font-size:28px; font-weight:100; color:#99cc33; }
h1.leed { font-size:28px; font-weight:100; color:#333333; }
h1.sustainable { font-size:28px; font-weight:100; color:#006633; }
h1.waste { font-size:28px; font-weight:100; color:#336666; }
h1.renewable { font-size:28px; font-weight:100; color:#ff9900; }

.service { padding-bottom:10px; }
.service_icon { width:160px; float:left; }
.service_title { width:413px; float:left; }
.service_content { height:162px; float:left; width:750px;}
.service_left { float:left; width:60px;}
.service_right { float:right; width:60px; }

.caption{font: 9pt Tahoma; color: black;}
.copyright{font: 10pt Tahoma;color: #073702;}
.conservation{color: #84C225; float:left; width:620px; padding:20px 0px 0 10px;}
.renew{color: #F98B18; float:left; width:620px; padding:20px 0px 0 10px;}
.system{color: #1C6A24; float:left; width:620px; padding:20px 0px 0 10px;}
.recycle{color: #435663; float:left; width:620px; padding:20px 0px 0 10px; }

.service_bracket { width:900px; margin:0 auto; }
.service_page_left { float:left; width:40px; }
.service_page_right { float:right; width:40px;}
#service_page_bracket { float:left; width:800px; padding:10px 0px 0px 20px;}
.conservationbig{ color: #84C225;font: 16px Tahoma;}

.renewbig{color: #F98B18;font: 12pt Tahoma;}
.systembig{color: #1C6A24;font: 12pt Tahoma;}
.recyclebig{color: #435663;font: 12pt Tahoma;}

h3{ font-weight:100; line-height:24px; font-size:20px; padding:20px 0 10px 18px; margin:0;}
h4{ font-weight:600; letter-spacing:1px; font-size:16px; padding:0; margin:0; color: #84C225;}
p {font: 14px Tahoma; line-height: 18px; color:#373737;}

/* Linkage */
a{text-decoration: none; color:#1C6A24;}
a:hover{text-decoration: underline; color: #1C6A24;}
a.footer {text-decoration:none; color:white;}
a:hover.footer {text-decoration:underline;}

/*Menu Begins*/
#nav{width:605px; float:right;}
ul#menu ul, li, a{margin: 0; padding: 0;}
ul#menu { height:29px; list-style:none; margin:0; padding:0; position:absolute; width:605px; }
ul#menu li { display: inline; float: left; position: relative; }
ul#menu li a {
  display:block;
  height:29px;
  position:relative;
}
ul#menu li a.home {
  width:83px;
  background:url(../images/home1.gif) no-repeat scroll top left;
}
ul#menu li a.service {
  width:83px;
  background-position:-83px 0px;
  background:url(../images/serv1.gif) no-repeat scroll top left;
}
ul#menu li a.projects {
  width:82px;
  background-position:-166px 0px;
  background:url(../images/proj1.gif) no-repeat scroll top left;
}
ul#menu li a.team {
  width:83px;
  background-position:-248px 0px;
  background:url(../images/team1.gif) no-repeat scroll top left;
}
ul#menu li a.contact {
  width:82px;
  background-position:-331px 0px;
  background:url(../images/contact1.gif) no-repeat scroll top left;
}
ul#menu li a.energy {
  width:83px;
    background-position:-395px 0px;
  background:url(../images/creatingvalue1.gif) no-repeat scroll top left;
}
ul#menu li a.blog {
  width:93px;
    background-position:-488px 0px;
  background:url(../images/blog1.gif) no-repeat scroll top left;
}
/*hover effects */
ul#menu li a.home span {
  background:url(../images/home2.gif) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:29px;
  width:100%;
  z-index:100;
}
ul#menu li a.service span {
  background:url(../images/serv2.gif) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:29px;
  width:100%;
  z-index:100;
}
ul#menu li a.projects span {
  background:url(../images/proj2.gif) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:29px;
  width:100%;
  z-index:100;
}
ul#menu li a.team span {
  background:url(../images/team2.gif) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:29px;
  width:100%;
  z-index:100;
}
ul#menu li a.contact span {
  background:url(../images/contact2.gif) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:29px;
  width:100%;
  z-index:100;
}
ul#menu li a.energy span {
  background:url(../images/creatingvalue2.gif) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:29px;
  width:100%;
  z-index:100;
}
ul#menu li a.blog span {
  background:url(../images/blog2.gif) no-repeat scroll bottom left;
  display:block;
  position:absolute;
  top:0;
  left:0;
  height:29px;
  width:100%;
  z-index:100;
}

/* Form */
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; color:#FF0000;}

/*services menu*/
.menu2 {
			margin: 0 auto;
			width:400px;
			list-style: none;
		}
		.menu2 li {
			margin: 0 2px;
			float: left;
			position: relative;
		}
		.menu2 a {
			padding: 14px 10px;
			display: block;
			width: 100%;
		}
		.menu2 li em {
			font-weight: normal;
			color:green;
			background: url(../images/hover.png) no-repeat;
			width: 180px;
			height: 45px;
			position: absolute;
			top: -75px;
			left: -65px;
			text-align: center;
			padding: 20px 12px 10px;
			font-style: normal;
			z-index: 2;
			display: none;
		}