#topnav {
	height: 51px;
	width: 800px;
}
#topnavi {
 width: 800px;
 height: 51px;
 background: url(../images/nav222.jpg) no-repeat;
 margin: 0px; padding: 0;
 position: relative;
}
#topnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
}

#topnavi a {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #B18E3E;
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
	text-align: center;
	background-color: transparent;

}

#topnavi1 {left: 20px; top: 0px; width: 55px; height: 51px; margin-top: 7px;}
#topnavi2 {left: 75px; top: 0px; width: 100px; height: 51px; margin-top: 7px;}
#topnavi3 {left: 175px; top: 0px; width: 100px; height: 51px; margin-top: 7px;}
#topnavi4 {left: 275px; top: 0px; width: 85px; height: 51px; margin-top: 7px;}
#topnavi5 {left: 360px; top: 0px; width: 80px; height: 51px; margin-top: 7px;}
#topnavi6 {left: 443px; top: 0px; width: 131px; height: 51px; margin-top: 7px;}
#topnavi7 {left: 573px; top: 0px; width: 106px; height: 51px; margin-top: 7px;}
#topnavi8 {left: 679px; top: 0px; width: 105px; height: 51px; margin-top: 7px;}

#topnavi1 a {height: 37px; margin-left: 0px; padding-top: 14px;}
#topnavi2 a {height: 37px; margin-left: 0px; padding-top: 8px;}
#topnavi3 a {height: 37px; margin-left: 0px; padding-top: 8px;}
#topnavi4 a {height: 37px; margin-left: 0px; padding-top: 8px;}
#topnavi5 a {height: 37px; margin-left: 0px; padding-top: 14px;}
#topnavi6 a {height: 37px; margin-left: 0px; padding-top: 8px;}
#topnavi7 a {height: 37px; margin-left: 0px; padding-top: 14px;}
#topnavi8 a {height: 37px; margin-left: 0px; padding-top: 14px;}

#topnavi1 a:hover {
	background: #857261 url(../images/nav222.jpg) no-repeat -20px -51px;
	color: #FFFFFF;
}
#topnavi2 a:hover {
	background: #857261 url(../images/nav222.jpg) no-repeat -75px -51px;
	color: #FFFFFF;
}
#topnavi3 a:hover {
	background: #857261 url(../images/nav222.jpg) -175px -51px no-repeat;
	color: #FFFFFF;
}
#topnavi4 a:hover {
	background: #857261 url(../images/nav222.jpg) -275px -51px no-repeat;
	color: #FFFFFF;
}
#topnavi5 a:hover {
	background: #857261 url(../images/nav222.jpg) -360px -51px no-repeat;
	color: #FFFFFF;
}
#topnavi6 a:hover {
	background: #857261 url(../images/nav222.jpg) -443px -51px no-repeat;
	color: #FFFFFF;
}
#topnavi7 a:hover {
	background: #857261 url(../images/nav222.jpg) -573px -51px no-repeat;
	color: #FFFFFF;
}
#topnavi8 a:hover {
	background: #857261 url(../images/nav222.jpg) -679px -51px no-repeat;
	color: #FFFFFF;
}