/* устанавливаем необходимую ширину блока пагинции в зависимости от дизайна */
.paginavi{
	width:100%;
	float:left;
	text-align:center;
}
/* устанавливаем необходимую ширину списка пагинции в зависимости от дизайна
** выравниваем по левому краю */
.paginavi ul{
	width:100%;
	float:left;
	padding:0px;
	margin:0px;
}
.paginavi ul li{
	float:left;
	display:inline-block;
/* убираем маркеры у списка */
	list-style:none;
	margin:5px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}
.paginavi ul li a, .paginavi ul li a:visited{
	display:block;
	text-decoration:none;
	color: #555555;
/* по-новому, здесь достаточно было бы указать линейный градиент
  ** но приходится указывать фон из-за бага в IE */
        background: url(bgnav.png) repeat-x scroll 0 0 #EFEFEF;
        border: 1px solid #CCCCCC;
/* закругляем углы */
        border-radius: 16px 16px 16px 16px;
/* добавляем внешние тени */
        box-shadow: 0 0 0 1px #FFFFFF, 1px 1px 3px #DDDDDD;
        height: auto;
	width: 24px;
        line-height: 24px;
	top: -1px;
/* добавляем тени тексту кнопок*/
        text-shadow: 1px 1px #FFFFFF;
}
.paginavi ul li a:hover{
	display:block;
/* изменяем фоновую картинку при наведении */
        background: url(bgnav.png) repeat-x scroll 0 -24px #EFEFEF;
	text-decoration:none;
}
/* создаем эффект нажатия кнопок */
.paginavi ul li a:active {
       box-shadow: 0 1px 0 rgba(255, 255, 255, 0.9) inset;
       position: relative;
       top: 1px;
}