#mainnav {
    margin:0;
    padding:0;
    position:relative;
    width:940px;
    height:45px;
}

#mainnav li {
    padding:0;
    list-style-type:none;
    
    
}

#mainnav li a {
    color:#ffffff;
    height:45px;
    display:block;
}

#mainnav li ul {
    display:none;
}

/* [active] */

#mainnav.active li {
    position:absolute;
}

#mainnav.active li a {
    background:url(menu-sprite.gif) no-repeat top;
    text-indent:-9000px;
    display:block;
    height:45px;
}

/* [position left] */
#mainnav #item-0 { top:0; left:0; }
#mainnav #item-1 { top:0; left:55px; }
#mainnav #item-2 { top:0; left:220px; }
#mainnav #item-3 { top:0; left:405px; }

#mainnav #item-0 a.root { width:55px; background-position:0 0; }
#mainnav #item-1 a.root { width:165px; background-position:-55px 0; }
#mainnav #item-2 a.root { width:185px; background-position:-220px 0; }
#mainnav #item-3 a.root { width:130px; background-position:-405px 0; }

#mainnav #item-0.over a.root { background-position:0 -90px; }
#mainnav #item-1.over a.root { background-position:-55px -90px; }
#mainnav #item-2.over a.root { background-position:-220px -90px; }
#mainnav #item-3.over a.root { background-position:-405px -90px; }

#mainnav #item-0.selected a.root { background-position:0 -45px; }
#mainnav #item-1.selected a.root { background-position:-55px -45px; }
#mainnav #item-2.selected a.root { background-position:-220px -45px; }
#mainnav #item-3.selected a.root { background-position:-405px -45px; }

/* [position right] */
#mainnav #item-4 { top:0; right:175px; }
#mainnav #item-5 { top:0; right:90px; }
#mainnav #item-6 { top:0; right:0; }

#mainnav #item-4 a.root { width:60px; background-position:-535px 0; }
#mainnav #item-5 a.root { width:85px; background-position:-595px 0; }
#mainnav #item-6 a.root { width:90px; background-position:-680px 0; }

#mainnav #item-4.over a.root { width:60px; background-position:-535px -90px; }
#mainnav #item-5.over a.root { width:85px; background-position:-595px -90px; }
#mainnav #item-6.over a.root { width:90px; background-position:-680px -90px; }

#mainnav #item-4.selected a.root { width:60px; background-position:-535px -45px; }
#mainnav #item-5.selected a.root { width:85px; background-position:-595px -45px; }
#mainnav #item-6.selected a.root { width:90px; background-position:-680px -45px; }