@import url(lib/screen.css);

html {
  /*background: #A31A00 -moz-linear-gradient(top, #E64705 0%, #A62404 25%, #A31A00 100%) no-repeat scroll top; /* firefox */
  background: #831A00 url(../images/html.bg.png) repeat-x scroll top; }
body {
  background: transparent url(../images/body.bg.png) no-repeat scroll top center; 
  margin: 0; 
  /*background-color: #A31A00;
  background-repeat: no-repeat;
  background-image: -moz-linear-gradient(top, #E64705 0%, #A62404 25%, #A31A00 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E64705), color-stop(25%,#A62404), color-stop(100%,#A31A00));*/
}
a:link, a:visited {color: #E64705; text-decoration: none;}
a:hover, a:active {color: #E64705; text-decoration: underline;}
#shell {/*background: transparent url(../images/shell.bg.png) no-repeat scroll top center;*/ height: 800px;}
#header {height: 146px; background: transparent url(../images/header.bg.png) no-repeat scroll top center; margin: 0 36px;}
#main {background: #E64705 url(../images/main.bg.png) repeat-y scroll center; margin: auto 36px; }
#main_inner {background: #fff url(../images/main_inner.bg.png) repeat-x scroll top center; margin: 0 18px;min-height: 370px;}
#footer {background: #E64705  url(../images/footer-trans.bg.png) no-repeat scroll bottom center; min-height: 60px; margin: auto 36px;}
#footer_inner {padding: 50px 18px 45px 18px; background: transparent  url(../images/footer_inner.bg.png) no-repeat scroll top center;}
#header a.logo {display: block; height: 89px; width: 330px; cursor: pointer;}

#content {margin: 0 27px 0 27px; padding: 2em 0; font-size: 1.2em;}
ul.menu {margin: 0 0 0 90px; padding: 0;}
ul.menu li {float: left; display: inline !important; list-style-type: none; margin: 18px 9px 0 9px;}
ul.menu li a {display: inline !important;}
ul.menu li a:link, ul.menu li a:visited {color: #333; text-transform: uppercase; font-size: 1.1em; text-decoration: none; border-bottom: 2px solid none;}
ul.menu li a:hover, ul.menu li a:active {color: #831A00; text-transform: uppercase; font-size: 1.1em; text-decoration: none; border-bottom:  2px solid  #E64705;}


.scale-shadow {display: block; position: relative; margin: 9px 0px -9px 0px; background: url(../images/shadow-grid.gif) repeat;}
html>body .scale-shadow { margin: 9px -0px 0px 0px; background: url(../images/shadow.png) right bottom no-repeat; }
.scale-shadow,
.scale-shadow { content: " "; display: block; background: inherit; }
.scale-shadow:before { position: absolute; top: 0; right: 0; margin: -18px 0 0 auto; background-position: right top;}
.scale-shadow:after { margin: -10px 0 0 -10px; background-position: left bottom; }
.scale-shadow .inner { display: block; position: relative; /*overflow: hidden;*/ left: 0px; top: -9px; margin: 0 9px 18px 9px;}
html>body .scale-shadow .inner { left: 0px; top: -9px; }
.clear-right {clear: right;}
h1, h1 span.heading{line-height: 36px; font-weight: bold; font-size: 24px; text-transform: uppercase;color: #E64705;} 
h1:before{content: " "; display:block; height: 18px; width: 12px; margin-bottom: -18px; background: url(../images/h1.bg.png) left top no-repeat;} /*upperleft */
h1:after{content: " "; display:block; height: 18px; width: 12px; margin-top: -18px; background: url(../images/h1.bg.png) left bottom no-repeat;}
h1 span.heading { margin: auto 12px; background: #000 url(../images/h1.bg.png) center top no-repeat; display: block;}
h1 span.heading:before {content: " "; display:block; height: 18px; width: 12px; margin: 0 0 -18px 100%;background: url(../images/h1.bg.png) right top no-repeat;}
h1 span.heading:after {content: " "; display:block; height: 18px; width: 12px; margin: -18px 0 0 100%;background: url(../images/h1.bg.png) right bottom no-repeat;}
.clear {clear: both;}
h2 {text-transform:uppercase; border-bottom: 1px solid #E64705; color: #831A00; padding-left: 12px; padding-right: 12px;}
thead th, tr.heading th {background:transparent; color: #E64705; text-transform: uppercase;}
tbody th {border-bottom:  1px solid #E64705; background: #ccc;}
table {border:  1px solid #000;}
tr.odd {background: #ccc;}
thead tr, tr.heading th {background:url(../images/h1.bg.png) center top no-repeat;}
tfoot {height: 18px; background:url(../images/h1.bg.png) center bottom no-repeat;}
table tbody tr.group-heading th {background-color: #E64705 !important; color: #fff; text-align: center; text-transform: uppercase;}
.box {background: #000; color: #fff; border: 2px solid #E64705;}
.box h2 {font-size: 1.5em; color: #E64705; border-bottom: 1px solid #666; text-align: center;}


/*.testimonial {float:left; margin:1.5em 9px 0 0; width:378px; font-size: 12px;}
.testimonial img {border: 3px solid #E64705; float: left; margin: auto 0 1em auto;}
.testimonial blockquote, .testimonial .citation {float:left; margin:auto 0 auto 18px; width:171px;}
.testimonial blockquote:before {content: "\"";}
.testimonial blockquote:after {content: "\"";}
.testimonial blockquote {border-bottom: 3px solid #E64705; padding-bottom: 9px; margin-bottom: .86em;}
.testimonial .citation {font-style: italic; font-size: 1.1em;}*/
.testimonials-slideshow {
  -moz-border-radius: 9px;
  -wbekit-border-radius: 9px;
  -ms-border-radius: 9px;
  border-radius: 9px;
  padding: 1em;
  background: #333 url(../images/pod_callout.bg.png) repeat-x scroll bottom; margin: 0;
  min-height: 200px;
}
.testimonials-slideshow ul {margin: 0;}
.testimonials-slideshow .testimonial .testimonial-body {
  bottom: 0;
  position: absolute;
  z-index: 1;
  width: 100%;
}
.testimonials-slideshow .testimonial .testimonial-body-inner {
  background: none repeat scroll 0 0 #E64705;
      bottom: 0;
      left: 0;
      opacity: 0.75;
      position: absolute;
      right: 0;
      top: 0;
      z-index: -1;
}
.testimonials-slideshow .testimonial { margin:0; width: 100%; height: 300px; overflow: hidden; font-size: 12px; position: relative;}
.testimonials-slideshow .testimonial img {border: 0 none #000; display: block; min-width: 100%;}
.testimonials-slideshow .testimonial blockquote, .testimonials-slideshow .testimonial .citation { padding: 5px;}
.testimonials-slideshow .testimonial blockquote:before {content: "\"";}
.testimonials-slideshow .testimonial blockquote:after {content: "\"";}
.testimonials-slideshow .testimonial blockquote {color: #fff; font-size: 14px; margin: 0;}
.testimonials-slideshow .testimonial .citation {font-style: italic; font-size: 1.1em;
  border-top: 1px solid #E64705;
  background-color: #000;
  background-image: -webkit-gradient(
      linear,
      left bottom,
      left top,
      color-stop(0, #000000),
      color-stop(1, #333333)
  );
  background-image: -moz-linear-gradient(
      center bottom,
      #000000 0%,
      #333333 100%
  );
  color:  #E64705;
  margin: 0;
  display: block;
}
.testimonials-slideshow .slideshow-pager {border-top: 1px solid #E64705; display: block; text-align: right; margin-top: 5px;}
.testimonials-slideshow .slideshow-pager li,  .testimonials-slideshow .slideshow-pager li a{ 
  display: inline-block; 
  height: 10px; width: 10px;
  font-size: 0px;
  color: transparent;
  vertical-align: middle;
}
.testimonials-slideshow .slideshow-pager li a {
  background-image: url(../images/slideshow.pager-btn.png);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

.package {height: 130px; background: #ccc;}
img.right {float: right; margin-left: 10px;}

#header .pod {position: relative; float: right; margin: 3px 45px 18px 18px; z-index: 5; width: 315px;}
#header .pod p {margin: 0 auto;}
#header .pod .body, #header .pod .footer {background: #E64705;padding: 0 18px 0 18px;}
#header .pod .body {background: #E64705 url(../images/pod.bg.png) no-repeat top; min-height: 41px;}
#header .pod .body h3 {color:#FFFFFF; font-weight:normal; letter-spacing:0.05em; padding:9px 0 0; margin:0;text-align:center; text-transform:uppercase;}
#header .pod .callout p, #header .pod .callout #contact {padding: 9px 9px 0 9px; color: #fff; }
#header .pod .footer {height: 27px; background: transparent url(../images/pod-footer.bg.png) no-repeat bottom;}
#header .pod .callout {background: #333 url(../images/pod_callout.bg.png) repeat-x scroll bottom; margin: 0;}
#header .pod .callout:before {content:  " "; margin-bottom: 18px; display: block;}
#header .pod .callout:after {content:  " "; display: block;  height: 18px;background: url(../images/pod_callout-footer.png) no-repeat scroll bottom;}
#header .pod #commercial_player, #header .pod #testimonials_player {padding: 9px; background: #333 url(../images/player.bg.png) repeat-x scroll top; margin: 1.5em auto;}
#header .pod #testimonials_player {margin-bottom: 0; margin-top: 3.2em;}
#header .pod table {overflow: hidden; color: #fff; font-size: .86em; border:  none; display: block; margin: auto;}
#header .pod table td, #header .pod table th {vertical-align: top; border-bottom:  1px solid #fff;}
#header .pod table th {background: transparent; color: #E64705;}
#header .pod table th.group-heading {background: #E64705; color: #fff; cell-spacing: .5em;}
#header .pod a:link, #header .pod a:visited, #header .pod a:hover, #header .pod a:active {color: #ECA133;}

.service-logos {background: #fff; width: 448px; 
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  border: 1px solid #E64705;
}
.service-logos-content {padding: 0 10px 10px 10px; margin: 10px 0; list-style-type: none;}
.service-logo { height: 50px; padding: 0; margin: 0 5px; background-image: url(../images/service-logos.png); background-repeat: no-repeat; color: transparent; font-size: 0px; display: inline-block;}
.service-logo.service-logo-honda { width: 68px; background-position: 0px -350px;}
.service-logo.service-logo-kawasaki {width: 165px; background-position: 0px -100px;}
.service-logo.service-logo-triumph {width: 132px; background-position: 0px 0px;}
.service-logo.service-logo-ducati {width: 55px; background-position: 0px -300px;}
.service-logo.service-logo-suzuki {width: 165px; background-position: 0px -50px;}
.service-logo.service-logo-bmw {width: 55px; background-position: 0px -250px;}
.service-logo.service-logo-yamaha {width: 155px; background-position: 0px -150px;}
.service-logo.service-logo-harley-davidson { width: 68px; background-position: 0px -200px;}

#footer .pod { 
  background: url("../images/pod_callout.bg.png") repeat-x scroll center bottom #333333;
  border-radius: 18px;
  -moz-border-radius: 18px;
  -webkit-border-radius: 18px;
  -ms-border-radius: 18px;
  padding: 18px 27px;
  border: 1px solid #333;
  color: #fff;
}

#footer .pod .business-info {
  width: 315px;
  float: left;
  position: relative;
}



#footer .pod .business-hours .business-hours-header, #footer .pod .contact-info .contact-info-header {
  font-size: 1.2em;
  color: #E64705;
}

#footer .pod .business-hours .business-hours-content {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
#footer .pod .business-info .business-hours {margin-top: 1em;}
#footer .pod .business-info .contact-info-content {
  margin: 0;
  padding: 0;
}
#footer .pod .business-info .contact-info-content dt {
  float: left;
  margin-right: 10px;
}


#footer .pod .service-logos {
  float: right;
   position: relative;
}

#footer .pod .service-logos .service-logos-header {
  font-size: 1.3em;
  margin: 0;
  padding: 18px 18px 0 18px;
  color: #E64705;
}

#footer .pod .service-scheduling {font-style: italic; margin: 1em auto;}

#seasonal-packages h3 {border-bottom:1px solid #E64705; color:#831A00; }
.package-services {margin-right: 443px;}
.package-services h4 { border-bottom: 1px solid #E64705; color: #831A00; padding-left: 12px; padding-right: 12px;}
.package-services li {list-style-type: none; font-weight: bold; font-size: 1em; color: #E64705; margin: .5em auto;}
.package-services li li {list-style-type: disc; font-weight: normal; font-size: .87em; color: #333; margin: auto;}

.legal {font-size: .87em; font-style: italic; line-height: 1em;}