/* position and dimensions of the navigator */
.navi { /*background-color: red;*/
        margin: 1px auto;
        width:100px;
        height:20px;
}


/* items inside navigator */
.navi a {
        width:8px;
        height:8px;
        float:left;
        margin:-3px 3px;
        background:url(images/arrow/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;
}