#banner {
	position:relative;
	float:left;
	height:300px;	
	width: 960px;
	overflow: hidden; /*--Hides anything outside of the set width/height--*/
	z-index:2;
	background:#333;
	color:#fff;
	
}


#caption{
	text-align:left;
	overflow: hidden;
	height:300px;
	background:#333;
	float:right;
	opacity:0.90;
	margin:auto;
	padding-left:5px;
	filter:alpha(opacity=90); /*IE fixt*/
	color:#ffffff;
}


.image_reel {
	position: absolute;

}
.image_reel img {float: left;}

/*--Paging Styles--*/
.paging {
	position: absolute; 
	left: 250px;
	width: 190px; 
	z-index: 100; /*--Assures the paging stays on the top layer--*/
	text-align: center;
	display: none; /*--Hidden by default, will be later shown with jQuery--*/
}
.paging a {
	padding: 12px;
	text-decoration: none;
	color:#fff;
	background: url(../images/slideButton.png) 0 0 no-repeat transparent;
	outline:none;
	font-size: 0px;
}
.paging a.active {
	font-weight: bold; 
	color:#fff;
	background: url(../images/slideButtonActive.png) 0 0 no-repeat transparent;

}
.paging a:hover {font-weight: bold;
	background: url(../images/slideButtonHover.png) 0 0 no-repeat transparent;
	color:#fff;}
	
.description {
	width:240px;
    display: none;
    z-index: 99;
    color: #fff;
    padding-top: 10px;
	margin: 0 15px 0 15px;
}

h3 {color:#fff;}