/* position and dimensions of the navigator */
.navi {
	height: 20px;
	margin: 0px;
	position: relative;
	padding: 0px;
	top: -270px;
	left: 800px;
	overflow: auto;
	width: 150px;
}


/* items inside navigator */
.navi a {
	width:24px;
	height:20px;
	float:left;
	display:block;
	font-size:1px;
	background-image: url(img/navigator.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin: 0px;
	padding: 0px;
	line-height: 1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -20px;
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -40px;
}