/*

	Supersized - Fullscreen Slideshow jQuery Plugin
	Version : 3.2.7
	Site	: www.buildinternet.com/project/supersized
	
	Theme 	: Shutter 1.2
	Author	: Sam Dunn
	Company : One Mighty Roar (www.onemightyroar.com)
	License : MIT License / GPL License
	
*/

	/* Controls Bar
	----------------------------*/
	#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background: url(46f0b002dfb7a5afcb85efe2c7a8a51bc91eaa79.png)  repeat-x; position:fixed; }
	#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
	#slidecounter { float:left; color:#999; font:14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:42px; }
	
	div.supersized-caption-wrapper{ top: 35px; right: 25px; position: absolute; } 
	div.supersized-caption-description{ background: url(a9375430d01476b208bff3696a18ab3162035e4b.png) ; width: 265px; } 
	#slidecaption {  font-size: 28px; padding: 22px 22px 13px; font-weight: bold; color: #fff; line-height: 31px; }
	#slidecaption2 { line-height: 19px; padding: 0px 22px 22px; max-width: 430px; color: #fff; }

	.supersized-navigation{ float: right; margin-bottom: 15px; }
	#nextslide,#prevslide{ height:61px; width:61px; cursor: pointer; float: left; margin-left: 6px; opacity: 0.2; filter: alpha(opacity=20); }
	#prevslide{ background: url(2460ffb2ab078cb6cb18a8935d57736e370dd9a8.png)  no-repeat 0px 0px;}
	#nextslide{ background: url(2460ffb2ab078cb6cb18a8935d57736e370dd9a8.png)  no-repeat -61px 0px;}
	
	@media only screen and (max-width: 767px) {
		#nextslide,#prevslide{ height:27px; width:28px; cursor: pointer; position: fixed; top: 50%; margin: 0px; opacity: 1 !important;  filter: alpha(opacity=100) !important; }
		#prevslide{ left: 0px; background: url(670970aa4bed2ef8f69fe45fe456b8dafb1d8e6e.png)  no-repeat center center;}
		#nextslide{ right: 0px; background: url(a9097bfa76c9ce63ed3552eaee7d0d83d510f34f.png)  no-repeat center center;}
	}
		
	#navigation { float:right; margin:0px 20px 0 0; }
	#play-button{ float:left; margin-top:1px;border-right:1px solid #333; background: url(8f8d623370aca0d74909753c252367cd8e653df3.png)  repeat-x 0 44px; }
	#play-button:hover{ background-position:0 1px; cursor:pointer; }
	
	ul#slide-list{ padding:15px 0; float:left; position:absolute; left:50%; }
	ul#slide-list li{ list-style:none; width:12px; height:12px; float:left; margin:0 5px 0 0; }
	ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover{ background-position:0 0px; }
	ul#slide-list li a{ display:block; width:12px; height:12px; background: url(71c87a7e8441713ab54ea70355b22ce54f1b2686.png)  no-repeat 0 -24px; }
	ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }
	
	#tray-button{ float:right; margin-top:1px; border-left:1px solid #333; background: url(8f8d623370aca0d74909753c252367cd8e653df3.png)  repeat-x 0 44px; }
	#tray-button:hover{ background-position:0 1px; cursor:pointer; }
		
	
	/* Progress Bar
	----------------------------*/					
	#progress-back{ z-index:5; position:fixed; bottom:42px; left:0; height:8px; width:100%; background: url(abbd431fbf6116191c8a16478b4baeafc774cf6e.png)  repeat-x; }
	#progress-bar{ position:relative; height:8px; width:100%; background: url(61f22bf77b00e8ece4c601c6b9b092ac31a58bf5.png)  repeat-x; }

	
	/* Thumbnail Tray
	----------------------------*/		
	div.supersized-thumbnail-wrapper{ background: url(a8c2bce72833ddf9ff351be53a3744e695a61d6b.png) ; float: left; }
	#thumb-back{ width: 29px; height: 76px; float: left; cursor: pointer; display: block !important; 
		background: url(0067268ef9c6c2a968d63720628545325e14eaad.png)  16px center no-repeat; }
	#thumb-forward{ width: 29px; height: 76px; float: left; cursor: pointer; display: block !important;
		background: url(01fa1786928d4d94d5b7fd0fb3e8fe6fdb4fd3d1.png)  10px center no-repeat; }
	#thumb-tray{ float: left; height:50px; width:336px; overflow:hidden; padding: 13px 0px; }
		
	ul#thumb-list{ display:inline-block; list-style:none; position:relative; left:0px; padding: 0px 0px; margin: 0px; }
	ul#thumb-list li{ list-style:none; display:inline; width: 72px; height: 50px; overflow:hidden; float:left; margin: 0px 6px; }
	ul#thumb-list li img { width:72px; height: 50px; opacity:0.7; filter:alpha(opacity=70); }
	ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{ opacity:1; filter:alpha(opacity=100); }
	ul#thumb-list li:hover{ cursor:pointer; }