html {
	height:100%; /* forces page height to equal inner window height. */
}
body {
	margin: 0px;
	padding: 0px;
	background-color:#120200;
	font: 10px Arial, sans-serif;
	color: #ffffff;
	text-align:left;
}
#mapDiv, #mapMask {
	position: fixed;
	left: 0px;
	top: 0px; 
}
#mapBorder {
	position: absolute;
	left: 0px;
	top: 0px; 
}
#ship { 
   	position: absolute;
    width: 50px; 
    height: 47px; 
    background: url('pic/ship.png'); 
	top: 350px;
	left: 560px;
}
.shadowed {
	-webkit-filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.7));
	filter: drop-shadow(3px 3px 3px rgba(0,0,0,0.7));
}
#pointer { 
   	position: absolute;
    width: 5px; 
    height: 5px; 
    background-color: #ff0000; 
}
#plane { 
   	position: absolute;
    width: 26px; 
    height: 24px; 
	left: -50px;
    background-image: url('pic/plane.png'); 
}	
#planeShadow { 
   	position: absolute;
	left: -50px;
    width: 26px; 
    height: 24px;
    background-image:url('pic/planeShadow.png'); 
	opacity: 0;
}
h2 {
  	position: absolute;
  	font-size: 120px;
	top: 665px;
	left: 180px;
	opacity: 0;

}
.author {
  	position: absolute;
	top: 885px;
  	font-size: 9px;
  	color: #cccccc;
  	font-weight: bold;
	opacity: 0;
}
#myName {
	transform: rotate(270deg);
}

.superShadow {
  	text-shadow:     
  	0 1px 0 hsl(174,5%,80%),
	0 2px 0 hsl(174,5%,75%),
	0 3px 0 hsl(174,5%,70%),
	0 4px 0 hsl(174,5%,66%),
	0 5px 0 hsl(174,5%,64%),
	0 6px 0 hsl(174,5%,62%),
	0 7px 0 hsl(174,5%,61%),
	0 8px 0 hsl(174,5%,60%),

	0 0px 5px 	rgba(0,0,0,.05),
	0 1px 3px 	rgba(0,0,0,.2),
	0 3px 5px 	rgba(0,0,0,.2),
	0 5px 10px 	rgba(0,0,0,.2),
	0 10px 10px rgba(0,0,0,.2),
	0 20px 20px rgba(0,0,0,.3);
}

#instructions {
  	position: absolute;
	top: 50px;
	left: 430px;
  	font-size: 18px;
  	color: #ffeeaa;
	opacity: 0;
}

#plus, #minus {
  	position: absolute;
}

.demoText {
	position: absolute;
	color: #aaaa00;
	font-size: 14px;
	text-align: center;
}