#wrapper {width:787px; height:350px; position:relative; }

.sliderbutton {float:left; width:32px; padding-top:134px}
.sliderbutton img {cursor:pointer}
.sliderbutton img:hover {background:#666}
#slider {float:left; position:relative; overflow:auto; width:787px; height:350px; }
#slider ul {position:absolute; list-style:none; top:0; left:0}
#slider li {float:left; width:787px; height:350px; }

.pagination {float:left; list-style:none;  margin:15px 0 0 15px; position:absolute; left:680px; top:300px;}
.pagination li {float:left; cursor:pointer; width:10px; height:10px;  background:#ccc;  margin:0 6px 0 0;  color:#222}
.pagination li:hover {background:#777; }

li.current { background:#777}