body { background:white; height:100%; margin:0; padding:0;}

#supersized li { display:block; list-style:none; z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:white; }

#supersized li.image-loading { background:white url(../img/progress.gif) no-repeat center center; width:100%; height:100%; }


/* Title Block
	--------------------*/

ul#menu {text-align:center;}
	ul#menu li {padding: 10px; display: inline;}
	ul#menu	li a {font-weight:bold; color:#DCDCDC; text-shadow: 2px 2px 2px #000000; text-decoration:none; opacity:0.5; filter:alpha(opacity=50);/* For IE8 and earlier */}
	ul#menu li a:hover {color:white; opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */}

	
p { text-align: center; padding: 10px; text-decoration:none;}

h1 {text-align: center;}

#footer {bottom:50px; background-color:white; opacity:0.25; filter:alpha(opacity=25); background-attachment:fixed; background-position:center bottom; text-align:center; z-index:-2;}

#controls-wrapper { margin:0 auto; height:42px; width:100%; bottom:15px; left:0; z-index:4; background:url(../img/nav-bg.png) repeat-x; position:fixed; }
	
#slidecaption { overflow:hidden; text-align:center; bottom:15px; float:none; opacity:0.8; filter:alpha(opacity=80); color:#FFF; font:400 14px "Helvetica Neue", Helvetica, Arial, sans-serif; text-shadow:#000 1px 1px 2px; padding:2px; margin:0 20px 0 0; line-height:14px; }
			
			/* Progress Bar
	----------------------------*/					
	#progress-back{ z-index:5; position:fixed; bottom:57px; 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; }
		
	ul#slide-list{ padding:2px 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; }