.carousel-items {
	position: relative;
}
.carousel-item {
	width: 670px;
	height: 352px;
	position: absolute;
	left: 0;
	top: 0;
}

.carousel-item-link {
	display: block;
	position: absolute;
	width: 670px;
	height: 352px;
	left: 0;
	top: 0;
}

.carousel-item-bg {
	position: absolute;
	right: 0;
	top: 0;
	width: 200px;
	height: 352px;
	background-color: #000000;
	filter: alpha(opacity=50);
	opacity: 0.5;
}

.carousel-item-desc {
	position: absolute;
	right: 0;
	top: 0;
	width: 175px;
	height: 332px;
	overflow: hidden;
	color: #ffffff;
	font-size: 1.6em;
	padding: 5px 10px 15px 15px;
}

.carousel-item-desc h1 {
	line-height: 0.85em;
}
.carousel-item-desc h2 {
	line-height: 0.85em;
}
.carousel-item-desc h3 {
	line-height: 0.85em;
}
.carousel-item-desc p {
	line-height: 1.0em;
}
.carousel-item-desc h1, .carousel-item-desc h2, .carousel-item-desc h3 {
	color: #FFFFFF;
	filter: none;
	opacity: 1;
} 
 
 
/*===============================================================
== carousel controls                                           ==
===============================================================*/
 
.carousel-controls { 
	height: 20px; 
	width: 658px; 
	padding: 6px; 
	background: transparent url(../images/carousel/bottom_bar.gif) no-repeat 0 0;
}
.carousel-controls-container { float:right; }
.carousel-controls-container a:link,
.carousel-controls-container a:visited,
.carousel-controls-container a:hover,
.carousel-controls-container a:active {
	display: block; 
	float: left; 
	width: 18px;
	height: 18px;
	margin: 0 3px 0 0;
	padding: 2px 0 0 2px;
	text-decoration: none;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF !important;
	background: transparent url(../images/carousel/btn_off.gif) no-repeat 50% 50%;
}
.carousel-controls-container a:hover {
	background: transparent url(../images/carousel/btn_over.gif) no-repeat 50% 50%;
	color: #FFFFFF !important;
}

a.carousel-back:link, a.carousel-back:visited, a.carousel-back:hover, a.carousel-back:active { background-image: url(../images/carousel/btn_back_off.gif); }
a.carousel-back:hover { background-image: url(../images/carousel/btn_back_over.gif); }
a.carousel-back span { visibility:hidden; }

a.carousel-next:link, a.carousel-next:visited, a.carousel-next:hover, a.carousel-next:active { background-image: url(../images/carousel/btn_next_off.gif); }
a.carousel-next:hover { background-image: url(../images/carousel/btn_next_over.gif); }
a.carousel-next span { visibility:hidden; }

a.carousel-pause:link, a.carousel-pause:visited, a.carousel-pause:hover, a.carousel-pause:active { background-image: url(../images/carousel/btn_pause_off.gif); }
a.carousel-pause:hover { background-image: url(../images/carousel/btn_pause_over.gif); }
a.carousel-pause span { visibility:hidden; }

a.carousel-play:link, a.carousel-play:visited, a.carousel-play:hover, a.carousel-play:active { 
	background-image: url(../images/carousel/btn_pause_over.gif); 
	color: #FFFFFF !important; 
}
a.carousel-play span { visibility:hidden; }

div.carousel-pager { display: block; float: left; }
div.carousel-pager a:link, div.carousel-pager a:visited, div.carousel-pager a:hover, div.carousel-pager a:active {  }
div.carousel-pager a.activeSlide:link, 
div.carousel-pager a.activeSlide:visited, 
div.carousel-pager a.activeSlide:hover, 
div.carousel-pager a.activeSlide:active { 
	background-image: url(../images/carousel/btn_over.gif); 
	color: #FFFFFF !important; 
}

.carousel-item-desc a, 
.carousel-item-desc a:hover, 
.carousel-item-desc a:visited {
	text-decoration: none;
	color: white;
}

