/*------- navigation ----*/

#navi {
	width:860px;
	margin: 0px auto;
	height: 70px;
}
#hnavi { margin:0xp;

}
#hnavi ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;

}
#hnavi li{
float:left;
list-style-type:none;
display:block;
}

#hnavi a{
display:block;
text-decoration:none;
text-indent:-9999px;
height:70px;
width:172px;
border:none;
}


#hnavi a.m1{
	background-image: url(img/navi1.gif);
	background-repeat: no-repeat;
}
#hnavi a:hover.m1,
#hnavi a.m1on{
background:url(img/navi1d.gif) no-repeat;
}
#hnavi a.m1_on{
	background-image: url(img/navi1o.gif);
	background-repeat: no-repeat;
}

#hnavi a.m2{
	background-image: url(img/navi2.gif);
	background-repeat: no-repeat;
}
#hnavi a:hover.m2,
#hnavi a.m2on{
background:url(img/navi2d.gif) no-repeat;
}
#hnavi a.m2_on{
	background-image: url(img/navi2o.gif);
	background-repeat: no-repeat;
}

#hnavi a.m3{
	background-image: url(img/navi3.gif);
	background-repeat: no-repeat;
}

#hnavi a:hover.m3,
#hnavi a.m3on{
background:url(img/navi3d.gif) no-repeat;
}
#hnavi a.m3_on{
	background-image: url(img/navi3o.gif);
	background-repeat: no-repeat;
}

#hnavi a.m4{
	background-image: url(img/navi4.gif);
	background-repeat: no-repeat;
}

#hnavi a:hover.m4,
#hnavi a.m4on{
background:url(img/navi4d.gif) no-repeat;
}
#hnavi a.m4_on{
	background-image: url(img/navi4o.gif);
	background-repeat: no-repeat;
}

#hnavi a.m5{
	background-image: url(img/navi5.gif);
	background-repeat: no-repeat;
}
#hnavi a:hover.m5,
#hnavi a.m5on{
background:url(img/navi5d.gif) no-repeat;
}
#hnavi a.m5_on{
	background-image: url(img/navi5o.gif);
	background-repeat: no-repeat;
}