article, aside, figure, footer, header, hgroup, menu, nav, section {display:block; overflow: hidden;}
body {font-size: 100%;font-family: Helvetica, Arial, san-serif;line-height: 1.125em;background-color: #333;color:#fff;margin: 0 auto;}
#contact p a{color:white;}
#intro {margin: 50px auto;width: 183px;}
#mid-images {overflow: hidden;}
#mid-images a {display: block;width: 205px;margin: 0 auto 20px auto;color: white;text-decoration: none;clear:both;}
#mid-images a:hover {text-decoration: none;color:#c5c5c5;}
#mid-images img {
	display: block;
	border: none;
	margin-bottom: 5px;
}
.enter {
	text-transform: uppercase;
	text-align: center;
	font-size: 1.75em;
	margin-top: 50px;
	clear:both;
}
.enter a {
color:white;
text-decoration: none;
}
#header {margin: 10px 0 0 0;position: relative;padding: 0 1.5em;}
#header h1 {color: #404040;text-transform: uppercase;font-size: 3em;letter-spacing: -3px;cursor: default;position: absolute;top: 0px;left: 130px;}
.mobile-menu {display: block;color: white;float: right;margin-top: 20px;}
.mobile-menu img {width:30px;}
.touch-button {position: absolute;top:0;right:0;cursor: pointer;}

#nav {list-style: none;margin:0 0 10px 0;padding:0;position: relative;top:0px;display:none;clear:both;}
#nav li {margin:0;padding:0;position: relative;}
#nav li a {display: block;color: white;text-decoration: none;font-size: 0.875em;font-weight: bold;line-height: 22px;text-transform: uppercase;padding: 0 10px;}
#nav li a:hover {color:#333;background-color:#fff;}
#nav li ul {list-style: none;margin:0;padding:4px 0;display: none;background-color:#fff;}
#nav li ul li {clear: left;padding: 4px 0;}
#nav li ul li a {padding: 0 10px;font-weight: normal;text-transform: none;color: #333;}
#nav li:hover a {background-color:#fff;color:#333;}
#nav li:hover a:hover {color:#666;}

#contact {clear:both;color:#fff;text-align: left;padding: 0 1.5em;}
.about {text-align: left;width:300px;}
.about img {width:300px;}
.loading {
	background: #000000 url('../images/loading.gif') no-repeat 8px 7px;
	color:white;
	width: 120px;
	height: 18px;
	position: absolute;
	top:46%;
	font-size: 0.875em;
	left:48%;
	z-index:3;
	padding:10px 10px 10px 35px;
}
.hideshowcaption {
	float: left;
	cursor: pointer;
	display: block;
}
#share {display:none;}
.logo {width: 100px;margin-bottom: 10px;}

@media screen and (max-width: 410px){
    #header h1 {display: none;}
}