/* =-=-=-=-=-=-=-[MAIN NAV]-=-=-=-=-=-=-=- */
.menu { list-style: none; position: relative; margin: 0; padding: 0; }  
.menu li { display: block; overflow: hidden; padding: 0; float: left; width: 105px; height: 30px; margin-right: 0; background-image:url(../graphics/menu_CSS.jpg); background-repeat:no-repeat; text-indent: -9999px; margin-top: 0; }  
.menu a { display:block; height:30px; text-indent:-9999px; outline:none medium; cursor: pointer; }

#item1 { background-position: 0px 0px; }
#item2 { background-position: -105px 0; }
#item3 { background-position: -210px 0; }
#item4 { background-position: -315px 0; }
#item5 { background-position: -420px 0; }
#item6 { background-position: -525px 0; }
#item7 { background-position: -630px 0; }
#item8 { background-position: -735px 0; }
#item1_current { background-position: 0px -60px; }
#item2_current { background-position: -105px -60px; }
#item3_current { background-position: -210px -60px; }
#item4_current { background-position: -315px -60px; }
#item5_current { background-position: -420px -60px; }
#item6_current { background-position: -525px -60px; }
#item7_current { background-position: -630px -60px; }
#item8_current { background-position: -735px -60px; }
#item1.active, #item1:hover { background-position: 0px -30px; }
#item2.active, #item2:hover { background-position: -105px -30px; }
#item3.active, #item3:hover { background-position: -210px -30px; }
#item4.active, #item4:hover { background-position: -315px -30px; }
#item5.active, #item5:hover { background-position: -420px -30px; }
#item6.active, #item6:hover { background-position: -525px -30px; }
#item7.active, #item7:hover { background-position: -630px -30px; }
#item8.active, #item8:hover { background-position: -735px -30px; }