#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:0px; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; }
	#controls { overflow:hidden; height:100%; position:relative; text-align:left; z-index:5; }
		#navigation { float:right; margin:0px 20px 0 0; }	
			#prevslide, #nextslide{ position:absolute; height:37px; width:37px; top:-500px;opacity: 1}
				#prevslide{ right:50px; background:url('../images/back.png'); }
				#nextslide{ right:0; background:url('../images/forward.png'); }
					#prevslide:hover, #nextslide:hover{ cursor:pointer; }
					#prevslide:active, #prevslide:hover{background:url('../images/back-act.png');opacity: 1}
					#nextslide:active, #nextslide:hover{background:url('../images/forward-act.png');opacity: 1}
			
			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; }
						ul#slide-list li a:hover{ background-position:0 -12px; cursor:pointer; }