@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Maven+Pro:400,700);

* { 
	margin:0; 
	padding:0; 
}
body { background:#111; height:100%; }
img  { 
	border:none; 
}

hr {
	border-top: 1px solid #eee;
	margin: 35px 0;
}


	
	
#supersized-loader { 
	position:absolute; 
	top:50%; 
	left:50%; 
	z-index:0; 
	width:60px; 
	height:60px; 
	margin:-30px 0 0 -30px; 
	text-indent:-999em; 
	background:url(images/progress.gif) no-repeat center center;
}
	
#supersized { position:fixed; left:0; top:0; overflow:hidden; z-index:-999; height:100%; width:100%; }
	#supersized img{ width:auto;  position:relative; outline:none; border:none; }
		
	#supersized a { z-index:-30; position:fixed; overflow:hidden; top:0; left:0; width:100%; height:100%; background:#111; display:block; }
	#supersized a.image-loading { background:#111 url(images/progress.gif) no-repeat center center; width:100%; height:100%; }
	
	
nav {
	z-index: 20;
	position:fixed
	bottom: 0;
	background: no-repeat center;
	font-family: 'Maven Pro', sans-serif;
	font-weight: 700; 
	font-size: 15px;
	}

	nav ul {
		padding-top: 30px;
		height: 60px;
		text-align: center;
		background-color: rgba(0,0,0,0.3);
		-moz-box-shadow: 0px 1px 2px #000; -webkit-box-shadow: 0px 1px 2px #000; box-shadow: 0px 1px 2px #000;
	}
	nav li {
		display: inline-block;
		float: none;
		margin: 0 5px;
		background: transparent;
	}
		nav a, nav a:visited {
			display: inline-block;
			line-height: 30px;
			color: #fff;
			padding: 0 20px;
			text-decoration: none;
			-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;

		}
			nav li a.selected, nav li:hover a {
				color: #fff;
				background-color: rgba(0,0,0,0.3);
				text-shadow: 0px 2px 2px #000;
				-webkit-transform:  background-color 0.2s ; -moz-transform: background-color 0.2s; -o-transform: background-color 0.2s; transition: background-color 0.2s;
			}