.carousel {
	overflow: hidden;
	height: 150px;
}
.carousel,
.carousel ul {
	position: relative;
}
.carousel ul.images li {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	z-index: 1;
}
.carousel ul.images li.current {
	z-index: 5000;
}

.carousel ul.pager {
	display: block;
	position: absolute;
	bottom: 20px;
	left: 0;
	background-position: left top;
	background-repeat: no-repeat;
	z-index: 5500;
}
.carousel ul.pager li {
	display: block;
	float: left;
	margin-right: 5px;
}
.carousel ul.pager li a {
	display: block;
	width: 11px;
	height: 11px;
	background-image: url(../img/pager.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	text-indent: -9999px;
	color: transparent;
}
.carousel ul.pager li.current a {
	background-position: left top;
}


/* Background
----------------------------------------------------------------------------- */
.background {
	display: block;
	width: 100%;
	height: 180px;
	overflow: hidden;
	position: absolute;
	text-align: center;
	z-index: -2;
	background-color: #fff;
}
.background.loader {
	background-image: url(../img/loader.gif);
	background-position: center 80px;
	background-repeat: no-repeat;
}
.background ul {
	display: block;
	width: 100%;
}
.background ul li {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 180px;
	background-position: center top;
	background-repeat: no-repeat;
	z-index: 1;
}
.background ul li.current {
	z-index: 5000;
}
.background ul li img {
	display: block;
	max-width: 100%;
	width: 100%;
}

#index .background,
#index .background ul li {
	height: 824px;
}