/*************************************************************
 * author: Frontenders.com
 * contact: contact at frontenders dot com
 * description: css for all media types
 *************************************************************/
@media screen,projection {
   /* reset
    * based on Eric Meyer's reset.css
    * http://meyerweb.com/
    *************************************************************/
   body, div, span, applet, object, iframe,
   h1, h2, h3, h4, h5, h6, p, blockquote, pre,
   a, abbr, acronym, address, big, cite, code,
   del, dfn, em, font, img, ins, kbd, q, s, samp,
   small, strike, strong, sub, sup, tt, var,
   b, u, i, center,
   dl, dt, dd, ol, ul, li,
   fieldset, form, label, legend, button,
   table, caption, tbody, tfoot, thead, tr, th, td {
       margin: 0;
       padding: 0;
       border: 0;
       outline: 0;
       font-size: 100%;
       vertical-align: baseline;
       background: transparent;
   }
   body { line-height: 1; }
   ol, ul { list-style: none; }
   blockquote, q { quotes: none; }
   /* remember to define focus styles! */
   :focus { outline: 0; }
   
   /* remember to highlight inserts somehow! */
   ins { text-decoration: none; }
   del { text-decoration: line-through; }
   
   /* tables still need 'cellspacing="0"' in the markup */
   table {
       border-collapse: collapse;
       border-spacing: 0;
   }
   /* /reset
    *****************************************************/
   
   /* global elements
    *****************************************************/
   html { height: 100%; }
   body {
       background: #fff;
       color: #000;
       font: 62.5%/1 Arial, sans-serif;
       height: 100%;
   }
   a { text-decoration: none; }
   a:hover {  }
   address { font-style: normal; }
   /* /global elements
    *****************************************************/
   
   /* common elements
    *****************************************************/
   .cols, form .item, form .button { overflow: hidden; }
   .col { float: left; }
   .l { float: left; }
   .r { float: right; }
   .print { display: none; }
   .ir {
       display: block;
       overflow: hidden;
       position: relative;
   }
   .ir span {
       left: 0;
       height: 100%;
       position: absolute;
       top: 0;
       width: 100%;
   }
   a span { cursor: pointer; }
   /* /common elements
    *****************************************************/
   
   /* base layout
    *****************************************************/
   #container {
      margin: 0 auto;
      padding: 0 0 25px;
      width: 971px;
   }
   #branding {
      background: #fff url(../img/bg_branding.jpg) no-repeat 100% 100%;
      height: 172px;
   }
   #content {
      background: #fff url(../img/bg_content.jpg) no-repeat 50% 100%;
      float: left;
      font-size: 1.4em;
      line-height: 1.5;
      padding: 8px 0 19px;
      width: 100%;
   }
   #primary {
      float: right;
      width: 638px;
   }
   #main {
      background: #e0f0f6;
      border: 1px solid #b6b6b6;
      position: relative;
   }
   #main .bg {
      background: transparent url(../img/bg_main.png) no-repeat 0 0;
      left: -1px;
      position: relative;
      top: -1px;
      width: 638px;
   }
   #main .inner {
      background: transparent url(../img/bg_main.png) no-repeat 100% 100%;
      bottom: -2px;
      overflow: hidden;
      padding: 30px;
      position: relative;
      width: 578px;
   }
   #secondary {
      float: left;
      width: 324px;
   }
   #footer {
      background: #eaeaea url(../img/bg_footer.png) no-repeat 0 0;
      clear: left;
      font-size: 1.2em;
      line-height: 1.5;
      text-align: center;
   }
   .home #primary { float: left; }
   .home #secondary { float: right; }
   .home #main {
      background: #fff url(../img/bg_home_main.png) no-repeat 0 0;
      border: none;
   }
   .home #main .bg {
      background: none;
      position: relative;
   }
   .home #main .inner {
      background: transparent url(../img/bg_home_main.png) no-repeat 100% 100%;
      padding: 75px 30px 30px;
      left: 1px;
   }
   /* /base layout
    *****************************************************/
   
   /* branding elements
    *****************************************************/
   #site {
      float: left;
      margin: 13px 0 0;
   }
   #site img {
      color: #272525;
      text-align: center;
   }
   #phone {
      background: #818181 url(../img/bg_phone.png) no-repeat 0 0;
      color: #fff;
      float: right;
      font-size: 2.8em;
      font-weight: bold;
      height: 60px;
      line-height: 60px;
      overflow: hidden;
      text-align: center;
      width: 237px;
   }
   /* /branding elements
    *****************************************************/
   
   /* nav elements
    *****************************************************/
   #mainMenu {
      background: #c5233d url(../img/bg_main_menu.png) no-repeat 0 0;
      color: #fff;
      float: left;
      list-style: none;
      margin: 0;
      padding: 0;
      width: 100%;
   }
   #mainMenu li {
      float: left;
      height: 39px;
      line-height: 39px;
      position: relative;
	  z-index: 500;
   }
   #mainMenu a {
      background: transparent url(../img/bg_main_menu.png) no-repeat 0 -200px;
      color: #fff;
      display: block;
      font-size: 1.3em;
      font-weight: bold;
      text-align: center;
      text-transform: uppercase;
   }
   #mainMenu .active a { cursor: default; }
   #mHome a { width: 77px; }
   #mHome a:hover, #mFeatures:hover a, #mFeatures.hover a { background-position: -971px 0; }
   #mHome.active a { background-position: -1942px 0; }
   #mFeatures { margin: 0 0 0 -1px; }
   #mFeatures a {
      width: 161px;
   }
   #mFeatures a:hover, #mFeatures:hover a, #mFeatures.hover a { background-position: -1160px 0; }
   #mFeatures.active a { background-position: -2131px 0; }
   #mGallery { margin: 0 0 0 -1px; }
   #mGallery a {
      width: 161px;
   }
   #mGallery a:hover, #mGallery:hover a, #mGallery.hover a { background-position: -1160px 0; }
   #mGallery.active a { background-position: -2131px 0; }
   #mLinks { margin: 0 0 0 -1px; }
   #mLinks a {
      width: 60px;
   }
   #mLinks a:hover, #mLinks:hover a, #mLinks.hover a { background-position: -1331px 0; }
   #mLinks.active a { background-position: -2302px 0; }
   #mAuto { margin: 0 0 0 -1px; }
   #mAuto a {
      width: 156px;
   }
   #mAuto a:hover, #mAuto:hover a, #mAuto.hover a { background-position: -1401px 0; }
   #mAuto.active a { background-position: -2372px 0; }
   #mMotor { margin: 0 0 0 -1px; }
   #mMotor a {
      width: 165px;
   }
   #mMotor a:hover, #mMotor:hover a, #mMotor.hover a { background-position: -1567px 0; }
   #mMotor.active a { background-position: -2538px 0; }
   #mEvents { margin: 0 0 0 -1px; }
   #mEvents a {
      width: 72px;
   }
   #mEvents a:hover, #mEvents:hover a, #mEvents.hover a { background-position: -1742px 0; }
   #mEvents.active a { background-position: -2713px 0; }
   #mContact { margin: 0 0 0 -1px; }
   #mContact a {
      width: 107px;
   }
   #mContact a:hover, #mContact:hover a, #mContact.hover a { background-position: -1824px 0; }
   #mContact.active a { background-position: -2795px 0; }
   #mainMenu ul {
      background: #008bce;
      border: 1px solid #0a6fae;
      display: none;
      left: 20px;
      list-style: none;
      margin: 0;
      padding: 5px 0;
      position: absolute;
   }
   #mainMenu li:hover ul, #mainMenu li.hover ul { display: block; }
   #mainMenu li li {
      font-size: 0.924em;
      height: auto;
      line-height: 1;
   }
   #mainMenu li li a, #mainMenu li:hover li a, #mainMenu li.hover li a {
      background: transparent url(../img/bg_main_menu_sub_link.png) no-repeat 15px 50%;
      padding: 8px 14px 8px 25px;
      text-align: left;
      white-space: nowrap;
      width: auto;
   }
   #mainMenu li li a:hover {
      background: transparent url(../img/bg_main_menu_sub_link.png) no-repeat 15px 50%;
      text-decoration: underline;
   }
   #subMenu {
      border: 1px solid #b6b6b6;
      font-size: 0.912em;
      font-weight: bold;
      list-style: none;
      margin: 0 0 30px;
      padding: 0;
      position: relative;
      text-transform: uppercase;
   }
   #subMenu li {
      left: -1px;
      position: relative;
      width: 324px;
   }
   #subMenu li.first {
      background: transparent url(../img/bg_sub_menu.png) no-repeat 0 0;
      margin: -1px 0 0;
   }
   #subMenu li.last {
      background: transparent url(../img/bg_sub_menu.png) no-repeat -324px 100%;
      margin: 0 0 -1px;
   }
   #subMenu a {
      background: transparent url(../img/bg_sub_menu.png) no-repeat -2592px 0;
      color: #000;
      display: block;
      padding: 9px 35px 8px;
   }
   #subMenu li.first a,
   #subMenu li.last a { background: none; }
   #subMenu a:hover {
      background: #036cad url(../img/bg_sub_menu.png) no-repeat -1296px 0;
      color: #fff;
   }
   #subMenu li.first a:hover {
      background: #036cad url(../img/bg_sub_menu.png) no-repeat -648px 0;
   }
   #subMenu li.last a:hover {
      background: #036cad url(../img/bg_sub_menu.png) no-repeat -972px 100%;
   }
   /*
    * Use .firstActive (first active submenu item) and .lastActive in IE 6 and lower
    */
   #subMenu li.first.active a, #subMenu li.firstActive a {
      background: #c3c3c3 url(../img/bg_sub_menu.png) no-repeat -1944px 0;
   }
   #subMenu li.last.active a, #subMenu li.lastActive a {
      background: #c3c3c3 url(../img/bg_sub_menu.png) no-repeat -2268px 100%;
   }
   #subMenu li.active a {
      background: #c3c3c3 url(../img/bg_sub_menu.png) no-repeat -1620px 0;
      color: #000;
      cursor: default;
   }
   /* /nav elements
    *****************************************************/
   
   /* content elements
    *****************************************************/
   p, ul, ol, dl, table, h1, h2, h3, h4, h5, h6 { margin: 0 0 1em; }
   blockquote {
      font-style: italic;
      padding: 0 20px
   }
   ul {
      list-style: disc;
      padding: 0 0 0 20px;
   }
   img.r { margin: 0 0 10px 20px; }
   h1#title {
      color: #c41f3a;
      font-size: 1.5em;
      font-weight: normal;
      text-transform: uppercase;
   }
   .home #title {
      left: -1000em;
      position: absolute;
   }
   #main a {
      color: #000;
      text-decoration: underline;
   }
   #main a:hover { text-decoration: none; }
   #featured {
      height: 280px;
      margin: 0 0 9px;
      width: 100%;
   }
   #main a.more {
      background: #a71a2a url(../img/bg_link_more.png) no-repeat 0 -100px;
      color: #fff;
      float: right;
      text-decoration: none;
   }
   #main a.more span {
      background: transparent url(../img/bg_link_more.png) no-repeat 100% -100px;
      float: right;
      font-size: 0.912em;
      font-weight: bold;
      height: 39px;
      line-height: 39px;
      padding: 0 25px 0 15px;
   }
   #main a.more:hover {
      background-color: #32beec;
      background-position: 0 0;
   }
   #main a.more:hover span { background-position: 100% 0; }
   .quote {
      background: #6a6a6a;
      color: #fff;
      font-size: 1.572em;
      height: 60px;
      margin: 0 0 9px;
      padding: 75px 0 0 105px;
      text-transform: uppercase;
   }
   .quote em {
      display: block;
      font-family: Times, "Times New Roman", serif;
      font-size: 2.5em;
      left: 15px;
      position: absolute;
      top: 25px;
      text-transform: none;
   }
   .quote a { color: #fff; }
   #qAutomobile span { background: transparent url(../img/bg_quote_auto.jpg) no-repeat 0 0; }
   #qMotorcycle span { background: transparent url(../img/bg_quote_motor.jpg) no-repeat 0 0; }
   #qAutomobile a:hover span { background-position: -324px 0; }
   #qMotorcycle a:hover span { background-position: -324px 0; }
   #newsResources {
      border: 1px solid #b6b6b6;
      margin: 0 0 40px;
      position: relative
   }
   #newsResources h2 {
      background: #50b5de;
      color: #fff;
      font-size: 22px;
      font-weight: normal;
      height: 60px;
      left: -1px;
      line-height: 60px;
      margin: 0;
      padding: 0 0 0 23px;
      position: relative;
      text-transform: uppercase;
      top: -1px;
      width: 301px;
   }
   #newsResources h2 span { background: transparent url(../img/bg_title_news_resources.png) no-repeat 0 0; }
   ul.news {
      background: transparent url(../img/bg_list_news_resources.png) no-repeat 0 100%;
      bottom: -1px;
      left: -1px;
      list-style: none;
      margin: -2px 0 0;
      padding: 0 1px 1px;
      position: relative;
      width: 322px;
   }
   .news li {
      padding: 5px 15px 5px 35px;
   }
   .news li.even {
      background: #eaeaea;
   }
   .news a { color: #000; }
   .news a:hover { text-decoration: underline; }
   #contact {
      font-size: 0.929em;
      margin: 40px 0 0;
      text-align: center;
   }
   #contact h2 {
      color: #c41f3a;
      font-size: 1.616em;
      font-weight: normal;
      line-height: 1.1;
      margin: 0;
      text-transform: uppercase;
   }
   #contact h3 { margin: 0; }
   #contact a {
      color: #000;
      text-decoration: underline;
   }
   #contact a:hover { text-decoration: none; }
   
   .quote_table TD {padding:3px}
   
   /* /content elements
    *****************************************************/
   
   /* footer elements
    *****************************************************/
   #footer .inner {
      background: transparent url(../img/bg_footer.png) no-repeat 100% 100%;
      padding: 12px 0;
   }
   #footer ul { margin: 0 0 6px; }
   #footer li {
      display: inline;
      margin: 0 3px;
   }
   #footer a { color: #000; }
   #footer a:hover {
      color: #046aab;
      text-decoration: underline;
   }
   #copyright {
      font-size: 0.917em;
      margin: 0;
   }
   #flag {
      background: transparent url(../img/bg_flag.jpg) no-repeat 0 0;
      display: block;
      height: 51px;
      margin: 15px auto 0;
      text-indent: -1000em;
      width: 67px;
   }
   /* /footer elements
    *****************************************************/
}
@media print {
    body {
        color: #000;
        font: 12pt/1.5 Verdana,sans-serif;
    }
    a { color: #000; }
    a img { border: none; }
    #mainMenu, #secondary, .menu, #featured { display: none; }
    #title { font-size: 120%; }
    #copyright { font-size: 90%; }
    .print { display: block; }
}
#addthis { display: block!important; margin: 15px auto 0;!important; text-align: center!important; }