#container,
#example {
	position: relative;
	width: 537px
}

#frame,
#ribbon,
#slides {
	position: absolute
}

#container {
	z-index: 0;
	margin-top: 10px
}

#example {
	height: 350px
}

#ribbon {
	z-index: 500
}

#frame {
	z-index: 0;
	top: -3px;
	left: -80px
}

#slides {
	z-index: 100
}

.slides_container {
	width: 537px;
	overflow: hidden;
	position: relative;
	display: none;
	border: 3px solid #fff
}

.slides_container a {
	width: 537px;
	height: 270px;
	display: block;
	border: none
}

.slides_container a img {
	display: block
}

#slides .next,
#slides .prev {
	position: absolute;
	top: 107px;
	left: -39px;
	width: 24px;
	height: 43px;
	display: block;
	z-index: 101
}

#slides .next {
	left: 580px
}

.pagination {
	margin: 10px auto 0;
	width: 100px
}

.pagination li {
	float: left;
	margin: 0 1px;
	list-style: none
}

.pagination li a {
	display: block;
	width: 16px;
	height: 0;
	padding-top: 16px;
	background-image: url(../images/pagination.png);
	background-position: 0 0;
	float: left;
	overflow: hidden
}

.pagination li.current a {
	background-position: 0 -16px
}

#footer {
	text-align: center;
	width: 580px;
	margin-top: 9px;
	padding: 4.5px 0 18px;
	border-top: 1px solid #dfdfdf
}

#footer p {
	margin: 4.5px 0;
	font-size: 1em
}