
#controls-wrapper{
	margin: 0 auto;
	cursor:pointer;
	height: 42px;
	width: 55px;
	bottom: 70px;
	left: 0;
	right: 0;
	background:rgba(255,255,255,.3);
	z-index: 4;
	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;
	}
	
#slidecaption{
	overflow:hidden;
	float:left;
	color:#FFF;
	font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-shadow:#000 1px 1px 2px;
	margin:0 20px 0 0;
	line-height:42px;
	}
			
#navigation{
	float:right;
	}

#play-button{
	float:left;
	margin-top:1px;
	background:url('../img/bg-hover.png') repeat-x 0 44px;
	}
				
#prevslide, #nextslide{
	position:absolute;
	height:43px;
	width:23px;
	top:50%;
	margin-top:-21px;
	opacity:0.6;
	}

#prevslide{
	left:10px;
	background:url('../img/prev.png');
	}

#nextslide{
	right:10px;
	background:url('../img/next.png');
	}

#prevslide:active, #nextslide:active{
	margin-top:-19px;
	}

#prevslide:hover, #nextslide:hover{
	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('../img/nav-dot.png') no-repeat 0 -24px;
	}
				
#tray-button{
	float:right;
	margin-top:1px; 
	border-left:1px solid #333;
	background:url('../img/bg-hover.png') repeat-x 0 44px;
	}
			
/* Progress Bar
----------------------------*/					

#progress-back{
	z-index:5;
	position:fixed; 
	bottom:42px; 
	left:0; 
	height:8px; 
	width:100%; 
	background:url('../img/progress-back.png') repeat-x;
	}

#progress-bar{
	position:relative;
	height:8px; 
	width:100%; 
	background:url('../img/progress-bar.png') repeat-x;cursor:pointer;
	}
	
/* Thumbnail Navigation
----------------------------*/	

#nextthumb,#prevthumb{
	z-index:2; 
	display:none; 
	position:fixed; 
	bottom:1px; 
	height:75px; 
	width:100px; 
	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{
	position:fixed; 
	z-index:3; 
	bottom:0!important; 
	right:0;
	height:78px; 
	width:100%; 
	overflow:hidden; 
	text-align:center;
	}
		
#thumb-back, #thumb-forward{
	position:absolute;
	z-index:5; 
	bottom:0px; 
	height:58px; 
	width:40px; 
	}

#thumb-back{
	left:0; 
	background: url('../img/prev.png') no-repeat center center;
	}
	
#thumb-forward{
	right:0;
	background:url('../img/next.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);
	}
		
ul#thumb-list{
	display:inline-block;
	list-style:none;
	position:relative; 
	left:0px; 
	padding:0 0px; 
	}

ul#thumb-list li{
	background:transparent; 
	list-style:none; 
	display:inline; 
	width:100px; 
	height:78px; 
	overflow:hidden; 
	float:left; 
	margin:0; 
	}

ul#thumb-list li img{
	width:100px; 
	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; 
	}

ul#thumb-list li.current-thumb img, ul#thumb-list li:hover img{
	opacity:1; 
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
	filter:alpha(opacity=100); 
	}

ul#thumb-list li:hover{
	cursor:pointer;
	}
				