#nav {
    top: 0;
    width: 100%;
    margin-top: -1em;
    position: absolute;
}


#nav li {
    float: left;
    display: block;
}

#nav ul li {
    float: none;
    background: transparent url('../png/nav-li-divider.png') no-repeat 1px 100%;
}

#nav ul li.last { background: none; }

#nav a {
    color:#000;
	display: block;
    line-height: 1em;
    text-decoration: none;
    
    position: relative;
    padding: 5px;
    z-index: 1;
}

#nav ul li a {
    border: none;
    padding: 0.5em;
    position: inherit;
}

#nav li:hover   a,
#nav li.sfhover a {
    background-color: #eee;
    z-index: 3;
}

#nav li:hover   li a,
#nav li.sfhover li a {
    background: transparent;
    border: none;
    z-index: auto;
}

#nav ul div {
    margin-left: 200px;
    margin-top: -2em;
}

#nav div {
    left: -999em;
    width: 200px;
    position: absolute;
    background: #fff url('../png/nav-bg-BR.png') no-repeat 100% 100%;
}

#nav div ul {
    background: url('../png/nav-bg-TL.png') no-repeat 0 0;
}

#nav ul li.parent    a { background: url('../png/nav-more.png') no-repeat 100% 50% !important; }
#nav ul li.parent li a { background: none !important; }

#nav ul li:hover,       #nav ul li.sfhover       { background-color: #ddd; }
#nav ul li.first:hover, #nav ul li.sfhover-first { background-position: 0 1px; }
#nav ul li.last:hover,  #nav ul li.sfhover-last  { background-position: 0 100%; }

#nav li:hover   div,
#nav li.sfhover div {
    left: auto;
    z-index: 2;
}

#nav li.dont-expand div { left: -999em !important; }

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

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

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