/*#wrapper {
	width: 100%; 
	margin: auto;
        background:;
        padding:12px;
        border:3px solid #ccc;
	}
*/
.slider-button-right{
	float: right;	
}
	
.slider-button-left{
	float: left;	
}

.slider-button-right,  .slider-button-left{width:32px; cursor:pointer; font-size:30px; height:32px; line-height:26px; text-align:center; color:#888;}
.slider-button-right:hover,  .slider-button-left: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:#666; border-radius:6px; margin-right:4px}
.pagination li:hover {background:#777; color:#000}
li.current {background:#888}

/* TinyFader */

/*#slideshow {float:left; width:1000px; height:420px; background:#fff}
#slides {position:relative; width:1000px; height:420px; list-style:none; overflow:auto}
#slides li {width:1000px; height:420px;}
.fader-slide {opacity:0; position:absolute}
.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}
*/

@media all and (min-width:1265px){   
	#wrapper {
		width: 945px; 
		margin: auto;
		background: #fff;
        padding:12px;
        border: 1px solid #ccc;
		}

	#slideshow {float:left; width:920px; height:320px; background:#fff}
	#slides {position:relative; width:920px; height:420px; list-style:none; overflow:auto}
	#slides li {width:920px; height:320px}
	.fader-slide {opacity:0; position:absolute}
	.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}    
}
@media all and (max-width:1265px){   
	#wrapper {
		width: 746px; 
		margin: auto;
		background: #fff;
        padding:12px;    
        border: 1px solid #ccc;
		}

	#slideshow {float:left; width:720px; height:430px; background:#fff}
	#slides {position:relative; width:720px; height:420px; list-style:none; overflow:auto}
	#slides li {width:720px; height:320px}
	.fader-slide {opacity:0; position:absolute}
	.fader-fade {opacity:1; -webkit-transition:opacity .4s; -moz-transition:opacity .4s; transition:opacity .4s}    
}
@media all and (max-width:768px){   
	#wrapper {
		width: 346px; 
		margin: auto;
		background: #fff;
        padding:12px;
        border: 1px solid #ccc;
		}

	#slideshow {float:left; width:320px; height:220px; background:#fff}
	#slides {position:relative; width:320px; height:220px; list-style:none; overflow:auto}
	#slides li {width:320px; height:220px}
	.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: 570px; height:270px; padding:15px 18px 15px 18px; background:#fff; text-align: justify;}
#content h1 {font:22px Georgia,Verdana; margin-bottom:15px; color:#036}

#caption {background:#fff; position:relative}
#caption div {text-align: justify; color: white; position:absolute; bottom:0; left:0; width: 619px; padding:15px 18px 10px 18px; background:rgba(0,0,0,.7); font-weight: bold}
#caption h2 {font:18px Georgia,Verdana; margin-bottom:6px; color:#eee}
#caption p {line-height:1.4; color:#aaa}