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


.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:#6c276a; color:#6c276a}
li.current {background:#6c276a;}

/* Fade */

#slideshow {float:left; width:850px; height:350px; border:2px solid #6c276a; background:#ffffff;}
#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:15px 18px 15px 18px; background:#fff}
#content h1 {font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:22px; margin-bottom:15px; color:#036}

#caption {background:#fff; position:relative}
#caption div {   
	position: absolute;
	top: 0px;
	left: 0px;
	width: 464px;
	padding: 3px 8px 10px 18px;
	background: #6a3107;
	background: rgba(0,0,0,.6)
}
#caption h2 {font-family: Candara, Calibri, Segoe, "Segoe UI", Optima, Arial, sans-serif;font-size:26px; font-weight:bold; text-transform:uppercase; color:#ffffff; text-decoration: none; margin-bottom:6px;}
#caption p {line-height:1.4; color:#aaa; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-size:16px;}