@charset "UTF-8";
/* CSS Document */

* {margin: 0px; padding: 0px}

a {outline: none}

body {background: #ffffff;font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 62.5%; line-height: 1.3em }

#container {width: 901px; margin: 0 auto;}
#wrapper {background: #013F70; width: 100%;}

#header {background:url(images/hearder.gif) no-repeat; height: 243px; width: 901px;}
#header h1 {height: 243px; width: 901px;}
#header h1 a {text-indent: -9999px; display: block; height: 100%; width: 100%}

#main {background:url(images/content_bkg.jpg) ; width: 901px; padding:  0 0 100px 0}
*html body #main {position: relative; bottom: 5px;}

#nav_box {float: left; width: 268px; margin: 0 0 75px 0}

#content_box {float: right; width: 633px; padding: 18px 0 0 0;}

/* ----- navigation ----- */

#nav_box ul {width: 195px; list-style:none; margin: 18px 0 0 30px}
#nav_box li {display: block; height: 28px; width: 195px}
#nav_box li a {display: block; height: 100%; width: 100%; text-indent: -9999px}

#nav_box li#services {background:url(images/nav_services.gif) no-repeat;}
#nav_box li#financing {background:url(images/nav_financing.gif) no-repeat;}
#nav_box li#appointment {background:url(images/nav_appointment.gif) no-repeat;}
#nav_box li#shuttle {background:url(images/nav_shuttle.gif) no-repeat;}
#nav_box li#rental {background:url(images/nav_rental.gif) no-repeat;}
#nav_box li#fleet {background:url(images/nav_fleet.gif) no-repeat;}
#nav_box li#faq {background:url(images/nav_faq.gif) no-repeat;}
#nav_box li#about {background:url(images/nav_about.gif) no-repeat;}
#nav_box li#contact {background:url(images/nav_contact.gif) no-repeat; height: 30px}
#nav_box li#here_help {background:url(images/nav_here_help.gif) no-repeat}
#nav_box li#right_repair {background:url(images/nav_right_repair.gif) no-repeat}

#nav_box li#services a:hover {background:url(images/nav_services_over.gif) no-repeat;}
#nav_box li#financing a:hover {background:url(images/nav_financing_over.gif) no-repeat;}
#nav_box li#appointment a:hover {background:url(images/nav_appointment_over.gif) no-repeat;}
#nav_box li#shuttle a:hover {background:url(images/nav_shuttle_over.gif) no-repeat;}
#nav_box li#rental a:hover {background:url(images/nav_rental_over.gif) no-repeat;}
#nav_box li#fleet a:hover {background:url(images/nav_fleet_over.gif) no-repeat;}
#nav_box li#faq a:hover {background:url(images/nav_faq_over.gif) no-repeat;}
#nav_box li#about a:hover {background:url(images/nav_about_over.gif) no-repeat;}
#nav_box li#contact a:hover {background:url(images/nav_contact_over.gif) no-repeat;}
#nav_box li#here_help a:hover {background:url(images/nav_here_help_over.gif) no-repeat}
#nav_box li#right_repair a:hover {background:url(images/nav_right_repair_over.gif) no-repeat}


/* ----- book appointment box ----- */

#book_online {background:url(images/book_online.gif) no-repeat; height: 245px; width: 264px; margin: 45px 0 0 0}
#book_online h3 {height: 100%; width: 100%;}
#book_online h3 a {display: block; height: 100%; width: 100%; text-indent: -9999px;}

/* ----- services spotlight (grey text on top of page ) ----- */

#services_text {

 width: 600px;
 font-size: 1.4em;
 color: #505050;
 line-height: 2em;
 text-align: center;
 letter-spacing: 2px;}
 /*text-indent: -9999px;
 background:url(images/services_text.gif) no-repeat; 
 height: 84px; */
/* ----- coupon box ----- */

#coupon {margin: 0 0 0 30px}
#coupon .top {background:url(images/coupon_top.gif) no-repeat; height: 14px; width: 263px;}
#coupon .bottom {background:url(images/coupon_bottom.gif) no-repeat; height: 15px; width: 263px;}
#coupon .mid {background:url(images/coupon_mid.gif) repeat-y; width: 263px;}
#coupon p {margin: 15px 20px 0 20px !important}

/* ----- credit card logos ----- */

#cc_logo {background:url(images/cc_logo.jpg) no-repeat; height: 29px; width: 214px; text-indent: -9999px; margin: 40px 0 0 30px}

/* ----- main content ----- */

h1, h2, h3, h4, h5, h6 {color: #33597f; }

h2.flash {font-size: 2em; margin: 0 0 8px 0}
h3 {font-size: 1.5em; line-height: 1.5em}
h3.flash {font-size: 1.5em; margin: 20px 0 8px 15px}
h4.flash {font-size: 1.5em; margin: 20px 0 8px 60px}
h4 {font-size: 1.5em; margin: 0 0 0 15px}

#content_box p { color: #444444; margin: 7px 42px 7px 30px; font-size: 1.2em; line-height: 1.5em;}
#content_box a {color: #33597f; text-decoration: none}
#content_box a:hover {text-decoration:underline}
#content_box ol {margin: 15px 0 0 35px; width: 75% ; color: #FDB724}
#content_box li {color: #33597f; margin: 7px 42px 7px 30px; font-size: 1.3em; line-height: 1.5em; font-weight: bold}
#content_box li a {color: #FDB724}
#content_bo
#content_box table {margin: 10px 0 0 30px}
#content_box table td p {margin: 0px; padding: 0px 15px}

/* ----- site info ----- */
#footer {background:url(images/footer_bkg.png) repeat-x; width: 100%; height: 30px; position: relative; bottom: 5px;}
#site_info {width: 901px; margin: 0 auto;}
#site_info p {font-size: 1.1em; text-align: center; color: #33597f; padding: 8px 0 0 0;position: relative; bottom: 103px;}
#site_info p a {color: #33597f; text-decoration: none;}
#site_info p a:hover {text-decoration: underline}

#local {background:url(images/locally_owned.gif) no-repeat; height: 67px; width: 86px; position: relative; left: 50px; bottom: 75px; text-indent: -9999px;}
#local_big {background:url(images/locally_owned_big.gif) no-repeat; height: 103px; width: 133px;  position: relative; left: 67px; bottom: 115px; text-indent: -9999px;}

#site_info p.copy {float: left; padding: 15px 0 0 0; }
#site_info p.credits {float:right; padding: 15px 0 0 0; }

.highlight {color: #FDB724}
.highlight2 {color:#33597f}

blockquote { border-left: 6px solid #D1E5FF; padding:  0 0 0 12px; color: #444444; margin: 16px 42px 16px 30px; font-size: 1.4em; line-height: 1.5em;}



