/* Controls Bar ----------------------------*/
#controls-wrapper { margin:0 auto; height:20px; width:100%; top:0px; left:0; z-index:4; background:url(../images/n av-bg.png) repeat-x; position:fixed; }
#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
#slidecounter { float:left; color:#535353; font:11px "Helvetica Neue", Helvetica, Arial, sans-serif; text-s hadow:#000 0 -1px 0; margin:0px 10px 0 15px; line-height:20px; font-weight:bold }			
#navigation { float:right; margin:0px 20px 0 0; }
#play-button{ float:left; margin-top:0px;border-right:1px solid #FFFFFF; background:url('../images/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:50%; margin-top:-21px; opacity:0.6; border:#FF0000 solid 0px }
#prevslide{ right:50px; background:url('../images/back.png'); }
#nextslide{ right:10px; background:url('../images/forward.png'); }
#prevslide:active, #nextslide:active{ margin-top:-19px; }
#prevslide:hover, #nextslide:hover{ cursor:pointer; }
				
ul#slide-list{ padding:0px 0; float:left; position:absolute; left:50%; border:#FF0000 solid 0px; margin-top:5px }
ul#slide-list li{ list-style:none; width:14px; height:14px; float:left; margin:0 8px 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('../images/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:0; position:fixed; top:0px; left:0; height:20px; width:100%; 
background:url('../images/bg_control.png') repeat-x;backgr  ound-color:rgba(255, 255, 255, 0.60); }
#progress-bar{ position:relative; height:1px; width:100%; background:url('../images/progress-bar.png') repeat-x; }