#topnavi {
	width: 828px;
	height: 43px;
	padding: 0;
	position: relative;
	margin: 0px;
}
#topnavi li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	display: block;
}
#topnavi a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 2px;
	padding-bottom: 20px;
	font-size: 14px;
	background-color: transparent;
	padding-right: 4px;
	text-align: right;
	font-weight: bold;
}
#topnavi1 {left: 3px; top: 4px; width: 133px; height: 37px; background-image: url(../images/home-bg.gif);}
#topnavi2 {left: 140px; top: 4px; width: 133px; height: 37px; background-image: url(../images/but-bg.gif);}
#topnavi3 {left: 278px; top: 4px; width: 133px; height: 37px; background-image: url(../images/but-bg.gif);}
#topnavi4 {left: 416px; top: 4px; width: 133px; height: 37px; background-image: url(../images/but-bg.gif);}
#topnavi5 {left: 554px; top: 4px; width: 133px; height: 37px; background-image: url(../images/but-bg.gif);}
#topnavi6 {left: 692px; top: 4px; width: 133px; height: 37px; background-image: url(../images/contact-bg.gif);}

#topnavi1 a {height: 16px;}
#topnavi2 a {height: 16px;}
#topnavi3 a {height: 16px;}
#topnavi4 a {height: 16px;}
#topnavi5 a {height: 16px;}
#topnavi6 a {height: 16px;}
#topnavi7 a {height: 16px;}
#topnavi8 a {height: 16px;}
#topnavi9 a {height: 16px;}

#topnavi a:hover {
	color: #FFFFFF;
}

#topnavi1 a:hover {	background: url(../images/home-bg-roll.gif) no-repeat;}
#topnavi2 a:hover {	background: url(../images/about-bg-roll.gif) no-repeat;}
#topnavi3 a:hover {	background: url(../images/work-bg-roll.gif) no-repeat;}
#topnavi4 a:hover {	background: url(../images/services-bg-roll.gif) no-repeat;}
#topnavi5 a:hover {	background: url(../images/clients-bg-roll.gif) no-repeat;}
#topnavi6 a:hover {	background: url(../images/contact-bg-roll.gif) no-repeat;}