* {
    margin:0;
    padding:0;
    border: 0;
    outline: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}
html {
    background: white;
    background:url('background.jpg');
    height:100%;
}
body {
    font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
    font-weight: 300;
    height: 100%;
    width:100%;
    background:url('land.jpg') no-repeat;
    
}
img {
    border: 0;
}
#title {
	position: absolute;
	top:50px;
	left:50px;	
}

#text {
	position: absolute;
	top:250px;
	left:40px;
	width:480px;
	color:white;
	font-size: 20px;
	text-shadow: -30px 30px 4px #000000;
	font-weight: 100;
}

.menu {
	position: absolute;
	top:50px; 
	left:580px;
}

.menu a,.menu a:visited {
	display: block;
	margin:25px;
	color:white;
	font-size:24px;
}

#text p {
	padding-left: 40px;
	margin-bottom: 8px;
}

div.screens {
	width: 600px;
	text-align: middle;
}

div.screens img {
	width:250px;
	margin:25px 0 0 25px;
	box-shadow: -30px 30px 40px #000000;
	border:1px solid transparent;
	cursor:pointer;
}

#thescreen {
	position: absolute;
	cursor:pointer;
	top:10px;
	left:10px;
}

div.screens img:hover {
	border:1px solid white;
}

canvas {
    display: block;
}


.walkthroughs {
	padding:70px;
	width:460px;
	
}

.walkthroughs a {
	display: inline-block;
	color:white;
	font-size: 20px;
	width:120px;
	padding:10px;
}

.top-menu a {
	color:white;
	font-size: 20px;
	padding:10px;
}
iframe { padding:10px;}