/* CSS Document 
*
* block: autonav
* template: main-nav
*
*/

#main-nav{}
  

#main-nav ul.nav-main{background:#9d2b3a;float:left;margin:0; padding:0;list-style:none; 
  -webkit-border-radius:6px; 
     -moz-border-radius:6px; 
          border-radius:6px;  
  height:auto;}

#main-nav ul.nav-main li{display:block; position:relative;overflow:visible;float:left;margin:0; font-size:1.15em;line-height:1.5;}
#main-nav ul.nav-main li a { color:#FFFFFF; display:block;float:left; height:100%;margin:0 0 0 1px; text-decoration:none;}
#main-nav ul.nav-main li a span.nav-title {   
  background-color:#9d2b3a;    
  -webkit-transition:all 200ms; 
     -moz-transition:all 200ms;
          transition:all 200ms;
  display:block;padding:12px 18px 11px 18px;
}

#main-nav ul.nav-main li a:hover span.nav-title, #main-nav ul.nav-main li a.nav-selected span.nav-title, #main-nav ul.nav-main li a.nav-path-selected span.nav-title {background:#3d0f09;}
#main-nav ul.nav-main li:first-child span.nav-title {border-radius:6px 0 0 6px; -moz-border-radius:6px 0 0 6px; -webkit-border-radius:6px 0 0 6px;}
#main-nav ul.nav-main li:last-child span.nav-title {border-radius:0 6px 6px 0; -moz-border-radius:0 6px 6px 0; -webkit-border-radius:0 6px 6px 0;}

#main-nav ul.nav-main li:first-child a {margin-left:0px;} 

#main-nav ul.nav-main li:before {
  content: '';
  display: block;width: 1px;height:30px;
  position: absolute;left:0px; bottom:0px;       
  /* fallback */ 
  background:#720419 url(images/dd_nav.gif) no-repeat bottom left;  
  /* Safari 4-5, Chrome 1-9 */ 
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9d2b3a), to(#720419));       
  /* Safari 5.1, Chrome 10+ */ 
  background: -webkit-linear-gradient(bottom, #720419, #9d2b3a);       
  /* Firefox 3.6+ */ 
  background: -moz-linear-gradient(bottom, #720419, #9d2b3a); 

  /* IE 10 */ 
  background: -ms-linear-gradient(bottom, #720419, #9d2b3a); 
  /* Opera 11.10+ */ 
  background: -o-linear-gradient(bottom, #720419, #9d2b3a);

}

#main-nav ul.nav-main li:first-child:before { 
  content: '';
  display: block;
  width: 0px;
} 


#main-nav ul.nav-main li a span.arrow {
      padding:0; margin:0;
      display:block;
    }
#main-nav ul.nav-main li a:hover span.arrow {}    
#main-nav ul.nav-main li a.nav-selected span.arrow,  #main-nav ul.nav-main li a.nav-path-selected span.arrow {
    display:block;
    font-size: 0px; line-height: 0em; width: 0px;
    border-top: 8px solid #3d0f09;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position:absolute; bottom:-8px; left:45%;
    background:transparent;
    }


/* level 2 */
#main-nav ul.nav-main li ul {display:none;}

/*level 3*/
#main-nav ul.nav-main li ul li ul {display:none;}