/* position and dimensions of the navigator */
.navi {
 margin-left:328px;
 width:200px;
 height:20px;
}


/* items inside navigator */
.navi a {
 width:8px;
 height:8px;
 float:left;
 margin:3px;
 background:url(http://dev.insiteout.es/complements/imagenes/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;
}