/***************************************************
				 CAROUSEL
***************************************************/
.carousel {
	width: 920px;
	position: relative;
	height: 310px;
	float: left;
}
.carousel  h1 {
	color: #FFFFFF;
	font-size: 15px;
	font-weight: strong;
	margin: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.carousel h2 {
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	padding-bottom: 15px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: 120px;
}
.carousel .wrapper {
	width: 900px; /* .carousel width - (.wrapper margin-left + .wrapper margin-right) */
	overflow: auto;
	min-height: 10em;
	position: absolute;
	top: 5px;
	height: 310px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0px;
}
.carousel .wrapper ul {
	width: 9999px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	position: absolute;
	top: 4px;
	left: -38px;
}
.carousel ul li {
	display:block;
	float:left;
	padding: 0px;
	height: 310px;
	width: 900px;
}

.carousel .arrow {
  display: block;
  height: 61px;
  width: 41px;
  background: url(../images/arrow.png) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  top: 130px;
  cursor: pointer;
}
.carousel .forward {
	background-position: 0 0;
	right: 0;
	background-image: url(../img/arrow_forward2.png);
}
.carousel .back {
	background-position: 0 top;
	left: -42px;
	background-image: url(../img/arrow_back2.png);
	height: 61px;
	width: 41px;
}
.carousel a {
	background-image: url(images/green_button.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	height: 38px;
	width: 196px;
	float: right;
	margin: 0px;
	padding: 0px;
}