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

	body { 
		background: #111;  
		height: 100%;
		}
		
	* { 
		margin: 0; 
		padding: 0; 
		}
		
	img { 
		border: none; 
		}
	
	/*-- Loader --*/
	#supersized-loader { 
		background: url(../img/supersized/progress.gif) no-repeat center center;
		position: absolute; 
		top: 50%; 
		left: 50%; 
		width: 60px; 
		height:60px; 
		margin: -30px 0 0 -30px; 
		text-indent: -999em;  
		z-index: 0; 
		}
	
	#supersized { 
		width: 100%; 
		height: 100%;
		position: fixed; 
		left: 0; 
		top: 0; 
		display: block; 
		overflow: hidden; 
		z-index:-999; 
		}
		
	#supersized img { 
		width: auto; 
		height: auto; 
		position: relative; 
		display: none; 
		outline: none;
		border: none; 
		}
	
	/*-- Speed --*/
	#supersized.speed img { 
		-ms-interpolation-mode: nearest-neighbor; 
		image-rendering: -moz-crisp-edges; 
		}	
	
	/*-- Quality --*/
	#supersized.quality img { 
		-ms-interpolation-mode: bicubic; 
		}			
		
	#supersized li { 
		position: fixed;  
		top: 0;
		left: 0; 
		width: 100%; 
		height: 100%; 
		background: #111; 
		display: block; 
		list-style: none; 
		z-index: -30;
		overflow: hidden;
		}
		
	#supersized a { 
		width: 100%; 
		height: 100%;
		display: block; 
		}
	
	#supersized li.prevslide { 
		z-index: -20; 
		}
	
	#supersized li.activeslide {
		z-index: -10; 
		}
	
	#supersized li.image-loading { 
		background: #111 url(../img/supersized/progress.gif) no-repeat center center; 
		width: 100%; 
		height: 100%; 
		}
	
	#supersized li.image-loading img { 
		visibility: hidden; 
		}
		
	#supersized li.prevslide img, #supersized li.activeslide img { 
		display: inline; 
		}
			
	/*-- Controls Bar --*/
	#controls-wrapper { 
		background: rgba(0,0,0, 0.8); 
		position: fixed;
		bottom: 0; 
		left: 0;
		width: 100%; 
		height: 42px;
		margin: 0 auto;
		padding: 0;
		z-index: 4; 
		}
	
	#controls { 
		position: relative;
		height: 100%; 
		text-align: left;
		overflow: hidden; 
		z-index: 5; 
		}
		
	/*-- Slider Counter --*/
	#slidecounter { 
		font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif; 
		color: #777;
		line-height: 42px; 
		text-shadow: #000 0 -1px 0;
		float: left; 
		margin: 0px 10px 0 15px; 
		}
	
	/*-- Slider Caption --*/
	#slidecaption { 
		font: 400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; 
		color: #FFF; 
		line-height: 42px; 
		text-shadow: #000 1px 1px 2px;
		float: left; 
		overflow: hidden; 
		margin: 0 20px 0 0; 
		}
			
	/*-- Navigation --*/		
	#navigation { 
		float: right;
		margin: 0px 20px 0 0; 
		}
		
	/*-- Play Button --*/
	#play-button { 
		float: left;
		margin: 0;
		}
	
	#play-button:hover{
		cursor: pointer; 
		}
		
	/*-- Prev & Next Button --*/
	#prevslide, #nextslide { 
		position: absolute; 
		top: 50%; 
		width: 43px;
		height: 43px; 
		margin-top: -21px; 
		opacity: 0.6;
		z-index: 999;
		}
		
	#prevslide { 
		background: url('../img/supersized/back.png');
		left: 10px; 
		}
	#nextslide { 
		background: url('../img/supersized/forward.png'); 
		right: 10px; 
		}
	
	#prevslide:active, #nextslide:active {
		margin-top: -19px; 
		}
		
	#prevslide:hover, #nextslide:hover {
		cursor:pointer; 
		}
						
	/*-- Slide List --*/					
	ul#slide-list { 
		position: absolute; 
		left: 50%; 
		float: left;  
		padding: 15px 0;
		}
	
	ul#slide-list li {
		width: 12px;
		height: 12px;
		float: left;
		margin: 0 5px 0 0; 
		list-style: none;   
		}
					
	ul#slide-list li.current-slide a, ul#slide-list li.current-slide a:hover { 
		background-position: 0 0px; 
		}
	
	ul#slide-list li a {
		background: url('../img/supersized/nav-dot.png') no-repeat 0 -24px;  
		width: 12px; 
		height: 12px;
		display: block;  
		}
	
	ul#slide-list li a:hover { 
		background-position: 0 -12px; 
		cursor: pointer; 
		}
				
	#tray-button { 
		background: url('../img/supersized/bg-hover.png') repeat-x 0 44px; 
		float: right;
		margin-top: 1px;
		border-left: 1px solid #333; 
		}
		
	#tray-button:hover{ 
		background-position: 0 1px;
		cursor: pointer;
		}
		
	/*-- Progress Bar --*/				
	#progress-back { 
		position: fixed; 
		bottom: 42px; 
		left: 0; 
		width: 100%;
		height: 1px;
		background: rgba(0, 0, 0, 0.5);
		z-index: 5;   
		}
		
	#progress-bar { 
		position: relative; 
		width: 100%;
		height: 1px;  
		background: rgba(255, 255, 255, 0.5);
		}
	
	/*-- Thumbnail Navigation --*/
	#nextthumb, #prevthumb { 
		position: fixed; 
		bottom: 61px; 
		background: #ddd; 
		width: 100px; 
		height: 75px;
		display: none; 
		overflow: hidden;
		border: 1px solid #fff; 
		z-index: 2;
		-webkit-box-shadow: 0 0 5px #000;
		}
		
	#nextthumb { 
		right: 12px; 
		}
		
	#prevthumb { 
		left: 12px; 
		}
	
	#nextthumb img, #prevthumb img { 
		width: 150px; 
		height: auto; 
		}
	
	#nextthumb:active, #prevthumb:active { 
		bottom: 59px; 
		}
	
	#nextthumb:hover, #prevthumb:hover { 
		cursor: pointer;
		}
	
	/*-- Thumbnail Tray --*/		
	#thumb-tray { 
		background: url(../img/supersized/bg-black.png);
		position: fixed; 
		bottom: 0; 
		left: 0;
		width: 100%;
		height: 150px; 
		text-align: center; 
		overflow: hidden; 
		z-index: 3;    
		-moz-box-shadow: 0px 0px 4px #000; 
		-webkit-box-shadow: 0px 0px 4px #000; 
		box-shadow: 0px 0px 4px #000; 
		}
		
	#thumb-back, #thumb-forward { 
		position: absolute; 
		bottom: 42px; 
		width: 40px; 
		height: 108px;  
		z-index: 5;
		}
		
	#thumb-back { 
		background: url('../img/supersized/thumb-back.png') no-repeat center center;
		left: 0; 
		}
	
	#thumb-forward{
		background: url('../img/supersized/thumb-forward.png') no-repeat center center;
		right: 0; 
		}
			
	#thumb-back:hover, #thumb-forward:hover { 
		background-color: rgba(256, 256, 256, 0.1); 
		cursor: pointer; 
		}
	
	#thumb-back:hover { 
		border-right: 1px solid rgba(256, 256, 256, 0.2); 
		}
	
	#thumb-forward:hover{ 
		border-left: 1px solid rgba(256, 256, 256, 0.2); 
		}
		
	ul#thumb-list{
		position: relative;
		left: 0px; 
		display: inline-block; 
		padding: 0 0px;
		list-style: none;  
		}
	
	ul#thumb-list li {
		background: #111;  
		width: 150px; 
		height: 108px;
		display: inline; 
		overflow: hidden; 
		float: left;
		margin: 0; 
		list-style: none;
		}
			
	ul#thumb-list li img { 
		width: 200px; 
		height: auto; 
		opacity: 0.5; 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";  
		-webkit-transition: all 100ms ease-in-out; 
		-moz-transition: all 100ms ease-in-out; 
		-o-transition: all 100ms ease-in-out;
		-ms-transition: all 100ms ease-in-out; 
		transition: all 100ms ease-in-out;
		}
				
	ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img { 
		opacity: 1; 
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";  
		}
		
	ul#thumb-list li:hover { 
		cursor: pointer; 
		}