@charset "UTF-8";
#navi {
	width: 692px;
	height: 33px;
	margin-left: 150px;
	margin-top: 25px;
}
#navi ul,#navi li {
	margin: 0px;
	padding: 0px;
}
#navi li { display: inline; }
#navi a { float: left; height: 0; padding-top: 33px; overflow: hidden; }
#navi a {
	background-image: url(../images/navi.gif);
	background-repeat: no-repeat;
}
/* BUTTONS */
#navi-1 a ,
#navi-1-on a {
	width: 73px;
}
#navi-2 a ,
#navi-2-on a {
	width: 97px;
}
#navi-3 a ,
#navi-3-on a {
	width: 96px;
}
#navi-4 a ,
#navi-4-on a {
	width: 104px;
}
#navi-5 a ,
#navi-5-on a {
	width: 106px;
}
#navi-6 a ,
#navi-6-on a {
	width: 112px;
}
#navi-7 a ,
#navi-7-on a {
	width: 104px;
}

#navi-1 a {
	background-position: 0 0;
}
#navi li#navi-2 a {
	background-position: -73px 0;
}
#navi li#navi-3 a {
	background-position: -170px 0;
}
#navi li#navi-4 a {
	background-position: -266px 0;
}
#navi li#navi-5 a {
	background-position: -370px 0;
}
#navi li#navi-6 a {
	background-position: -476px 0;
}
#navi li#navi-7 a {
	background-position: -588px 0;
}


/* OVER STATES */
#navi li#navi-1 a:hover {
	background-position: 0 -34px;
}
#navi li#navi-2 a:hover {
	background-position: -73px -34px;
}
#navi li#navi-3 a:hover {
	background-position: -170px -34px;
}
#navi li#navi-4 a:hover {
	background-position: -266px -34px;
}
#navi li#navi-5 a:hover {
	background-position: -370px -34px;
}
#navi li#navi-6 a:hover {
	background-position: -476px -34px;
}
#navi li#navi-7 a:hover {
	background-position: -588px -34px;
}

/* ON STATES */
#navi li#navi-1-on a {
	background-position: 0 -68px;
}
#navi li#navi-2-on a {
	background-position: -73px -68px;
}
#navi li#navi-3-on a {
	background-position: -170px -68px;
}
#navi li#navi-4-on a {
	background-position: -266px -68px;
}
#navi li#navi-5-on a {
	background-position: -370px -68px;
}
#navi li#navi-6-on a {
	background-position: -476px -68px;
}
#navi li#navi-7-on a {
	background-position: -588px -68px;
}

/* ON STATES */
#navi li#navi-1-on a:hover  {
	background-position: 0 -34px;
}
#navi li#navi-2-on a:hover  {
	background-position: -73px -34px;
}
#navi li#navi-3-on a:hover  {
	background-position: -170px -34px;
}
#navi li#navi-4-on a:hover  {
	background-position: -266px -34px;
}
#navi li#navi-5-on a:hover  {
	background-position: -370px -34px;
}
#navi li#navi-6-on a:hover  {
	background-position: -476px -34px;
}
#navi li#navi-7-on a:hover  {
	background-position: -588px -34px;
}