@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }

body {
font-family:Arial, Helvetica, sans-serif;
  font-size: 13px;
  color: #494949;
  background-image:url(../img/bg.jpg);
  background-repeat:no-repeat;
  
}

h1 { font-size: 16px; font-family:avantGarde BK BT; color: #669966; line-height: normal; font-weight: normal; margin-bottom:10px; }



#top-bg {
  width: 100%;
  height: 20px;
  background-image: url(../img/top-bg.jpg);
}

#top-container {
  margin:0px auto;
  width:990px;
}
 
#top-nav-box li a {
  display: inline;
    height: 75px;
} 

#top-nav-box li {
  margin: 0 0 0 15px;
  _margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-left: 100px;
  padding-left: 0px;
} 

#top-nav-box {
  float: right;
  display: inline;
  width: 130px;
}

#bottom-nav li a {
  display: inline;
    height: 75px;
} 

#bottom-nav li {
  margin: 0 0 0 15px;
  _margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-left: 100px;
  padding-left: 0px;
} 

#bottom-nav {
  float: right;
  display: inline;
  width: 130px;
}

.top-nav-box a:link, .top-nav-box a:visited { font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; display:inline; }
.top-nav-box a:hover { text-decoration: none; }

.bottom-nav a:link, .bottom-nav a:visited { font-size: 10px; font-family: avantGarde BK BT, Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; display:inline; }
.bottom-nav a:hover { text-decoration: none; }

a:link, a:visited { color: #4F754F; text-decoration: none; }
a:hover { text-decoration: underline; color:#FF0000; }


#mid-bg {
  width: 100%;
  height: 100px;
}

#mid-container {
  margin:0px auto;
  width:990px;
}


.logo-eh {
  float: left;
  display: inline;
  width: 300px;
  height:57px;
  margin-top:20px;
}

#top-pic-bg {
  clear: both;
  width: 100%;
  height: 350px;
}

#top-pic {
  margin-left: 10px;
  margin-top:10px;
}




#nav-bg {
  float:right;
  display:inline;
  width:660px;
  margin-top:45px;
  }
  
#pic-container {
  margin:0px auto;
  width:990px;
  clear:both;
  height:350px;
}

#pic-container2 {
  margin:0px auto;
  width:990px;
  clear:both;
  height:200px;
}


#pic-container ../img { padding-left: 10px; padding-top: 5px; float: left; }
#pic-container2 ../img { padding-left: 10px; padding-top: 5px; float: left; }


#content-container {
  margin:0px auto;
  width:990px;
  height:320px;
  padding-top:20px;
}

.content1 {
  width: 215px;
  float:left;
  display:inline;
  margin-left:35px;
}

.content-main {
  width: 635px;
  float:left;
  padding-left:10px;
  display:inline;
  margin-top:15px;
  min-height:350px;
  padding-right:15px;
  
}

.contact-main-header {
  width: 316px;
  float:left;
  display:inline;
  background-image:url(../img/smallheaders.jpg);
  margin-top:15px;
  height:45px;
  font-family:avantGarde BK BT, Arial, Helvetica, sans-serif;
  font-size:14px;
}

.box-under {
  width: 316px;
  float:left;
  display:inline;
  background-image:url(../img/box-under.jpg);
  background-repeat:no-repeat;
  background-color:#E3E2DD;
  margin-top:3px;
  font-family:avantGarde BK BT, Arial, Helvetica, sans-serif;
  font-size:12px;
}




#footer-bg {
  width: 100%;
  height: 243px;
  margin-top:15px;
  background-image:url(../img/footer-bg.png);
  clear:both;
}

#footer {
  margin:0px auto;
  width:990px;
  clear:both;
 
}

.eco-friendly {
  float: left;
  display: inline;
  width: 211px;
  height:226px;
  margin-top:17px;
}

.bottom-nav {
  width: 200px;
  float: right;
  display:inline;
  margin-top:30px;
  margin-left:200px;
  text-align:right;
}

.copyright {
  width: 572px;
  float:right;
  display:inline;
  margin-left:205px;
  margin-top:60px;
}

#form-container {
  width: 100%;
}

#form-container input { margin-left: 16px; }
#form-container textarea { margin-left: 16px; }

input, textarea {
    background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	font-size: 11px;
	padding: 2px;
}


/******************* NAV CLASSES *******************/

#nav a:link, #nav a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
}

#nav a:hover, #nav li .current {
  text-decoration: none;
  list-style: none;
  background-position: 0 -20px;
}

#nav li a {
  display: block;
    height: 20px;
}

#nav {
  margin: 0 0 0 0; padding: 0;
  list-style: none;
  text-indent: -5000px;
  width: 700px;
  clear:both;
  display: inline;
}

#nav li {
  margin: 0 0 0 0;
  _margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-left: 10px;
  display: inline;
  
}

#nav li #home { background-image: url(../img/buttons/home.png); width: 47px; }
#nav li #products { background-image: url(../img/buttons/products.png); width: 74px; }
#nav li #gallery { background-image: url(../img/buttons/gallery.png); width: 62px; }
#nav li #submittals { background-image: url(../img/buttons/submittals.png); width: 185px; }
#nav li #testimonials { background-image: url(../img/buttons/testimonials.png); width: 95px; }
#nav li #story { background-image: url(../img/buttons/story.png); width: 143px; }

/******************* BOTTOM NAV CLASSES *******************/

#bottom-nav2 a:link, #bottom-nav2 a:visited {
  text-decoration: none;
  list-style: none;
  background-position: 0 0;
}

#bottom-nav2 a:hover, #bottom-nav2 li .current {
  text-decoration: none;
  list-style: none;
  background-position: 0 -20px;
}

#bottom-nav2 li a {
  display: block;
    height: 20px;
}

#bottom-nav2 {
  margin: 0 0 0 0; padding: 0;
  list-style: none;
  text-indent: -5000px;
  width: 560px;
  clear:both;
  display: inline;
}

#bottom-nav2 li {
  margin: 0 0 0 0;
  _margin: 0 0 0 0;
  background: none;
  margin-right: 0;
  text-align: center;
  float: left;
  list-style: none;
  padding-left: 10px;
  display: inline;
  
}