.nav, .nav * {
    margin:0;
    padding:0;
}
.nav {
    float: left;
    position:relative;
}
.nav ul {
    background:#fff; /*IE6 needs this*/
    float: left;
    position:relative;
}
.nav li {
    float: left;
    list-style:none;
    z-index:999;
}
.nav li.current ul {
    z-index: 999;
}
.nav li.sfHover ul,
ul.nav li:hover ul {
    z-index: 1000;
}

.nav a {
    display:block;
    float: left;
}
.nav li ul {
    left:0;
    top:-999em;
    position:absolute;
}



.nav li:hover li ul,
.nav li.sfHover li ul {
    top:-999em;
}

/*following rule negates pure CSS hovers
so submenu remains hidden and JS controls
when and how it appears*/
.superfish li:hover ul,
.superfish li li:hover ul {
    top: -999em;
}