/* Start of CMSMS style sheet 'style' */
/* resets */

body, html, div, blockquote, img, /* label,*/ p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, /*input,*/ th, td {
  margin: 0; padding: 0; border: 0; outline: none;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
}

ul, ol {
  list-style: none;
}

* {
  margin: 0;
}

html, body {
  height: 100%;
  font-size: small;
}
/* end resets */

body {
  color: #fff; background: #676767 url("uploads/images/bgtile.jpg") repeat-x; 
  font-family: arial, Verdana, Geneva, Tahoma, sans-serif;  
  margin: 0 0 0 0;
  padding: 0;
  text-align: center;
 }

a {
  color: #546e99; background: transparent;
  text-decoration: none;
  border-bottom: 1px dotted #48787a;
}

a:hover {
  text-decoration: none;
  border-bottom: 1px solid #48787a;
}

#wrapper {
  width: 820px;
  margin: 0 auto;
  text-align: left;
  background: transparent url(uploads/images/bg_wrapper.gif) repeat-y;
  color: #000;}
  
#banner { 
  position: relative;
  color: #fff; background: transparent url(uploads/images/bg_banner.jpg) no-repeat;
  height: 258px; width: 820px;  
}

#banner p {
 padding: 100px 0 0 60px;
 color: #fff; background: transparent;
 font-size: 100%;
 font-weight: bold;
 line-height: 130%;
 letter-spacing: 1px;
 width: 340px;
}

#menu-wrapper {
  margin: 20px 0 0 16px;
  padding: 0;
}

#primary-nav li { /* override styles in bmenu */
  border: 0px solid #fff;
  border-right: 1px solid #fff;
}

#primary-nav li.last {
  border: none;
}

#contact {
  position: absolute;
  top: 215px;
  left: 540px;
  color: #555; background: #fff;
  font-size: 140%;
  font-family:  Verdana, Geneva, arial, Tahoma, sans-serif;  
}

#contact a {
  color: #555; background: #fff;
  font-size: 70%;
  font-weight: bold;
}

#contact a:hover {
  color: #036; background: #fff;
  text-decoration: none;
}

#main-content { 
  position: relative;
  margin: 20px 0 0 20px;
  padding: 0;
  float: left;
  width:400px;
  background: transparent; color: #000;
}

/* styling for truck only on home page */
#main-content.truck {
  position: relative;
  z-index: 1;
  background: transparent url(uploads/images/truck.jpg) no-repeat 0 20px; color: #000;
}

#main-content h2.trucktext {
  position: relative;
  z-index: 100;
  text-align: center;
  color: #002a62; background: transparent;
  font-family: Arial, Verdana, Geneva, Tahoma, sans-serif;
  margin-right: -30px;
  padding: 4px 0 0 200px;
  line-height: 160%;
  font-size: 100%;
  font-weight: bold;
  }

#main-content h2.trucktext a:hover {
  text-decoration: none;
}

#main-content h2.trucktext a {
  color: #002a62; background: transparent;
}

#main-content h2 span.free {
  color: #7ED649; background: #fff;
  font-weight: bold;
  font-size: 130%;
  }

/* end truck styling */ 
  
#main-content p {
  font-family:  Verdana, Arial, Geneva, Tahoma, sans-serif;
  padding: 5px 0 0 50px;
  line-height: 140%;
  }
#main-content p.first {
  margin-top: 120px;
  }   

#main-content-inner {  /*style for default template */ 
  position: relative;
  margin: 20px 40px 200px 40px;
  padding: 0;
  float: left;
   background: transparent; color: #000;
} 

#main-content-inner h2 {
  font-size: 110%;
  margin: 10px 0 6px 20px;
}

#main-content-inner h3 {
  margin: 25px 0 6px 40px;
  color: #48787a; background: transparent;
  font-family:  Verdana, Arial, Geneva, Tahoma, sans-serif;
  font-weight: bold;
}

#main-content-inner h4 {
  margin: 15px 0 6px 50px;
  color: #036; background: transparent;
  font-family:  Verdana, Arial, Geneva, Tahoma, sans-serif;
  font-weight: normal;
}

#main-content-inner p {  
  font-family:  Verdana, Arial, Geneva, Tahoma, sans-serif;
  padding: 5px 50px 0 50px;
  line-height: 140%;
  }

#main-content-inner p.breadcrumb {
  font-size: 80%;
  color: #5e93b3; background: transparent;
  padding: 0 0 10px 0;
}

#main-content-inner li {
  position: relative; /* added so checks don't disappear in IE6*/
  margin: 0 100px 10px 80px;
  padding-left: 20px;
  font-family:  Verdana, Arial, Geneva, Tahoma, sans-serif;
  font-size: 90%;
  background-image: url(uploads/images/tick.gif);
  background-repeat: no-repeat;
  background-position: top left;
  line-height: 130%;
}


#sidebar { 
 float: right; 
  margin-right: 15px;
  padding: 0;
  color: #fff; background: transparent  url(uploads/images/bg_sidebar.jpg) no-repeat top right; 
}

/* sidebar navigation buttons */
#side-nav {
  width: 337px;
  height: 485px;
  position: relative;
}

#side-nav {
  margin: 0;
  padding: 0;
  list-style: none;
  display: block;
}


#side-nav a {
  position: absolute;
  width: 279px;
  height: 89px;
  text-indent: -1000em;
  border: none;
}

#side-nav a:hover {
  border: 1px solid #99a99f;
  display: block;
}

#side-nav .one a {
  top: 30px;
  left: 30px;
  display: block;
}

#side-nav .two a {
  top: 140px;
  left: 30px;
}

#side-nav .three a {
  top: 250px;
  left: 30px;
}

#side-nav .four a {
  top: 359px;
  left: 30px;
}

/* end of sidebar navigation */

#footer {
  position: relative;
  clear: both;
  margin: 0 auto;
  padding: 0;
  height: /*92px;*/ 120px;
  width: 788px;
  background: #5c5c5c url("uploads/images/bg_footer2.jpg") repeat-x;  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

#footer p.copyright {
  clear: both;
  padding-top:  20px;
  text-align: center;
  font-size: 85%;
  line-height: 200%;
  }
 
#footer img.tab {
  position: absolute;
  z-index: 21;
  top: -179px; left: 0px;  
  } 
  
#footer img.tablogo {
  position: absolute;
  z-index: 1;
  top: -48px; left: 180px;  
  }   

#footer img.realtor {
  position: absolute;
  z-index: 30;
  top: 30px; right: 20px;
}

#footer #menua {
  float: left;
  margin-left: 60px;
  width: 100px;
}

#footer #menua li {
   list-style-type: square; 
   font-size: 120%;
   color: #53A9FF; background: transparent;
}

#footer #menub {
  float: left;
  margin-left: 80px;
}

#footer #menub li {
   list-style-type: square; 
   font-size: 120%;
   color: #7CAC62; background: transparent;
}

#footer #menua li a, #footer #menub li a  {
  font-size: 70%;
}

ul.menu-footer {
  margin: 10px 0 0 15px;
}

ul.menu-footer li {
  line-height: 90%;
}

ul.menu-footer li a {
  color: #e2e2e2; background: transparent;
  border: none;
}

ul.menu-footer li a:hover {
  color: #fff; background: transparent;
}

#footer p.address {
  padding-top: 10px;
  float:left;
  margin-left: 110px;
  font-size: 85%;
  text-align: left;
  line-height: 140%;
}

#footer p.address a {
  color: #fff; background: transparent;
  border-bottom: 1px dotted #e2e2e2;
}

#footer p.address a:hover {
  color: #fff; background: transparent;
  border-bottom: 1px dotted #fff;
}

/* Remax logo at top of each page */ 
#topright {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 153px;
  width: 185px;
  background: url("uploads/images/logo.gif") no-repeat;
  text-indent: -999em;
  text-decoration: none;
  border: none; /* removes default link border */
}

/* success stories */

div.hr {
  height: 15px;
  background: #fff url(uploads/images/hr.gif) no-repeat scroll center;
}
div.hr hr {
  display: none;
}


#form {
 width:600px; 
 margin: 30px auto;
 font-family: Verdana, Geneva, Tahoma, sans-serif;
 border: 1px solid /*#5e93b3*/ #B7CFDD;
}

#form h3 { /* form title */
  font-weight: bold;
  padding: 10px 0;
  font-size: 110%;
}

#form input, label {
  margin: 4px; 2px;
  }

#form input, #form select, #form textarea {
 border: 1px solid #ABC6DD;
 background: #F8FAFA;
 padding: 2px 0 2px 4px;
}

#form input:hover, #form input:focus, #form textarea:focus, #form textarea:hover,  #form select:hover, #form .fbsubmit:hover {
  border: 1px solid #036;
  background: #E2EBEB; color: #036;
}

#form label { 
  margin-right: 10px; 
  padding-right: 10px; 
  width: 250px; 
  display: block; 
  float: left; 
  text-align: right; 
  position: relative;
}

#form select, #form textarea {
  margin: 6px 0 4px 5px;
}

#form .fbsubmit {
  clear: both;
  float: left;
  margin: 30px 0 0 220px;
  padding: 2px 4px 4px 4px;
  font-size: 90%; 
  background: #447fab; color: #fff;
  cursor: pointer;
}

#form .required {
  color: #00ad5d; background: #fff;
}

.error_message {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: #00ad5d; background: transparent;
  margin-left: 160px;
}

/* Contact page - google map positioning */

#map {
  position: absolute;
  top: 70px; left: 290px;
  padding: 4px;
  border: 1px solid #5f5f5f;
}

/* End of 'style' */