body, html {height: 100%; margin:0; min-width:500px; min-height: 400px; overflow: hidden}
#map {background: url(assets/images/disney.jpg) top center no-repeat; background-size: cover; height: 100%; overflow: hidden; display:none;}
canvas {background:none; width: 100%;}
nav {height: 100px; margin-top: -50px; z-index: 5; position: fixed; bottom:0; width: 100%; background: white; transition: all .2s linear; overflow: hidden; font-family: 'Open Sans Condensed', sans-serif; 	border-image:url("assets/images/border.png") 25 30 20 20  stretch;

	letter-spacing: 1px;}
nav li {display:inline;list-style: none; padding: 0 10px;}
nav ul {margin: 20px auto; text-align: center; padding:0; margin-left: -40px;}
nav a {color: #aa9385; text-transform: uppercase; text-decoration: none; font-size:1.4em;}
nav a.purchase {font-size: 1.6em;}
nav li {
	display: inline-block;
	position: relative;
	padding-bottom: 3px;
}
nav li:after {
	content: '';
	display: block;
	margin: auto;
	height: 1px;
	width: 0px;
	background: transparent;
	transition: width .5s ease, background-color .5s ease;
}
nav li:hover:after {
	width: 100%;
	background: #aa9385;
}

nav ul {margin: 10px 0;}
nav .sub a {text-transform: none; font-size: .8em; color: gray; opacity: .6; transition: all .1s linear;}
nav .sub a:hover {opacity: 1; }
nav .sub li:after {
	display:none;
}

#fade {width: 100%;height: 100%; background: white; position: fixed; top: 0; left:0; z-index: 10; visibility:hidden;
 }
	#mainProgress {
			width: auto;
			height: 20px;
			float: none;
			margin-top: 30%;
			position: relative;
		}
		#mainProgress LABEL { position: absolute; }

		.item .progress {
			width: 0;
			height: 20px;
			background-color: #45336F;
			bottom: 0;
		}