body {
  background-color: #fff;
  margin: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #929292;;

}

/* --------------------------------------------------  Header styles ---------------------------------------------------- */

#header_stripe {
  background-color: #f2f2f2;
}

#header {
  background-color: #ffffff;
  height: 102px;
  width: 990px;
  margin-left: auto;
  margin-right: auto;
}

#header h1 {
  width: 240px;
  height: 69px;

}

#header h1 a {
  display: block;
  width: 240px;
  height: 69px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(/images/energy-construction-logo.gif);
  background-repeat: no-repeat;
}

#header h2 {
  background-image: url(/images/header-nationwide-construction.gif);
  background-repeat: no-repeat;
  background-position: 155px 0px;
  height: 25px;
  font-size: 12px;
  line-height:12px;
  margin-top: 30px;
  text-indent: -9999px;
  overflow: hidden;
}

#header h3 {
  background-image: url(/images/header-call-today.gif);
  background-repeat: no-repeat;
  background-position: 155px 0px;
  height: 33px;
  font-size: 12px;
  line-height:12px; 
  text-indent: -9999px;
  overflow: hidden; 
}

#header_left {
  width: 330px;
  float: left;
  padding: 17px 0 0 29px;
}

#header_right {
 width: 598px;
 float: left;
}

/* --------------------------------------------------  Main Navigation ---------------------------------------------------- */


#nav_stripe {
  background-color: #414141;
  border-bottom: solid 1px #fff;
}

#nav {
  background-color: #393939;
  width: 990px;
  height: 53px;
  margin-left: auto;
  margin-right: auto;
  line-height: 53px;
}

#nav li, #nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav li {
  float: left;
}

#nav a {
  
  background-image: url(/images/navigation.gif);
  background-repeat:no-repeat;
  display: block;
  width: 150px;
  height: 53px;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
}



#nav a.new_construction {
  background-position: 0px 0px;
  width: 206px;
}

#nav a.new_construction:hover {
  background-position: 0px -53px;
}

#nav a.new_construction_on {
  background-position: 0px -106px;
  width: 206px;
}

#nav a.remodeling {
  background-position: -206px 0px;
  width: 144px;
}

#nav a.remodeling:hover {
  background-position: -206px -53px;
}

#nav a.remodeling_on {
  background-position: -206px -106px;
  width: 144px;
}

#nav a.remediation {
  background-position: -350px 0px;
  width: 145px;
}

#nav a.remediation:hover {
  background-position: -350px -53px;
}

#nav a.remediation_on {
  background-position: -350px -106px;
  width: 145px;
}

#nav a.contact {
  background-position: -495px 0px;
  width: 136px;
}

#nav a.contact:hover {
  background-position: -495px -53px;
}

#nav a.contact_on {
  background-position: -495px -106px;
  width: 136px;
}


#nav a.company_profile {
  background-position: -631px 0px;
  width: 180px;
}

#nav a.company_profile:hover {
  background-position: -631px -53px;
}

#nav a.company_profile_on {
  background-position: -631px -106px;
  width: 180px;
}

#nav a.client_login {
  background-position: -811px 0px;
  width: 162px;
}

#nav a.client_login:hover {
  background-position: -811px -53px;
}

#nav a.client_login_on {
  background-position: -811px -106px;
  width: 162px;
}




/* --------------------------------------------------  Home Page - Blue & Grey Elements ---------------------------------------------------- */

#home_blue_stripe {
  background-color: #0d5b8b;
}

#home_blue {
  background-color: #00568c;
  background-image: url(/images/home-bluebox-background.gif);
  background-repeat: no-repeat;
  width: 990px;
  height: 210px;
  margin-left: auto;
  margin-right: auto;
}

#home_grey_stripe {
  background-color: #bdbec0;
}

#home_grey {
  background-color: #c4c5c7;
  width: 990px;
  height: 54px;
  margin-left: auto;
  margin-right: auto;
}

#home_grey h2 {
  width: 358px;
  height: 54px;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(/images/home/what-makes-unique.gif);
  background-repeat: no-repeat;
}

#home_grey a {
  display: block;
  float: left;
  width: 173px;
  height: 54px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(/images/home/our-process.gif);
  background-repeat: no-repeat;
}

/* --------------------------------------------------  Home Page - Other Styles ---------------------------------------------------- */


 p.testimonial {
  padding-top: 22px;
  color: #00568c;
  font-size: 22px;
  line-height: 27px;
  font-family: Georgia, "Times New Roman", Times, serif;
  width: 305px;
}

 p.testimonial_sig {
  font-size: 10px;
  font-family: "Gill Sans", "Trebuchet MS", Arial, Helvetica, sans-serif;
  text-align: right;
  color: #393939;
}


/* --------------------------------------------------  Interior Page - Blue & Grey Elements ---------------------------------------------------- */

#interior_stripe {
  background-color: #0d5b8b;
  background-image: url(/images/interior-stripe-background.gif);
  background-repeat: repeat-x;
  height: 72px;
}

#interior_blue {
  background-color: #00568c;
  background-image: url(/images/interior-bluebox-background.gif);
  background-repeat: no-repeat;
  width: 990px;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
}

#interior_stripe h1 {
  margin-left: 45px;
  height: 72px;
  line-height: 72px;
  text-indent: -9999px;
  overflow: hidden;
  background-image: url(/images/headlines/company-profile.gif);
  background-repeat: no-repeat;
}

/* --------------------------------------------------  Site Layout Elements ---------------------------------------------------- */

#main_content_stripe {
  background-color: #f2f2f2;
}

#main_content {
  background-color: #ffffff;
  background-image: url(/images/construction-guy-background.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 990px;
  margin-left: auto;
  margin-right: auto;
}

.main_content_padding {
  padding: 10px 0 0 30px;
}


.main_content_no_padding {
padding: 0px 0 0 30px;
}



.main_left_column {
  width: 322px;
  float: left;
}

.main_right_column {
  width: 575px;
  margin-left: 30px;
  float: left;
}

#main_content h1 {
  font-size: 30px;
  line-height: 30px;
  padding-bottom: 12px;
  color: #9d9b9b;
  font-weight: normal;
  padding-top: 16px;
}

#main_content h1 span {
  font-size: 36px;
  line-height: 30px;
  color: #0065a4;
  font-weight: normal;
}

#main_content h2 {
  font-size: 18px;
  line-height: 22px;
  padding-top: 16px;
  color: #6f6e6e;
  font-weight: normal;
}







#contractor_form {
	background-color: #E3E3E3;
	background-image: url(/images/form_guybg.jpg);
	background-repeat: repeat-y;
	background-position: left;
	color: #333333;
	width: 715px;
	padding-right: 70px;
}
#contractor_form .half {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 165px;
}


#contractor_form .full {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 390px;
}

#contractor_form p {
	font-size: 14px;
	padding-left: 15px;
}

.formguyleft {
	float:left;
	padding-right: 35px;
}



/* --------------------------------------------------  Lower page Styles ---------------------------------------------------- */


#dark_content_stripe {
  background-color: #414141;
}

#dark_content {
  background-color: #393939;
  background-image: url(/images/dark-content-background.gif);
  background-repeat: no-repeat;
  width: 990px;
  height: 277px;
  margin-left: auto;
  margin-right: auto;
  color: #818283;
  font-size: 12px;
  line-height: 15px;
}

#dark_content h2 {
  padding: 62px 0 18px 47px;
  font-size: 18px;
  line-height: 18px;
  font-weight: normal;
  color: #e2a20d;
}

#dark_content p {
  width: 700px;
  margin-left: 47px;
}


#dark_content p.phone {
  margin-left: 47px;
  font-size: 14px;
  padding-top: 10px;
  font-weight: bold;
  color: #e2a20d;
}

#dark_content a {
	color:#FFFFFF;
	text-decoration: none;  
}

#dark_content a:hover {
	color:#FF0000;
	text-decoration: none;  
}


/* --------------------------------------------------  Footer Styles ---------------------------------------------------- */

#footer_stripe {
  background-color: #aaabab;
}

#footer {
  background-color: #aeafb0;
  background-image: url(/images/footer-background.gif);
  background-repeat: no-repeat;
  width: 990px;
  margin-left: auto;
  margin-right: auto;
  height: 53px;
  font-size: 11px;
  line-height: 53px;
  text-align: center;
}

#footer a {
	color: #393939;
	text-decoration:none;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 5px;
}

#footer a:hover {
  color: #393939;
  text-decoration:underline;
}

#footer span, #footer span a, #footer span a:hover {
  color: #0065a4;
}

/* --------------------------------------------------  Quote Form ---------------------------------------------------- */

#quote_form_header {
  width: 304px;
  height: 154px;
  background-image: url(/images/quote-form-header-background.jpg);
  background-repeat: no-repeat;
  font-size: 11px;
  line-height: 13px;
  color: white;
}

#quote_form_header h3 {
  height: 91px;
  text-indent: -9999px;
  overflow: hidden;
  
}

#quote_form_header p {
  padding: 3px 25px 0 150px;
}

#quote_form_container {
  width: 304px;
}

#quote_form_innerbox {
  background-color: #f8f8f8;
  border-right: solid 1px #d1d1d1;
  border-left: solid 1px #d1d1d1;
  border-bottom: solid 1px #d1d1d1;
  padding: 5px 5px 10px 10px;
  font-size: 11px;
  line-height: 13px;
  color: #393939;
}

#quote_form_innerbox .textfield {
  border: solid 1px #dcdcdc;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 13px;
  width: 190px;
  color: #393939;
}

#quote_form_innerbox label {
  display: block;
  width: 70px;
  float: left;
  clear: both;
  margin-right: 5px;
  text-align: right;
  padding-top: 13px;
}

#quote_form_innerbox div.form_right {
  width: 192px;
  float:left;
  padding-top: 12px;

}


/* --------------------------------------------------  Misc. other Styles ---------------------------------------------------- */

img.smallphoto {
  border: solid 10px #c4c5c7;
  margin: 10px 30px 10px 10px;
}