#controls-wrapper { 
	margin:0px auto; 
	padding: 0px; 
	height:42px; 
	width:100%; 
	top: 0px; 
	left:0px; 
	z-index:4; 
	background:url('/assets/img/nav-bg.png') repeat-x; 
}
#controls { 
	overflow:hidden;  
	position:relative; 
	text-align:left; 
	z-index:5; 
	margin: 0px; 
	padding: 0px; 
}
#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; 
	padding: 0px;
}
#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; margin:0px 20px 0 0; }
#play-button{ float:left; margin-top:1px; background:url('/assets/img/bg-hover.png') repeat-x 0 44px; }
#play-button:hover{ background-position:0 1px; cursor:pointer; }

#prevslide, #nextslide{ position:absolute; height:43px; width:43px; top:300px; margin-top:-21px; opacity:0.6; }
#prevslide{ left:60px; background:url('/assets/img/back.png'); }
#nextslide{ right:80px; background:url('/assets/img/forward.png'); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }

ul#slide-list{ padding:0px; 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('/assets/img/nav-dot.png') no-repeat 0 -24px; }
ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }

/* Progress Bar
----------------------------*/					
#progress-back{ z-index:5; position:absolute; top: 600px; left:0; height:8px; width:100%; background:url('/assets/img/progress-back.png') repeat-x; }
#progress-bar{ position:relative; height:8px; width:100%; background:url('/assets/img/progress-bar.png') repeat-x; }