/* CSS Document */

ul#menu{
    list-style-type:none;
	margin:0;
	padding:0;
}
ul#menu li{
    list-style-type:none;
    float:left;
}
ul#menu li.menu1 a{
    display:block;
    width:54px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu1.gif) no-repeat;
}

ul#menu li.menu1 a:hover{
background: url(../img/menu1_on.gif) no-repeat;
}

ul#menu li.menu2 a{
    display:block;
    width:123px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu2.gif) no-repeat;
}

ul#menu li.menu2 a:hover{
background: url(../img/menu2_on.gif) no-repeat;
}

ul#menu li.menu3 a{
    display:block;
    width:182px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu3.gif) no-repeat;
}

ul#menu li.menu3 a:hover{
background: url(../img/menu3_on.gif) no-repeat;
}

ul#menu li.menu4 a{
    display:block;
    width:100px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu4.gif) no-repeat;
}

ul#menu li.menu4 a:hover{
background: url(../img/menu4_on.gif) no-repeat;
}

ul#menu li.menu5 a{
    display:block;
    width:111px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu5.gif) no-repeat;
}

ul#menu li.menu5 a:hover{
background: url(../img/menu5_on.gif) no-repeat;
}

ul#menu li.menu6 a{
    display:block;
    width:65px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu6.gif) no-repeat;
}

ul#menu li.menu6 a:hover{
background: url(../img/menu6_on.gif) no-repeat;
}

ul#menu li.menu7 a{
    display:block;
    width:65px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu7.gif) no-repeat;
}

ul#menu li.menu7 a:hover{
background: url(../img/menu7_on.gif) no-repeat;
}

ul#menu li.menu8 a{
    display:block;
    width:167px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu8.gif) no-repeat;
}

ul#menu li.menu8 a:hover{
background: url(../img/menu8_on.gif) no-repeat;
}


/* on */
ul#menu li.menu1_on a{
    display:block;
    width:54px;
    height:40px;
    text-indent:-9999px;
    overflow:hidden;
	text-decoration: none;
background: url(../img/menu1_on.gif) no-repeat;
}