#slider {
	position: relative;
	width:100%;
	overflow: hidden;
	
}

#slider li {
	position: absolute;
	top: 0;
	left: 0;
}

.caption {
	opacity: 0.8;
	background: #000000;
	height: 33px;
	padding: 5px 0 0 0;
	color: #fff;
	text-align: center;
	font:Arial, Helvetica, sans-serif;
	z-index: 200;
}

.prev-link, .next-link {
	display: block;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	bottom: 10px;
	z-index: 300;
}

.prev-link {
	left: 10px;
	background-image: url( ../images/prev.html);
}

.next-link {
	left: 40px;
	background-image: url( ../images/next.html);
}

.circle {
	display: block;
	width: 16px;
	height: 16px;
	background: url( ../images/circle-empty.html) no-repeat left top;
	position: absolute;
	bottom: 10px;
	z-index: 300;
}

.circle-current {
	background-image: url( ../images/circle-full.html);
}