#supersized-loader{z-index:0;position:fixed;top:50%;left:50%;width:60px;height:60px;margin:-30px 0 0 -30px;text-indent:-999em;background:url(../images/supersized/progress.gif) no-repeat center center}
#supersized-background{display:block;position:fixed;top:0;left:0;width:100%;height:100%}

#supersized{list-style:none;z-index:-999;display:block;position:fixed;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:hidden}
#supersized img{display:none;position:relative;width:auto;height:auto;border:none;outline:none}
#supersized.speed img{-ms-interpolation-mode:nearest-neighbor; image-rendering:-moz-crisp-edges}
#supersized.quality img{-ms-interpolation-mode:bicubic;image-rendering:optimizeQuality}

#supersized li{z-index:-30;position:fixed;top:0;left:0;width:100%;height:100%;background:#000;overflow:hidden}
#supersized a{display:block;width:100%;height:100%}
#supersized li.prevslide{z-index:-20}
#supersized li.activeslide{z-index:-10}
#supersized li.image-loading{width:100%;height:100%;background:#000 url(../images/supersized/progress.gif) no-repeat center center}
#supersized li.image-loading img{visibility:hidden}
#supersized li.prevslide img,
#supersized li.activeslide img{display:inline}

/*-----------------------------------------------------------------------------------*/
/*  Control Bar
/*-----------------------------------------------------------------------------------*/

#navigation{float:right;margin:0px 20px 0 0}

#prevslide,
#nextslide{position:fixed;top:50%;width:20px;height:77px;margin-top:-38px;font-size:54px;color:#fff;opacity:.7}
#prevslide{left:280px}
#nextslide{right:50px}
#prevslide:active, #nextslide:active{margin-top:-39px}
#prevslide:hover, #nextslide:hover{opacity:1;cursor:pointer}

#slide-list{list-style:none;position:fixed;top:30px;right:10%margin:0;padding:0}
#slide-list li{float:left;width:12px;height:12px;margin:0 5px 0 0}
#slide-list li.current-slide a,
#slide-list li.current-slide a:hover{background-position:0 0}
#slide-list li a{display:block;width:12px;height:12px;background:url(../images/supersized/nav-dot.png) no-repeat 0 -24px}
#slide-list li a:hover{background-position:0 -12px;cursor:pointer}

/*-----------------------------------------------------------------------------------*/
/*  Progress Bar
/*-----------------------------------------------------------------------------------*/			
#progress-back{z-index:5;position:fixed;bottom:0;left:0;width:100%;height:8px;background:url(../images/supersized/progress-back.png) repeat-x}
#progress-bar{position:relative;width:100%;height:8px;background:url(../images/supersized/progress-bar.png) repeat-x}

/*-----------------------------------------------------------------------------------*/
/*  Thumbnail Navigation
/*-----------------------------------------------------------------------------------*/	
#nextthumb,
#prevthumb{display:none;z-index:2;position:fixed;bottom:61px;width:100px;height:75px;overflow:hidden;background:#ddd;border:1px solid #fff}
#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{display:none;z-index:3;position:fixed;bottom:0;left:0;background:url(../images/supersized/bg-black.png);height:128px;width:100%;overflow:hidden;text-align:center;-moz-box-shadow:0 0 4px #000;-webkit-box-shadow:0 0 4px #000;box-shadow:0 0 4px #000}

#thumb-back,
#thumb-forward{z-index:5;position:absolute;bottom:0;width:40px;height:128px}
#thumb-back{left:0;background: url(../images/supersized/thumb-back.png) no-repeat center center}
#thumb-forward{right:0;background:url(../images/supersized/thumb-forward.png) no-repeat center center}
#thumb-back:hover,
#thumb-forward:hover{background-color:rgba(256,256,256,.1);cursor:pointer}
#thumb-back:hover{border-right:1px solid rgba(256,256,256,.2)}
#thumb-forward:hover{border-left:1px solid rgba(256,256,256,.2)}

#thumb-list{list-style:none;display:inline-block;position:relative;left:0px;margin:10px 0 0;padding:0}
#thumb-list.load-item{display:none}
#thumb-list li{display:inline;float:left;width:150px; height:108px;margin:0;background:#000;overflow:hidden}
#thumb-list li img{width:200px;height:auto;opacity:0.5;-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";filter: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}
#thumb-list li.current-thumb img,
#thumb-list li:hover img{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter:alpha(opacity=100)}
#thumb-list li:hover{cursor:pointer}