@CHARSET "UTF-8";
/* position and dimensions of the navigator */
.navi {
	background:none repeat scroll 0 0 transparent;
	height:20px;
	margin-left:0;
	padding-left:46%;
	text-align:right;
	width:30%;
}

/* items inside navigator */
.navi a {
  width:8px;
  height:8px;
  float:left;
  margin:3px;
  background:url(../media/images/navigator.png) 0 0 no-repeat;
  display:block;
  font-size:1px;
}

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

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