/* position and dimensions of the navigator */
.navi {
        /* width:840px; */
}


.navi li
{
	float:left;
	list-style-type:none;
	padding:0 0 0 0;
	margin:0;
}

/* items inside navigator */
.navi li a {
        width:8px;
        height:8px;
        float:left;
        margin:3px;
	padding:3px;
        display:block;
        font-size:1px;
        background-color:#BEBEBE;
	text-align:center;
	font-family:sans-serif;
}

.navi li a:link,
.navi li a:visited,
.navi li a:active
{
	text-decoration:none;
	font-family:sans-serif;
}

/* mouseover state */
.navi li a:hover {
        background-color:#c12b26;
        pointer:cursor !important;
	text-decoration:none;
	color:#ffffff;
	font-family:sans-serif;
}

/* active state (current page state) */
.navi li.active a{
        background-color:#c12b26;
}