/* =Navigation
---------------------------------------------------------------------
*/
#nav ul, #nav li{
list-style:none;
list-style-position:inside;
}
#nav{
   clear: left;
   float: left;
   list-style: none;
   z-index:999;
}

#nav li{
   float: left;
   border-bottom: 1px solid #222;
   text-align: left;
   text-indent:2px;
}


#nav li a{
   display: block;
   width: 220px;
   padding-top: 4px;
   padding-bottom:4px;
   color: #fff;
   text-decoration: none;

}

#nav li a:hover{
   background: #fff;
   color: #000;
}
#nav li.active a{
   color: #000;
   background:#fff;
}

#nav li ul{
   position: absolute;
   left: -999em;
   z-index: 999;
   width: 190px;
   margin: -20px 0 0 140px;
   list-style: none;
   line-height: 1;
}

#nav li li{
   border: 0;
   text-align: left;
}

#nav li ul ul{
   margin: -20px 0 0 140px;
   
}

#nav li:hover ul ul,
#nav li.sfhover ul ul{
   left: -999em;
}

#nav li:hover ul,
#nav li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul{
   left: auto;
   background-color:#333;
   border:1px solid #222;

}

#nav li li li{
font-size:11px;
}

#nav li li a{
   width: 170px;
   padding: 6px 10px;   
   border-bottom: 1px solid #222;
   font-size:1em;
}

#nav li.active li a{

   background: #333;
   color: #fff;
}

#nav li.active li a:hover{
   background: #222;
   color: #fff;
}