/*
	Supersized - Fullscreen Slideshow jQuery Plugin
	Version 3.1.3
	www.buildinternet.com/project/supersized
	
	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
	Released under MIT License / GPL License
*/

* { margin:0; padding:0; }
body { background:#111; }
	img{ border:none; }
	
	#supersized-loader { position:absolute; top:50%; left:50%; z-index:10; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background-color:#111; background:rgba(0,0,0,0.8) url(../img/progress.gif) no-repeat center center; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
	
	#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
		#supersized img{ width:auto; height:auto; position:relative; display:none; outline:none; border:none; }
			#supersized.speed img { -ms-interpolation-mode:nearest-neighbor; image-rendering: -moz-crisp-edges; }	/*Speed*/
			#supersized.quality img { -ms-interpolation-mode:bicubic; image-rendering: optimizeQuality; }			/*Quality*/
		
		#supersized a { z-index:-30; position:absolute; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111;}
			#supersized a.prevslide { z-index:-20; }
			#supersized a.activeslide { z-index:-10; }
			#supersized a.prevslide img, #supersized a.activeslide img{ display:inline; }
	
	/*Controls Section*/
	#controls-wrapper { position: absolute; margin:0 auto; height:41px; width:115px; bottom: 20px; right: 20px; z-index:4; background: #4b4b4b; 
	-webkit-box-shadow:  0px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow:  0px 2px 5px 1px rgba(0, 0, 0, 0.1); }
		#controls { overflow:hidden; height:100%; text-align:left; z-index:5; padding:0 114px; /* Increase padding to give thumbnails room */ }
			#slidecounter { position: absolute; left: 39%; top: 0; color:#fff; font-size: 20px; margin:7px 0 0; }
			#slidecaption { overflow:hidden; float:left; color:#FFF; font:16px "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight:bold; text-shadow:#000 0 2px 0; margin:23px 20px 23px 0; }
			#navigation { float:right; margin:10px 20px 0 0; }
				#prevslide {
					display: block;
					cursor: pointer;
					position: absolute;
					left: 0;
					top: 0;
					width: 18px;
					height: 41px;
					background: url(../img/prevslide.jpg) 0 0 no-repeat;
				}
				#prevslide:hover {
					background: url(../img/prevslide.jpg) 0 -41px no-repeat;
				}
				#nextslide {
					display: block;
					cursor: pointer;
					position: absolute;
					right: 0;
					top: 0;
					width: 18px;
					height: 41px;
					background: url(../img/nextslide.jpg) 0 0 no-repeat;
				}
				#nextslide:hover {
					background: url(../img/nextslide.jpg) 0 -41px no-repeat;
				}
				#prevslide,#nextslide {
					-webkit-transition: all 200ms ease-in-out;
					-moz-transition: all 200ms ease-in-out;
					-ms-transition: all 200ms ease-in-out;
					-o-transition: all 200ms ease-in-out;
					transition: all 200ms ease-in-out;
				}