* { margin:0; padding:0; }
body { background:#111; height:100%; }
img { border:none; }
.bggrid {background:url(../img/pattern.png) repeat; min-height: 99999px; position: absolute; width: 100%; }

#supersized-loader { position:absolute; top:50%; right:37%; z-index:0; width:60px; height:60px; margin:-30px 0 0 -30px; text-indent:-999em; background:url(../img/progress.gif) no-repeat center center;}
#supersized { display:block; position:fixed; right:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
#supersized img { width:auto; height:auto; margin-left: 20%; 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 li { display:block; list-style:none; z-index:0; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; }
#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/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; }

/* Progress Bar */					
#progress-back{ z-index:5; margin-top: -4px; height:4px; background:url('../img/progress-bg.png'); overflow: hidden; }
#progress-bar{position:relative; height:4px; width:100%; background-color: #00b8e6; }

#slidecaption { position:absolute; height:47px; width:auto; bottom: 200px; background-color: #FFF; opacity: .9; color: #333; right: 30px; line-height: 47px; padding: 0 20px; z-index: 2;}

/* Controls Bar */	
#prevslide, #nextslide, #traybutton { position:absolute; height:47px; width:47px; bottom: 130px; margin-top:-21px; opacity:0.6; }
#prevslide { right:128px; background:url('../img/back-forw.png') left; }
#nextslide { right:79px; background:url('../img/back-forw.png') right; }
#traybutton { right:30px; background:url('../img/up-down.png') top; }
#traybutton.arrowdown { background-position: bottom; }
#prevslide:active, #nextslide:active, #traybutton:active { margin-top:-19px; }
#prevslide:hover, #nextslide:hover, #traybutton:hover { cursor:pointer; opacity: 1; }


/* Thumbnail Tray */
#thumb-tray { position:fixed; z-index:4; right:0; background:url(../img/bg-black.png); height:96px; width:80%; text-align:center; }
#thumb-tray.thumbv {bottom: 0!important;}
ul#thumb-list { display:inline-block; list-style:none; position:relative; left:0px; padding:0 0px; margin: 0;}
ul#thumb-list li { border: 1px solid #444;background:#111; list-style:none; display:inline; width:125px; height:75px; overflow:hidden; float:left; margin:10px 5px; }
ul#thumb-list li img { width:125px; height:75px; 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; border-color: #FFF; }

#thumb-back, #thumb-forward { position:absolute; z-index:5; bottom:0px; height:96px; width:40px; }
#thumb-back { left:0; background: url('../img/thumb-back.png') no-repeat center center; }
#thumb-forward { right:0; background:url('../img/thumb-forward.png') no-repeat center center; }
#thumb-back:hover, #thumb-forward:hover { cursor:pointer; background-color:rgba(256,256,256, 0.1); }
#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); }