/* ---- CSS Document ---- */

html { overflow-y: scroll; }

body {
  margin: 0;
  color: #000;
  font-size: 12px;
  background-color: #dfdfdf;
  background-repeat: repeat-x;
  font-family: Helvetica, Arial, sans-serif;
  background-image: url(/pub/images/layout/bg_body-x-sub.gif);
}

a { color: #014596; text-decoration: none; }

h1, h2, h3, h4, p { margin: 0 0 8px 0; }

p { line-height: 18px; }

h1 { font-size: 1.8em; }

h2 { font-size: 20px; color: #0a5c56; font-weight: lighter; }

h3 { font-size: 14px; color: #0a5c56; font-weight: lighter; }

/* ---- class settings ---- */

.a-img { border: 0; }

.white { color: #fff !important; }

.green { color: #0a5c56 !important; }

.sub { margin-left: 10px; }

.hide { display: none; }

.copy { color: #073330; font-size: 11px; }

.italic { font-family: Georgia, Times, serif; font-size: 14px; font-weight: lighter; font-style: italic; }

.quote { font-size: 18px; color: #0a5c56; font-family: Georgia; font-weight: lighter; line-height: 22px; }

a.quote { font-size: 14px; color: #575757; font-family: Georgia; font-weight: lighter; }

.client-name { font-size: 12px; color: #575757 !important; font-family: Georgia; }

.large-text { font-size: 26px; }

.larger-text { font-size: 30px; }

.small-text { font-size: 12px; }

.img-border { border: 5px solid #2b4f61; }

.page-heading { font-size: 28px; color: #0a5c56; font-weight: lighter; }

.main { color: #fff !important; font-size: 16px; }

.title { font-size: 14px; font-weight: normal; color: #fff; }

.call-text { font-size: 22px; font-weight: lighter; color: #434343; float: right; text-align: right; line-height: 26px; padding-right: 20px; }

.call-number { font-size: 34px; font-weight: bold; color: #014596; margin-top: 30px; }

a.large-text { color: #fff; font-size: 26px; text-decoration: none; }

.table-heading-border { border-bottom: 2px solid #c7c7c7; padding-top: 16px; }

.data { border-bottom: 1px solid #c7c7c7; padding: 3px 5px 3px 5px; }

.data-green { border-bottom: 1px solid #c7c7c7; padding: 3px 5px 3px 5px; color: #0a5c56 !important;}

.data2 { border-bottom: 1px solid #c7c7c7; padding: 3px 5px 3px 5px; background-color: #eeeeee; }

.data2-green { border-bottom: 1px solid #c7c7c7; padding: 3px 5px 3px 5px; background-color: #eeeeee; color: #0a5c56 !important; }

.data2b { padding: 3px 5px 3px 5px; }

.cc-img {
  position: absolute;
  bottom: 15px;
  left: 250px;
}

.content-divider {
  width: 100%;
  height: 5px;
  clear: both;
  margin: 10px 0;
  background-color: #dfdfdf;
}

.divider {
  width: 100%;
  height: 1px;
  clear: both;
  margin: 10px 0;
  background-color: #13544f;
}

.divider-lg {
  width: 100%;
  height: 5px;
  clear: both;
  margin: 5px 0;
  background-color: #13544f;
}

.footer-divider {
  width: 900px;
  height: 4px;
  clear: both;
  margin: 0 auto;
  background-repeat: repeat-x;
  background-image: url(/pub/images/layout/bg_footer-divider.gif);
}

/*****************************
 * HTML Form Classes
 */

div.form_sort { float: left; width: 270px; }

input.error { border: 1px solid #E20021; }

label.error { float: right; color: #E20021; font-size: 12px; padding: 3px; font-family: Helvetica, Arial, Lucida Grande, sans-serif; }

input.text { width: 241px; padding: 5px; border: 1px solid #c2c2c2; font-size: 12px; font-family: Helvetica, Arial, Lucida Grande, sans-serif; }

input.text-sm { width: 114px !important; height: 10px; padding: 5px; border: 1px solid #c2c2c2; font-size: 12px; font-family: Helvetica, Arial, Lucida Grande, sans-serif; }

input.text-qq { width: 235px !important; height: 10px; padding: 5px; border: 1px solid #c2c2c2; font-size: 12px; font-family: Helvetica, Arial, Lucida Grande, sans-serif; }

textarea.text { width: 511px; height: 75px; padding: 5px; border: 1px solid #c2c2c2; font-size: 12px; font-family: Helvetica, Arial, Lucida Grande, sans-serif; }

textarea.textsmall { width: 241px; height: 75px; padding: 5px; border: 1px solid #c2c2c2; font-size: 12px; font-family: Helvetica, Arial, Lucida Grande, sans-serif; }

.yesno-seperator { padding-left: 20px; }

/*****************************
 * HTML Elements Settings
 */

#quick_quote {
  color: #777;
  float: right;
  width: 267px;
  height: auto;
  font-size: 12px;
  background-repeat: repeat-x;
  background-image: url(/pub/images/layout/bg_quick-estimate-x.gif);
}

#quick_quote p { margin: 0 0 5px 0; }

#quick_quote .text { width: 128px; height: 22px; padding: 0 3px 0 0; border: 0; }

div.quick-quote {
  padding: 10px;
}

#testimonial {
  padding-bottom: 5px;
  background-position: bottom;
  background-repeat:no-repeat;
  background-image: url(/pub/images/layout/img_quotes.gif);
}

#promo_estimate {
  width: 267px;
  height: auto;
  padding: 10px 0;
}

a#promo_01 {
  float: left;
  height: 35px;
  width: 134px;
  background-image: url(/pub/images/layout/btn_promo.gif);
}

#promo_estimate li.tabs-selected a#promo_01 { background-image: url(/pub/images/layout/btn_promo-active.gif); }

a#promo_02 {
  float: left;
  height: 35px;
  width: 133px;
  background-image: url(/pub/images/layout/btn_free-estimate.gif);
}

#promo_estimate li.tabs-selected a#promo_02 { background-image: url(/pub/images/layout/btn_free-estimate-active.gif); }

#follow_box {
  width: 267px;
  height: auto;
}

#follow_box a img.btn {
  float: left;
  border: 0;
}

#mailing_list {
  position: absolute;
  bottom: 15px;
  left: -8px;
  color: #777;
  width: 547px;
  height: 45px;
  padding: 5px 5px 10px 10px;
  background-repeat:no-repeat;
  background-image: url(/pub/images/layout/bg_mailing-list.gif);
}

#mailing_list h2 { font-size: 18px; color: #0a5c56; font-weight: bold; margin: 0; }

#mailing_list .text { width: 168px; height: 22px; padding: 0 3px 0 0; border: 0; }

/* ---- layout settings ---- */

#main_container {
  width: 100%;
  height: auto;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(/pub/images/layout/bg_body-top-sub.gif);
}

#header {
  position: relative;
  top: 0;
  left: 0;
  width: 900px;
  height: 165px;
  margin: 0 auto;
  background-repeat: repeat-x;
  background-image: url(/pub/images/layout/bg_header.gif);
}

#co_logo {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 127px;
  height: auto;
}

#banner {
  position: relative;
  top: 0;
  left: 0;
  width: 900px;
  height: 299px;
  margin: 0 auto;
  background-color: #fff;
}

#content {
  position: relative;
  top: 0;
  left: 0;
  width: 900px;
  height: auto;
  margin: 0 auto;
  background-color: #fff;
}

#content_left {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 570px;
  height: auto;
  padding: 15px 15px 95px 15px;
}

#content_left ul {
  padding-left: 15px;
  line-height: 18px;
  list-style-image: url(/pub/images/layout/img_bullet-arrow.gif);
}

#content_right {
  position: relative;
  top: 0;
  left: 0;
  float: right;
  width: 267px;
  height: auto;
  padding: 15px;
}

#footer {
  position: relative;
  top: 0;
  left: 0;
  clear: both;
  width: 100%;
  background-color: #1e6a64;
  background-repeat: no-repeat;
  background-position: top center;
  background-image: url(/pub/images/layout/bg_body-btm.gif);
}

#footer_copy {
  position: relative;
  top: 0;
  left: 0;
  color: #87d4ce;
  width: 900px;
  height: auto;
  font-size: 11px;
  margin: 0px auto;
  padding-bottom: 10px;
}

#footer_copy a {
  color: #87d4ce;
  text-decoration: none;
}

#footer_copy a:hover {
  text-decoration: underline;
}

/* ---- start navigation settings ---- */

#nav {
  float: right;
  width: 643px;
  height: 74px;
  font-size: 13px;
  margin-bottom: 17px;
}

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

#nav ul li {
  position: relative;
  width: 97px;
  float: left;
  z-index: 500;
  display: block;
  margin-right: 9px;
}

#nav ul li a {
  color: #000;
  display: block;
  text-decoration: none;
  padding: 48px 0 10px 10px;
  border-left: 1px solid #dddddd;
}

#nav a:hover, .active {
  color: #fff !important;
  background-color: #1e6a64 !important;
}

#nav ul li ul {
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
  display:none;
  list-style: none;
  border: 1px solid #dddddd;
}

#nav ul li ul li {
  margin: 0;
  float: left;
  width: 137px;
  height: auto;
}

#nav ul li ul li a {
  border: 0;
  color: #000;
  padding: 5px;
  display: block;
  background-color: #fff;
}

#nav ul li ul li a:hover {
  color: #fff;
  background-color: #1E6A64;
}