body {
   margin: 0px;
   padding: 0px;
   background-color: #666B6E;
    }

body a {
   text-decoration: none;
    }

body a:hover {
   text-decoration: underline;
    }

body img {
   margin: 0px;
   padding: 0px;
   border: 0px;
    }

body ul {
   margin: 0px;
   padding: 0px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #363636;
    }

/* fonts */
h1, h2, h3, h4, h5, h6 {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   margin: 0px;
   padding: 0px;
   color: #363636;
    }

h1 {
   font-size: 22px;
    }

p {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 14px;
   color: #363636;
    }

body a {
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    }

/* misc styles */
.clear {
   clear: both;
    }

.mango {
   color: orange;
    }

.melon {
   color: green;
    }

.red {
   color: #CA1010;
    }

.blue {
   color: #48A0FF;
    }

.special {
   color: #FF6508;
    }

.caps {
   font-variant: small-caps;
    }

#header {
   margin: 0px auto;
   position: relative;
   margin-top: 20px;
   padding: 0px;
   width: 833px; 
   height: 99px;
   background: url('images/header.png') top left no-repeat;
    }

#header img {
   margin: 2px 15px 0px 0px;
   padding: 0px;
   position: relative;
   float: right;
    }

#navbar {
   margin: 0px auto;
   padding: 0px 0px 0px 0px;
   width: 825px;
   background-color: #FFFFFF;
   border: 4px solid #FFFFFF;
   border-bottom: 0px;
   text-align: center;
    }

#navbar p.small {
   margin: 0px;
   padding: 5px 0px 10px 0px;
    }

#navbar ul {
   margin: 0px;
   padding: 0px;
    }

#navbar ul li {
   margin: 0px 2px 0px 0px;
   padding: 0px;
   text-transform: uppercase;
   font-size: 13px;
   text-align: center;
   display: inline;
    }

#navbar ul li.last {
   margin: 0px;
    }

#navbar ul li a {
   color: #FFFFFF;
   display: inline-block;
   line-height: 24px;
    }

#navbar ul li a:hover {
   text-decoration: none;
    }

/* we should probably move this into a separate file */
#navbar ul li a.index {
   width: 75px;
   background: url('images/home.png') top left no-repeat;
    }

#navbar ul li a:hover.index {
   width: 75px;
   background: url('images/home2.png') top left no-repeat;
	}

#navbar ul li a.towing {
   width: 95px;
   background: url('images/towing.png') top left no-repeat;
    }

#navbar ul li a:hover.towing {
   width: 95px;
   background: url('images/towing2.png') top left no-repeat;
    }

#navbar ul li a.roadside {
   width: 180px;
   background: url('images/roadside.png') top left no-repeat;
    }

#navbar ul li a:hover.roadside {
   width: 180px;
   background: url('images/roadside2.png') top left no-repeat;
    }

#navbar ul li a.repair {
   width: 130px;
   background: url('images/repair.png') top left no-repeat;
    }

#navbar ul li a:hover.repair {
   width: 130px;
   background: url('images/repair2.png') top left no-repeat;
    }

#navbar ul li a.autobody {
   width: 115px;
   background: url('images/autobody.png') top left no-repeat;
    }

#navbar ul li a:hover.autobody {
   width: 115px;
   background: url('images/autobody2.png') top left no-repeat;
    }

#navbar ul li a.junk {
   width: 105px;
   background: url('images/junk-cars.png') top left no-repeat;
    }

#navbar ul li a:hover.junk {
   width: 105px;
   background: url('images/junk-cars2.png') top left no-repeat;
    }

#navbar ul li a.contact {
   width: 103px;
   background: url('images/contact.png') top left no-repeat;
    }

#navbar ul li a:hover.contact {
   width: 103px;
   background: url('images/contact2.png') top left no-repeat;
    }

/* current states */
#navbar ul li a.index.current {
   background: url('images/home2.png') top left no-repeat;
    }

#navbar ul li a.towing.current {
   background: url('images/towing2.png') top left no-repeat;
    }

#navbar ul li a.roadside.current {
   background: url('images/roadside2.png') top left no-repeat;
    }

#navbar ul li a.repair.current {
   width: 130px;
   background: url('images/repair2.png') top left no-repeat;
    }

#navbar ul li a.autobody.current {
   width: 115px;
   background: url('images/autobody2.png') top left no-repeat;
    }

#navbar ul li a.junk.current {
   width: 105px;
   background: url('images/junk-cars2.png') top left no-repeat;
    }

#navbar ul li a.contact.current {
   width: 103px;
   background: url('images/contact2.png') top left no-repeat;
    }

#headersous {
   margin: 0px auto;
   padding: 7px 0px 0px 0px;
   width: 833px;
   height: 163px;
   background: url('images/navbar-bottom.png') top left no-repeat;
    }

/* wrapper for #content and #sidebar */
#content {
   margin: 0px auto;
   padding: 0px 0px 30px 0px;
   width: 833px;
   background: #FFFFFF url('images/content-bg.png') top left repeat-y;
   border-top: 0px;
   }

#content-main {
   margin: 0px 0px 0px 0px;
   padding: 20px 10px 0px 20px;
   width: 560px;
   background-color: #FFFFFF;
   float: left;
    }

#content-main ul {
   list-style-type: none;
    }

#content-main h3.space {
   margin: 0px;
   padding: 20px 0px 20px 0px;
    }

#content-main img.autumn {
   margin: -80px 0px 0px 0px;
   padding: 0px;
   float: right;
   position: relative;
    }


#sidebar {
   margin: 0px;
   padding: 0px;
   width: 238px;
   float: right;
    }

/* horizontal divider between .sidebar sections */
.sidebar-divider {
   margin: 10px 5px 10px 5px;
   padding: 0px 0px 0px 0px;
   width: 238px;
   height: 10px;
   background: url('images/sidebar-divider.png') top left no-repeat;
    }

#sidebar ul.nav {
   list-style-type: none;
   font-size: 15px;
   margin: 0px 5px 0px 10px;
   padding: 0px;
    }

#sidebar ul li {
   margin: 0px;
   padding: 2px 2px 2px 0px;
   background: url('images/arrow.png') top left no-repeat;
   background-position: 0px 9px;
    }

#sidebar ul a {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 10px;
   color: #48A0FF;
    }

#sidebar ul li a:visited {
   margin: 0px;
   padding: 0px 0px 0px 10px;
   color: #969696;
   background: url('images/arrow2.png') top left no-repeat;
   background-position: 0px 7px;
    }

.sidebar-inner {
   margin: 0px 0px 30px 0px;
   padding: 0px 0px 0px 0px;
   width: 238px;
   background: url('images/titlebar.png') top left repeat-x;
    }

.sidebar-inner.img {
   margin: 0px 0px 0px 10px;
   padding: 0px;
   width: 213px;
   background: none;
    }

.sidebar-inner.valid {
   margin: 0px 0px 0px 0px;
   padding: 0px;
   text-align: center;
   align: center;
   background: none;
    }

#sidebar h3 {
   margin: 0px 0px 0px 10px;
   padding: 10px 0px 0px 0px;
    }

#footer {
   margin: 0px auto;
   padding: 0px 20px 0px 20px;
   width: 793px;
   background-color: #006991;
   border-top: 10px solid #414141;
   line-height: 50px;
    }

#footer ul {
   margin: 0px;
   padding: 0px;
   width: 300px;
   float: left;
    }

#footer ul li {
   display: inline;
   margin: 0px;
   padding: 0px 10px 0px 0px;
    }

#footer ul li a {
   color: #FFFFFF;
    }

#footer p {
   margin: 0px;
   padding: 0px;
   width: 300px;
   float: right;
   text-align: right;
   color: #FFFFFF;
    }

/* tabular data, used primarily on the contact page */
table.contact {
   width: 300px;
   border: 1px solid #D7E9EB;
    }

table.contact td.name {
   margin: 0px;
   padding: 5px;
   background-color: #D7E9EB;
    }

table.contact td.data {
   margin: 0px;
   padding: 10px 20px 10px 20px;
   background-color: #FFFFFF;
    }
    
/* submission form stuff */

/* request-quote form */
#submit-form {
   margin: 0px;
   padding: 20px 30px 20px 30px;
   width: 485px;
   background-color: #EEEEEE;
   border: 1px solid #CCCCCC;
    }

#submit-form .labels {
   margin: 0px;
   padding: 0px;
   width: 200px;
   float: left;
    }

#submit-form ul {
   font-size: 14px;
    }

#submit-form ul li {
   margin: 0px;
   padding: 5px 0px 5px 0px;
   list-style-type: none;
    }

#submit-form .inputs {
   margin: 0px;
   padding: 0px;
   width: 250px;
   float: right;
    }

#submit-form ul li input {
   margin: 0px;
   padding: 0px;
   width: 250px;
   height: 20px;
    }

#submit-form ul li input.radio {
   width: 30px;
   height: 10px;
    }

#submit-form em {
   margin: 0px;
   padding: 0px;
   font-style: normal;
   font-size: 12px;
    }

#submit-form textarea {
   margin: 0px;
   padding: 0px;
   width: 250px;
    }

#submit-form ul li input.submit {
   margin: 20px 0px 0px 0px;
   padding: 0px;
   width: 80px;
   height: 24px;
    }

#submit-form .inputs ul li #reCaptcha {
   margin: 10px 0px 0px 0px;
   padding: 0px;
   position: relative;
   top: 0px;
   left: -65px;
    }