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

html { overflow-y: scroll; }

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

a { color: #228bc1; text-decoration: none; }

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

p { line-height: 18px; }

h1 { font-family: Arial, Helvetica, sans-serif; font-size: 38px; color: #ad1c19; font-weight: lighter; }

h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #343434; font-weight: lighter; }

h3 { font-family: Arial, Helvetica, sans-serif; font-size: 18px; color: #ad1c19; font-weight: normal; margin-top: 15px;}

h4 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ad1c19; font-weight: normal; margin-top: 10px;}

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

.a-img { border: 0; }

.social-img { border: 0; margin: 2px 0px 10px 35px; }

.co-img { border: 0; margin: 4px 35px 10px 0px; }

.testimonial { font-size: 14px; }

.green { color: #8e9d00; }

.hide { display: none; }

.quote { font-size: 22px; line-height: 26px; font-family: Georgia; font-weight: lighter; }

.client-name { font-size: 13px; color: #0079b8; line-height: 14px; margin-top: 6px; }

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

.large-text { font-size: 24px; padding-top: 3px; }

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

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

.img-border { border: 10px solid #fff; }

.title { font-size: 18px; color: #fff; }

.heading { font-size: 28px; color: #343434; font-weight: lighter; }

.img-top { position: absolute; top: 0; left: 0; }

.img-btm { position: absolute; bottom: 0; left: 0; }

.page-heading {
  color: #ad1c19;
  font-size: 26px;
  margin-bottom: 10px;
  font-weight: lighter;
}

.number { color: #0079b8; font-size: 34px; font-weight: bold; }

.call { color: #434343; font-size: 22px; font-weight: lighter; }

.form_sort { width: 275px; float: left; margin-bottom: 5px; }

.form_full { clear: both; width: 560px; margin-bottom: 5px; }

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

input.text {
  padding: 5px;
  width: 255px; 
  background-color: #f4f4f4; 
  border: 1px solid #d3d3d3;
}

textarea.text {
  padding: 5px;
  width: 530px;
  height: 140px;
  background-color: #f4f4f4;
  border: 1px solid #d3d3d3;
}

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

.footer-divider {
  width: 880px;
  height: 1px;
  clear: both;
  margin: 10px auto;
  background-color: #d0d0d0;
}

.large-img {
  width: 500px;
  height: auto;
  border: 10px solid #373737;
}

/* ---- element settings ---- */

div#newsletter {
  position: relative;
  top: 0;
  left: 0;
  width: 260px;
  height: 82px;
  padding: 15px;
  background-color: #191919;
  background-repeat: repeat-x;
  background-image: url(/pub/images/layout/bg_newsletter.gif);
}

input.newsletter { height: 21px; }

div#banner_content {
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  width: 870px;
  height: auto;
  margin: 0 auto;
  padding: 10px 15px 10px 15px;
}

#co_logo {
  position: relative;
  top: 18px;
  left: 23px;
  float: left;
  width: 222px;
  height: auto;
}

div#top_elements {
  position: relative;
  top: 0;
  left: 0;
  float: right;
  width: 392px;
  height: 45px;
}

div#contact_number {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 239px;
  height: 45px;
  font-size: 36px;
  background-repeat: no-repeat;
  background-image: url(/pub/images/layout/bg_contact-number.jpg);
}

#quote {
  position: relative;
  top: 0;
  left: 0;
  width: 262px;
  height: auto;
  padding: 10px;
  background-repeat: repeat-y;
  background-image: url(/pub/images/layout/bg_quote.gif);
}

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

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

#header {
  position: relative;
  top: 0;
  left: 0;
  color: #ffffff;
  width: 900px;
  height: 73px;
  margin: 0 auto;
  background-color: #ffffff;
  background-position: bottom;
  background-repeat: no-repeat;
  background-image: url(/pub/images/layout/bg_banner-shaddow-top.gif);
}

#banner {
  position: relative;
  top: 0;
  left: 0;
  color: #fff;
  width: 930px;
  height: 259px;
  margin-left: -15px;
  background-color: #ffffff;
}

#content {
  position: relative;
  top: 0;
  left: 0;
  width: 900px;
  height: auto;
  margin: 0 auto;
  padding: 10px 0 0 0;
  background-color: #ffffff;
  background-position: top;
  background-repeat: no-repeat;
  background-image: url(/pub/images/layout/bg_banner-shaddow-btm.gif);
}

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

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

#footer_left {
  position: relative;
  top: 0;
  left: 0;
  float: left;
  width: 480px;
  height: auto;
  padding: 0 0 5px 15px;
}

#footer_right {
  position: relative;
  top: 0;
  left: 0;
  float: right;
  width: 370px;
  height: auto;
  padding: 5px 20px 5px 0;
}

#footer {
  position: relative;
  top: 0;
  left: 0;
  clear: both;
  width: 900px;
  height: auto;
  margin: 0 auto;
  color: #4c4f42;
  font-size: 11px;
  background-color: #fff;
}

#footer a {
  color: #262626;
  text-decoration: none;
}

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

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

#sub_nav {
  float: right;
  width: 580px; 
  height: 20px;
  color: #3c3c3d;
  padding: 20px 0 0 0;
}

#sub_nav a {
  color: #3c3c3d;
  font-size: 16px;
  margin-right: 20px;
  text-decoration: none;
}

#sub_nav a:hover, #sub_nav .active { color: #ad1c19 !important; }

#nav {
  float: right;
  width: 485px; 
  height: 15px;
  color: #3c3c3d;
  padding: 10px 0 0 0;
}

#nav a {
  color: #3c3c3d;
  margin-right: 20px;
  text-decoration: none;
}

#nav a:hover, #nav .active { color: #ad1c19 !important; }

#boxes {
  width: 930px;
  height: 259px;
  padding: 5px;
  margin: 0 auto;
}

#boxes a {
  float: left;
  width: 297px;
  height: 239px;
  border: 5px solid #ffffff;
}

a#nav_01 {
  margin: 0 0 0 0;
  background-position: 0 0;
  background-image: url(/pub/images/layout/btn_become-rep.jpg);
}

a:hover#nav_01 {
  background-position: 0 -239px;
}

a#nav_02 {
  margin: 0 0 0 0;
  background-position: 0 0;
  background-image: url(/pub/images/layout/btn_our-services.jpg);
}

a:hover#nav_02 {
  background-position: 0 -239px;
}

a#nav_03 {
  margin: 0 0 0 0;
  background-position: 0 0;
  background-image: url(/pub/images/layout/btn_referral-partners.jpg);
}

a:hover#nav_03 {
  background-position: 0 -239px;
}

#side_nav {
  position: relative;
  color: #262626;
  top: 0;
  left: 0;
  width: 282px;
  height: auto;
  padding: 15px 0;
}

#side_nav a {
  color: #262626;
  display: block;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  border-bottom: 1px solid #d0d0d0;
}

#side_nav a:hover { color: #228bc1; background-color: #ececec; }