/* position and dimensions of the navigator */
.navi {
    width: 70px;
	height: 16px;
	position: absolute;
	bottom: 5px;
	left: 132px;
}


/* items inside navigator */
.navi a {
    width:16px;
    height:16px;
    float:left;
    background-image:url(../../images/cerchio2.png);
    display:block;
    font-size:1px;
	border: 0px;
}

/* mouseover state */
.navi a:hover {
    background-image:url(../../images/cerchio1.png);
	border: 0px;
}

/* active state (current page state) */
.navi a.active {
    background-image:url(../../images/cerchio1.png);
	border: 0px;
}