/* main navigation styles */

#navigation {
width: 780px;
padding : 0;
margin: 0 auto ;
height: 26px;
overflow: hidden;
font-size: 10px;

}

#navigation li {
float:left;
list-style-type: none;
}

li#menu01 {
width:90px;
}

li#menu02,
li#menu03 {
width:94px;
}

li#menu04{
width:75px;
}

li#menu05,
li#menu06 {
width:80px;
}

li#menu07 {
width:66px;
}

li#menu08 {
width:80px;
}

li#menu09 {
width:121px;
}

#navigation li a {
width: 100%;
display: block;
background: url(images/navi_bg.gif) ;
overflow: hidden;
height: 0 !important;
height: 26px;
padding-top: 26px;
float:left;
}

/* offmouse */

#menu01 a { background-position:   0     0; }
li#menu02 a { background-position:  -90px  0; }
li#menu03 a { background-position:  -184px  0; }
li#menu04 a { background-position:  -278px  0; }
li#menu05 a { background-position:  -353px  0; }
li#menu06 a { background-position:  -433px  0; }
li#menu07 a { background-position:  -513px  0; }
li#menu08 a { background-position:  -579px  0; }
li#menu09 a { background-position:  -659px  0; }



/* onmouse */

#menu01 a:hover,
#menu01.act a { background-position:   0     -26px; }
#menu02 a:hover { background-position:  -90px  -26px; }
#menu03 a:hover,
#menu03.act a { background-position:  -184px -26px; }
#menu04 a:hover,
#menu04.act a { background-position:  -278px -26px; }
#menu05 a:hover,
#menu05.act a { background-position:  -353px -26px; }
#menu06 a:hover,
#menu06.act a { background-position:  -433px -26px; }
#menu07 a:hover,
#menu07.act a { background-position:  -513px -26px; }
#menu08 a:hover,
#menu08.act a { background-position:  -579px -26px; }
#menu09 a:hover,
#menu09.act a { background-position:  -659px -26px; }