/* position and dimensions of the navigator */
div.navi {
    position: absolute;
    right: 3px;
    top: 8px;
    height:10px;
    z-index: 5;
}

/* items inside navigator */
 #content div.navi a:link,  #content div.navi a:visited {
    width: 10px;
    height: 10px;
    float: left;
    margin: 0px 3px 0px 0px;
    display: inline;
    font-size: 0px;
    background-color: #4c4c4c;     
    cursor:pointer;
    border: none;   
}

/* mouseover state */
 #content div.navi a:hover {
    background-color: #b5b5b5;      
}

/* active state (current page state) */
#content div.navi a.active {
    background-color: #b5b5b5;   
}