body {
  margin: 0 auto;
  color: #fff;
  text-align: center;
  background: #13242e url(images/bg.jpg) repeat-x center top;
  height: 1040px;
  font: normal normal normal 14px/1.3em Verdana;
}
* html body {
  behavior: url(/stylesheets/csshover.htc);
  /* WinIE behavior */ 
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-weight: normal;
  line-height: 1.2em;
  /* color: #666; */
}
h1 {
  font-size: 36px;
}
#content h1 {
  font-size: 28px;
}
h2 {
  color: #ffcc33;
  margin-top: 10px;
  font-size: 18px;
}
h3 {
  font-size: 20px;
  color: white;
  padding-bottom: 5px;
  font-weight: bold;
}
h2.first, h3.first, p.first {
  margin-top: 1em;
}
h4 {
  font-size: 16px;
}
a {
  color: #ffcc33;
  outline: none;
  text-decoration: none;
}
a:hover {
  color: #c4a027;
}
ul {
  list-style: none;
  margin: 0; 
  padding: 0;
  line-height: 1.4em;
}
ul ul {
  margin: 0 0 0 10px;
  font-size: 12px;
}
li {
  margin: 2px 0; 
}
hr {
  clear: both;
  height: 1px;
  background-color: #ccc; 
  border: 0;
  margin: 2em 0;
}

/* default generic styles
----------------------------------------------- */
.content-block {
  clear: both;
}
.hidden {
  visibility: hidden;
}
.inactive a, .inactive li a {
  color: #bbb !important;
}
.more {
  margin-top: -5px;
  color: #ffcc33;
  text-align: right;
}
.column {
  float: left;
}

/* Structure
----------------------------------------------- */
#wrapper {
  margin: 0 auto;
  width: 750px;
  height: auto;
}
#container {
  margin: 0 auto;
  width: 750px;
  height: auto;
}

/* header
----------------------------------------------- */
#header {
  background: url(images/header.jpg) no-repeat center top;
  width: 750px;
  height: 412px;
  margin: 0 auto;
}
#header h1 a {
  text-indent: -99999px;
  clear: both;
  float: left;
  width: 400px;
  height: 100px;
  position: relative;
  top: -300px;
}
#truck {
  background: url(images/truck.gif) no-repeat;
  width: 475px;
  height: 306px;
  z-index: 1;
  position: relative;
  top: 125px;
  left: -15px;
  float: left;
}
#pumping-link {
  width: 225px;
  text-align: right;
  float: right;
  position: relative;
  right: 35px;
  z-index: 1;
  top: -140px;
}
#pumping-link .title {
  font-size: 18px;
}
#top-statement {
  float: right;
  position: relative;
  text-align: right;
  right: 15px;
  clear: right;
  top: -250px;
}
#top-statement h2 {
  font-size: 16px;
  color: white;
  font-style: italic;
  font-weight: bold;
}
#coupon{
  position: relative;
  width: 193px;
  height: 86px;
  float: right;
  background: url(images/coupon.jpg) no-repeat;
  top: -190px;
  right: 50px;
}
#coupon a {
  display: block;	
  width: 193px;
  height: 86px;
}
/* content area
----------------------------------------------- */
#content {
  text-align: left;
  width: 750px;
  background: url(images/body_rept.jpg) repeat-y;
  margin: 0 auto;
  height: auto;
}
.home-page #content {
  height: 615px;
}
* html .home-page #content {
  height: 500px;
}
.services-page #content {
  height: 300px;
}
#bottom {
  background: url(images/body_bottom.jpg) no-repeat;
  width: 750px;
  height: 27px;
}
#sidecol {
  width: 200px;
  text-align: left;
}
#body-header {
  background-image: url(images/body_top.jpg);
  width: 750px;
  height: 20px;
  margin-top: 12px;
}
#home-copy-leftside {
  margin: 0 0 30px;
  padding-right: 25px;
  padding-left: 25px;
  position: relative;
  float: left;
  clear: right;
  width: 300px;
  top: -40px;
}
* html #home-copy-leftside {
  margin-top: 40px;
}
#home-copy-rightside {
  margin: 0;
  padding-right: 25px;
  padding-left: 50px;
  float: right;
  position: relative;
  clear: right;
  width: 300px;
  border-left-style: dotted;
  border-left-width: 1px;
  top: -40px;
}
#img-nav {
  float: left;
  clear: left;
  position: relative;
  padding-left: 10px;
  display: inline;
  text-align: right;
  width: 750px;
  padding-left: 12px;
  height: 265px;
  top: -40px;
}
.services-page #img-nav {
  margin-top: 45px;
}

* html .services-page h2#page-header {
  margin-top: 0;
}
h2#page-header {
  font-size: 25px;
  font-weight: bold;
  width: 500px;
  float: right;
  clear: right;
  display: inline-block;
  position: relative;
  margin-right: 15px;
  margin-top: -35px;
}
.pumping_and_service-page h2#page-header {
  margin-top: -75px;
}
#main-img {
  border: 1px solid #88acc1;
  width: 500px;
  height: 210px;
  float: right;
  clear: right;
  position: relative;
  margin-right: 15px;
  display: block;
}
.pumping_and_service-page #main-img {
  margin-top: -40px;
} 
#pumping-body-copy {
  width: 500px;
  float: right;
  clear: right;
  position: relative;
  margin-right: 15px;
  margin-top: 15px;
}
.left-col {
  float: left;
  position: relative;
  clear: left;
  width: 200px;
  margin-left: 15px;
  list-style-type: disc;
  list-style-position: outside;
}
.right-col {
  width: 200px;
  float: right;
  clear: right;
  position: relative;
  padding-right: 15px;
  list-style-position: outside;
  list-style-type: disc;
}
#lightbox-img {
  float: right;
  position: relative;
  width: 360px;
  margin-top: 15px;
  display: inline-block;
  right: 100px;
}
#lightbox-img img {
  border-style: none;  
}
#copy {
  width: 500px;
  float: right;
  margin-right: 15px;
  clear: right;
  display: inline;
}
.about-page #copy h3 {
  margin-bottom: 15px;
  margin-top: 5px;
}
#copy p {
  margin-top: 0;
}

#offices, #contacts, #links {
  margin-top: 15px;
  float: left;
}
.office {
  width: 165px;
  float: left;
  margin-top: 5px;
}
#contact-list01, #contact-list02, #contact-list03, #contact-list04 {
  width: 250px;
  float: left;
  margin-bottom: 15px;
  margin-top: 5px;
  height: 75px;
}
.services-page  h2#page-header {
  float: left;
  clear: left;
  margin-left: 15px;
}
.real_estate-page #copy, .treatment-page #copy {
  margin-top: 10px;
}
 .installation-page #copy h3 {
  margin-top: 10px;
}
.services-page h3 {
  float: left;
  clear: left;
  position: relative;
  left: 15px;
  padding-bottom: 15px;
}
.h3-02 {
  margin-top: 15px;
}
/* Navigation
----------------------------------------------- */
.navigation {
  width: 750px;
  height: auto;
  margin: 0 auto;
}
#main-nav {
  width: 750px;
  height: 40px;
  text-align: left;
}
#main-nav li {
  float: left;
}
#main-nav li a {
  display: block;
  background-image: url(images/nav.jpg);
  width: 187px;
  height: 40px;
  text-indent: -9999px;
  outline: none;
}
#nv-services {
  width: 187px;
}
#nv-services a {
  background-position: -188px top;
}
#main-nav li li a {
  background-image: none;
  text-indent: 0;
  height: 35px;
}
#main-nav li ul#nv-services-lvl2 {
  display: none;
}
#main-nav li#nv-services:hover ul#nv-services-lvl2 {
  position: absolute;
  display: block;
  width: 187px;
  z-index: 1;
}
#main-nav li ul#nv-services-lvl2 li {
  background-color: #1a3241;
  position: relative;
  height: 35px;
  margin: -1px 0 0 -1px;
  border: 1px solid #88acc1;
  padding: 0;
  line-height: 35px;
  font-size: 14px;
  text-align: left;
}
#main-nav li ul#nv-services-lvl2 li a {
  width: 179px;
  padding: 0 0 0 8px;
}
#main-nav li ul#nv-services-lvl2 li a:hover {
  background-color: #748895;
  color: #1a3241;
}
#nv-services-lvl2 {
  margin: 0;
  padding: 0;
}
.services-page #nv-services a, #nv-services a:hover {
  background-position: -188px bottom;
}
.pumping_and_service-page #nv-services a, #nv-services a:hover {
  background-position: -188px bottom;
}
.installation-page #nv-services a, #nv-services a:hover {
  background-position: -188px bottom;
}
.treatment-page #nv-services a, #nv-services a:hover {
  background-position: -188px bottom;
}
.real_estate-page #nv-services a, #nv-services a:hover {
  background-position: -188px bottom;
}
#nv-about a {
  background-position: -375px top;
}
.about-page #nv-about a, #nv-about a:hover {
  background-position: -375px bottom;
}
#nv-contact a {
  background-position: -563px top;
}
.contact-page #nv-contact a, #nv-contact a:hover {
  background-position: -563px bottom;
}
.home-page #nv-home a, #nv-home a:hover {
  background-position: left bottom;
}
#sub-nav {
  height: 2em;
}
#sub-nav li {
  display: inline;
  font-size: 12px;
  padding-right: 30px;
}
#navigation h2 {
  font-size: 24px;
}
#img-nav li {
  float: left;
  width: 363px;
  height: 129px;
  display: inline;
}
#img-nav span.title {
  display: block;
  padding-top: 75px;
  padding-right: 15px;
  color: #ffcc33;
  margin-top: 10px;
  font-size: 18px;
}
#img-nav .more {
  padding-right: 15px;
}
#img-nav a:hover span, #pumping-link a:hover span {
  color: #c4a027;
}
#bt-pumping {
  background-image: url(images/pumping.jpg);
}
#bt-drilling {
  background-image: url(images/installation.jpg);
}
#bt-real {
  background-image: url(images/real_estate.jpg); 
}
#bt-treatment {
  background-image: url(images/advanced.jpg);
}
#side-nav {
  background: url(images/sidenav_rept.jpg) repeat-y;
  font-size: 13px;
  float: left;
  clear: left;
  position: relative;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 10px;
}
#side-nav02 {
  background: url(images/sidenav_top.jpg) no-repeat;
  width: 214px;
  padding-top: 10px;
  height: 475px;
}
#side-nav02 li {
  padding-bottom: 10px;
  font-weight: bold;
}
#side-nav-footer {
  background: url(images/sidenav_bottom.jpg) no-repeat;
  width: 214px;
  height: 19px;
}
#side-pumping, #side-treatment, #side-real, #side-drilling {
  border-bottom: 1px solid #88acc1;
  margin: 5px 5px 10px;
}
#side-pumping a, #side-treatment a, #side-real a, #side-drilling a  {
  margin-left: 10px;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
  width: 750px;
  height: auto;
  margin: 0 auto;
}
#footer {
  width: 750px;
  height: 20px;
  margin: 0 auto;
  background: url(images/body_bottom.jpg) no-repeat;
  font-size: 12px;
  float: left;
}
#footer-info {
  padding-top: 25px;
  width: 750px;
  height: 50px;
  float: left;
  clear: left;
  position: relative;
}
* html .services-page #footer {
  margin-left: 0;
}
* html #side-nav {
  margin-left: 5px;
}
* html #main-img, #copy {
  margin-left: 10px;
}
* html #page-header h2 {
  margin-right: 8px;
}