#topmenu{
	background: url(topbg.gif);
	width: 100%;
	height: 80px;
}


#topmenu ul {
	list-style: none;
	display: block;
	margin: 0 auto 0 auto;
	width: 685px;
	padding-top: 15px;
}

#topmenu ul li span{
	/* Skyffla textlänkarna utanför bild */
	position: absolute;
	top: -300px;
}

#topmenu ul li {
	float: left;
	margin: 0;
	padding: 0 20px 0 0;
}


#topmenu ul li a{
	display: block;
	background-repeat: no-repeat;
}

#topmenu ul li#nautiz-x7 a {
	background-image: url(nautiz-x7.gif);
	width: 113px; height: 50px;
}

#topmenu ul li#recon a {
	background-image: url(recon.gif);
	width: 97px; height: 50px;
}

#topmenu ul li#ranger a {
	background-image: url(ranger.gif);
	width: 144px; height: 50px;
}

#topmenu ul li#nomad a {
	background-image: url(nomad.gif);
	width: 122px; height: 50px;
}

#topmenu ul li#yuma a {
	background-image: url(yuma.gif);
	width: 128px; height: 50px;
}


#topmenu ul li#nautiz-x7 a:hover, #topmenu ul li#recon a:hover, #topmenu ul li#ranger a:hover, #topmenu ul li#nomad a:hover, #topmenu ul li#yuma a:hover {
	background-position: 0 -50px;
	background-repeat: no-repeat;
}


#topmenu ul li a.active{
	background-position: 0 -50px;
}