/*
* {margin:0; padding:0}
body {font:12px Verdana,Arial; color:#555; background:#222}
p {line-height:1.4; margin-bottom:12px}
*/
#wrapper {
width:578px; 
width:980px; 
margin:0 0 0 0;
position: relative;
}

.slider-button {
float:left; width:32px; cursor:pointer; font-size:30px; height:32px; line-height:26px; margin-top:114px; text-align:center; color:#888; background:#fff;
font-size:65px; position:relative; z-index:10000; background:none; color:#ddd; text-shadow:black 0 0 0.1em; opacity:.65;
}
.slider-button:hover {color:#fff; opacity:.9}

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

/* TinyFader */

#slideshow {float:left; width:500px; height:300px; border:2px solid #fff; background:#fff;
width:980px; height:280px; }
#slides {position:relative; width:500px; height:300px; list-style:none; overflow:auto;
width:980px; height:280px; }
#slides li {width:500px; height:300px;
width:980px; height:280px; }
.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:464px; height:270px; padding:15px 18px 15px 18px; background:#fff;
width:944px; height:290px; 
}
#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);
background:rgba(10,10,10,.65);
padding:7px 18px 3px 17px;
width:980px;
}
#caption h2 {font:18px Georgia,Verdana; margin-bottom:5px; color:#eee;
font: 19px 'Trebuchet MS', Helvetica, sans-serif;
}
#caption p {line-height:1.4; color:#aaa}