#viewport{
	width: 960px; 
	height: 171px;
	overflow: hidden;
	position: relative;	
}
#viewport ul{
	border: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	overflow: hidden;
	height: 171px;
}
#viewport li{
	width: 160px; 
	height: 171px;
	float: left;
}
#viewport ul li a{
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	float: left;
	width: 160px; 
	height: 171px;
	position: relative;
	cursor: pointer;
	text-decoration: none;
	overflow: hidden;
}
#viewport li a{
	display: block;
}

a#previous {
	float: left;
	cursor: pointer;
	width: 24px; 
	height: 51px;
	margin: 55px 25px 0 0;
	cursor: pointer;
    background: url(prev.gif) no-repeat 0 0;
	z-index: 5;
	text-indent: -99999px;
}
a#next {
	float: right;
	margin: 55px 23px 0 0px;
	width: 24px; 
	height: 51px;
    cursor: pointer;
	background: url(next.gif) left center no-repeat;
	text-indent: -99999px;
}

* html a#previous {
	float: left;
	cursor: pointer;
	width: 24px; 
	height: 51px;
	margin: 55px 25px 0 0;
	cursor: pointer;
    background: url(prev.gif) left center no-repeat;
	text-indent: -99999px;
		
}
* html a#next {
	float: right;
	margin: 55px 23px 0 0px;
	width: 24px; 
	height: 51px;
    cursor: pointer;
	background: url(next.gif) right center no-repeat;
	text-indent: -99999px;
}