* {margin:0; padding:0}
body1 {font:12px Verdana,Arial; color:#555; background:#222}
p {line-height:1.4; margin-bottom:12px}
#wrapper {width:520px; margin:20px auto}

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

.pagination {float:left; list-style:none; height:23px; margin:15px 0 0 32px; display:none}
.pagination li {float:left; cursor:pointer; height:12px; width:12px; background:#5c5c5c; border-radius:6px; margin-right:4px}
.pagination li:hover {background:#fff; color:#000}
li.current {background:#fff}

/* TinyFader */

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

/* Slide Styling */

#content {width:400px; height:300px; padding:15px 18px 15px 18px; background:#fff}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

#caption {opacity:1;background:#fff; position:relative;}
#caption div {position:absolute; bottom:0; left:0; width:464px; height:84px; padding:15px 18px 10px 18px; background:#000; background:rgba(0,0,0,.7)}
#caption h2 {
	margin-bottom: 6px;
	color: #eee;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
}
#caption p {line-height:1.4; color:#aaa}