#slider {
	position: relative;
  width: 902px;
  height: 339px;
  overflow: hidden;
	margin: 0 auto;
}

#slider .box {
	position: absolute;
	display: block;
  width: 902px;
  height: 339px;
}

#slider .box .slide {
	position: relative;
	float: left;
  width: 902px;
	height: 339px;
  background-color: #FCFCFC;
}

#slider .box .slide img {
	border: 0;
}

#slider a.button {
	z-index: 999;
}

#slider a.button.next {
  text-indent: -9999px;
  display: block;
  width: 28px;
  height: 30px;
  background: transparent url(images/slider/arrow-right.png) no-repeat top left;
  cursor: pointer;
  position: absolute;
  top: 152px;
  right: 12px;
}

#slider a.button.prev {
  text-indent: -9999px;
  display: block;
  width: 28px;
  height: 30px;
  background: transparent url(images/slider/arrow-left.png) no-repeat top left;
  cursor: pointer;
  position: absolute;
  top: 152px;
  left: 12px;
}

#slider a.button:hover {
  background-position: bottom left;
}

#slider .navigation {
	position: absolute;
	width: 70px;
  height: 13px;
	top: 310px;
	left: 830px;
	z-index: 999;
}

#slider .navigation a {
	text-indent: -9999px;
	display: block;
	float: left;
	width: 13px;
	height: 13px;
	background: url(images/slider/nav.png) no-repeat left top;
	margin-right: 10px;
}

#slider .navigation a:hover,
#slider .navigation a.active {
	background: url(images/slider/nav-current.png) no-repeat left top;
}