.slider-button {float:left; width:32px; cursor:pointer; font-size:30px; height:32px; line-height:26px; text-align:center; color:#888; background:#fff}
.slider-button:hover {color:#11407a}


.pagination {float:right; list-style:none; height:23px; margin:10px 0px 0px 2px; display:none;}

.pagination li {float:right; cursor:pointer; height:12px; width:12px; background:#666666; border-radius:6px; margin:5px 10px 6px 2px;}
.pagination li:hover {background:#11407a; color:#000000}
li.current {background:#11407a;}

/* Fade */

#slideshow {float:left; width:850px; height:350px; border:2px solid #fff; background:#000000;}
#slides {position:relative; width:850px; height:350px; list-style:none; overflow:auto; margin:0; padding:0;}
#slides li {width:850px; height:350px; margin:0; padding:0;}
.fader-slide {opacity:0; position:absolute}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}

/* Styling */

#content {width:464px; height:220px; padding:10px 10px 10px 10px; background:#fff}
#content h1 {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-weight:bold; font-size:22px; margin-bottom:15px; color:#036}

#caption {background:#fff; position:relative}
#caption div {   
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 10px 10px 10px 5px;
	background: #000000;
	background: rgba(0,0,0,.8)
}
#caption h2 {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-weight:bold; font-size:18px; margin-bottom:6px; color:#eee}
#caption p {line-height:1.4; color:#fff; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size:16px;}




#caption1 {background:#fff; position:relative}
#caption1 div {   
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 10px 10px 10px 5px;
	background: #000000;
	background: rgba(0,0,0,.8)
}
#caption1 h2 {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-weight:bold; font-size:18px; margin-bottom:6px; color:#eee}
#caption1 p {line-height:1.4; color:#fff; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size:16px;}




#caption2 {background:#fff; position:relative}
#caption2 div {   
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 10px 10px 10px 5px;
	background: #000000;
	background: rgba(0,0,0,.8)
}
#caption2 h2 {font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-weight:bold; font-size:18px; margin-bottom:6px; color:#eee}
#caption2 p {line-height:1.4; color:#fff; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; font-size:16px;}



#caption3 {background:#fff; position:relative}
#caption3 div {   
	position: absolute;
	top: 0px;
	left: 0px;
	width: 464px;
	padding: 3px 8px 10px 18px;
	background: #000000;
	background: rgba(0,0,0,.6)
}
#caption3 h2 {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:18px; margin-bottom:6px; color:#eee}
#caption3 p {line-height:1.4; color:#aaa; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px;}



#caption4 {background:#fff; position:relative}
#caption4 div {   
	position: absolute;
	top: 0px;
	left: 0px;
	width: 464px;
	padding: 3px 8px 10px 18px;
	background: #000000;
	background: rgba(0,0,0,.6)
}
#caption4 h2 {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:18px; margin-bottom:6px; color:#eee}
#caption4 p {line-height:1.4; color:#aaa; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px;}



#caption5 {background:#fff; position:relative}
#caption5 div {   
	position: absolute;
	top: 0px;
	left: 0px;
	width: 464px;
	padding: 3px 8px 10px 18px;
	background: #000000;
	background: rgba(0,0,0,.6)
}
#caption5 h2 {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:18px; margin-bottom:6px; color:#eee}
#caption5 p {line-height:1.4; color:#aaa; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px;}