/* =-=-=-=-=-=-=-[MAIN NAV]-=-=-=-=-=-=-=- */
.menu { list-style: none; margin: 0 0 0 298px; padding: 0; }  
.menu li { display: block; overflow: hidden; padding: 0; float: left; height: 30px; margin-right: 0; background-image:url(../graphics/global/main-nav-css.png); text-indent: -9999px; margin-top: 0; }  
.menu a { display:block; height:30px; text-indent:-9999px; cursor: pointer; }

#item1 { background-position: 0 0; width: 52px; }
#item2 { background-position: -52px 0; width: 88px; }
#item3 { background-position: -140px 0; width: 105px; }
#item4 { background-position: -245px 0; width: 94px; }
#item5 { background-position: -339px 0; width: 62px; }
#item6 { background-position: -401px 0; width: 101px; }
#item1_current { background-position: 0 -60px; width: 52px; }
#item2_current { background-position: -52px -60px; width: 88px; }
#item3_current { background-position: -140px -60px; width: 105px; }
#item4_current { background-position: -245px -60px; width: 94px; }
#item5_current { background-position: -339px -60px; width: 62px; }
#item6_current   { background-position: -401px -60px; width: 101px; }
#item1.active, #item1:hover { background-position: 0 -30px; width: 52px; }
#item2.active, #item2:hover { background-position: -52px -30px; width: 88px; }
#item3.active, #item3:hover { background-position: -140px -30px; width: 105px; }
#item4.active, #item4:hover { background-position: -245px -30px; width: 94px; }
#item5.active, #item5:hover { background-position: -339px -30px; width: 62px; }
#item6.active, #item6:hover   { background-position: -401px -30px; width: 101px; }