/* CSS Document */

#navi {
	padding: 0;
	background: url(../images/navi_bottom.jpg) no-repeat center bottom;
}

#navi ul {
	list-style: none;
	margin-bottom: 50px;	
}

#navi ul a {
	text-indent: -9999px;
	display: block;
	width: 150px;
	height: 35px;
	text-decoration:none;
	overflow: hidden;
}

#menu1 a:link,#menu1 a:visited {
	background: url(../images/navi.gif) 0px 0px;
}
#menu1 a:hover,#menu1-sty a {
	background: url(../images/navi.gif) -150px 0px;
}
#menu2 a:link,#menu2 a:visited {
	background: url(../images/navi.gif) 0px -37px;
}
#menu2 a:hover,#menu2-sty a {
	background: url(../images/navi.gif) -150px -37px;
}
#menu3 a:link,#menu3 a:visited {
	background: url(../images/navi.gif) 0px -74px;
}
#menu3 a:hover,#menu3-sty a {
	background: url(../images/navi.gif) -150px -74px;
}
#menu4 a:link,#menu4 a:visited {
	background: url(../images/navi.gif) 0px -111px;
}
#menu4 a:hover,#menu4-sty a {
	background: url(../images/navi.gif) -150px -111px;
}
#menu5 a:link,#menu5 a:visited {
	background: url(../images/navi.gif) 0px -148px;
}
#menu5 a:hover,#menu5-sty a {
	background: url(../images/navi.gif) -150px -148px;
}

#menu6 a:link,#menu6 a:visited {
	background: url(../images/navi.gif) 0px -185px;
}
#menu6 a:hover,#menu6-sty a {
	background: url(../images/navi.gif) -150px -185px;
}

#menu7 a:link,#menu7 a:visited {
	background: url(../images/navi.gif) 0px -222px;
}
#menu7 a:hover,#menu7-sty a {
	background: url(../images/navi.gif) -150px -222px;
}

#menu8 a:link,#menu8 a:visited {
	background: url(../images/navi.gif) 0px -259px;
}
#menu8 a:hover,#menu8-sty a {
	background: url(../images/navi.gif) -150px -259px;
}

#menu9 a:link,#menu9 a:visited {
	background: url(../images/navi.gif) 0px -296px;
}
#menu9 a:hover,#menu9-sty a {
	background: url(../images/navi.gif) -150px -296px;
}

#navi li{
    margin-bottom:2px;
}