#pun-main h2 {
text-align: center;   
text-shadow: 2px 0.2px #111838;
background-image: url(http://sa.uploads.ru/0Jvlr.png);
letter-spacing: 3px; font: small-caps 700 12pt "LA Cannonball" !important;
color: #ab9175;
margin-left: 2px;
background-repeat : no-repeat;
background-position: top center;
border: none;
border-color: transparent;
font-weight: normal;
width: 916px;???  height: 33px;
padding-top: 5px !important;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

<div style="position:fixed; left:50%;margin-left:550px; bottom: 45%;">
<a href=#top onClick="scrollTo(0,0); return false;" title="Вверх страницы">
<img src="картинка кнопка вверх" alt="Вверх страницы" ></a><br/>
<a href=#top onClick="scrollTo(0, document.body.scrollHeight); return false;" title="Вниз страницы">
<img style="margin-top: -4px;" src="картинка кнопка вниз" alt="Вниз страницы" ></a>
</div>

<div class="go-up" id='ToTop'><img src="картинка кнопка вверх" border="0" /></div>
<div class="go-down" id='OnBottom'><img src="картинка кнопка вниз" border="0" /></div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right: 45px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
cursor:pointer;
opacity:.7; /*прозрачность*/
margin-bottom:40px; /*отступ снизу (можно не указывать)*/
width: 52px; /*ширина кнопки*/
height: 53px; /*высота кнопки*/
}
.go-up {
bottom:130px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:80px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>

<script type="text/javascript">
$(function(){
if ($(window).scrollTop()>="250") $("#ToTop").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()<="250") $("#ToTop").fadeOut("slow")
  else $("#ToTop").fadeIn("slow")
});
if ($(window).scrollTop()<=$(document).height()-"999") $("#OnBottom").fadeIn("slow")
$(window).scroll(function(){
  if ($(window).scrollTop()>=$(document).height()-"999") $("#OnBottom").fadeOut("slow")
  else $("#OnBottom").fadeIn("slow")
});
$("#ToTop").click(function(){$("html,body").animate({scrollTop:0},"slow")})
$("#OnBottom").click(function(){$("html,body").animate({scrollTop:$(document).height()},"slow")})
});
</script>