* {margin:0; padding:0}
body {font:12px Verdana,Arial; color:#555; background:#222}
p {line-height:1.4; margin-bottom:12px}
#wrapper {
	width:910px;
}

.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;
	display:none;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
.pagination li {
	float:left;
	cursor:pointer;
	height:12px;
	width:12px;
	border-radius:6px;
	margin-right:4px;
	background-color: #999;
}
.pagination li:hover {background:#777; color:#000}
li.current {background:#888}

/* TinyFader */

#slideshow {
	float:left;
	width:900px;
	height:280px;
	border:2px solid #fff;
	background:#fff
}
#slides {
	position:relative;
	width:900px;
	height:280px;
	list-style:none;
	overflow:auto
}
#slides li {
	width:900px;
	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:900px;
	height:270px;
	background:#fff;
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 15px;
	padding-left: 18px;
}
#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:900px;
	background:#000;
	background:rgba(0,0,0,.7);
	padding-top: 15px;
	padding-right: 18px;
	padding-bottom: 10px;
	padding-left: 18px;
}
#caption h2 {font:18px Georgia,Verdana; margin-bottom:6px; color:#eee}
#caption p {line-height:1.4; color:#aaa}
