* {margin:0; padding:0}
/*body {font:12px Verdana,Arial; color:#555; background:#222}*/
p {line-height:1.4; margin-bottom:12px}
#wrapper {width:578px; margin:75px 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 {list-style:none; height:23px; margin:15px 0 0 32px; display:none}
.pagination li {float:left; cursor:pointer; height:12px; width:12px; background:#666; border-radius:6px; margin-right:4px}
.pagination li:hover {background:#777; color:#000}
li.current {background:#888}

/* TinyFader */

/*#slideshow {float:none; width:500px; height:300px; border:2px solid #fff; background:#fff}*/
#slideshow {float:none;   border:2px solid #fff; background:#fff}
#slides {position:relative; width:800px; height:675px; list-style:none; overflow:auto; margin:auto }
#slides ul {position:relative;  list-style:none; overflow:auto; }
#slides li {width:100%; height:100%; background-color:white}
.fader-slide {opacity:0; position:absolute}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}
#slides img {width:100%}
/* Slide Styling */

#content {width:464px; height:270px; padding:15px 18px 15px 18px; background:#fff}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

#caption {background:#fff; position:relative}
#caption div {position:absolute; bottom:0; left:0; width:464px; padding:15px 18px 10px 18px; background:#000; background:rgba(0,0,0,.7)}
#caption h2 {font:18px Georgia,Verdana; margin-bottom:6px; color:#eee}
#caption p {line-height:1.4; color:#aaa}
