/* 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;
        }