@font-face
{
	font-family: viper;
	src: url('font/VIPER__.TTF');
}
* {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;

}
html {
	height: 1152px;
	overflow-y:hidden;
	font-family: "Arial","Verdana",sans-serif;

}
body {
	width: 2048px;
	height: 1152px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	overflow-y:hidden;
	position:fixed;
}
#wrapper {
	width:2048px;
	height:1152px;
	background: url('img/background.png');
	overflow:hidden;
}
p {
	font-family: "Arial","Verdana",sans-serif;
}
data {
	display: none;
}
iframe {
	background:#000;
}
#map-canvas {
	position:absolute;
	left:400px;
	width:1648px;
	height: 1152px;
}
#linkcontrols,#mapcontrols {
	background:url('img/empty_sidebar.png');
}

#linkcontrols, #mapcontrols { 
	position:absolute;
	width:400px;
	height:1152px;

	z-index:999;
	box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0px 0px 20px 10px rgba(0, 0, 0, 0.5);
}
#linkcontrols ul, #mapcontrols ul {
	position: absolute;
	bottom:50px;
	left:50px;
	width: 300px;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#linkcontrols ul li, #mapcontrols ul li {
	margin-top: 25px;
	height:50px;
	width: 285px;
	background:#fff;
	float: left;
	font-size: 24px;
	line-height: 50px;
	padding-left: 15px;
	font-family: viper,"VIPER NORA";
	color: #bf3731;	
}
#linkcontrols ul li.active, #mapcontrols ul li.active {
	background: #bf3731;
	color: #FFF;
}
#asl-view {
	position: absolute;
	top: 0px;
	overflow:hidden;
}
#asl-view  h1 {
	margin: 100px 0px 0px 100px;
	font-size: 260px;
	z-index: 999;
	text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5);
}
#asl-view h2 {
	margin:0px 0px 0px 100px;
	font-size: 80px;
	z-index: 999;
	text-shadow: 0px 0px 25px rgba(0, 0, 0, 0.5);
}
h1,h2 {
	font-family: viper,"VIPER NORA";
	font-weight:normal;
	color: #fff;
}
h2 {
	font-size: 36px;
}
#asl-text {
	position:absolute;
	left:0px;
	top:0px;
}
#asl-loop {
	position:absolute;
}
#intro-view {
	background: blue;
	position: absolute;
	background: url('img/intro_image.png');
	top: 1152px;	
}
#intro-view h1 {
	position:absolute;
	left:100px;
	top:0px;
	font-size: 145px;
}
#intro-text {
	position: absolute;
	left: 100px;
	top: 540px;
	font-size:36px;
	color:#fff;
	width:810px;
}
#intro-text p {
	margin: 0px 0px 30px 0px;
}
#intro-nav {
	position:absolute;
	left:1010px;
	top:540px;
	list-style-type: none;
	padding: 0px;
	margin:0px;
	width:860px;
}
#intro-nav li {
	margin: 0px 25px 25px 0px;
	padding: 0px;
	float:left;
}
.button, .bigbutton {
	height:100px;
	text-align: center;
	line-height: 100px;
	font-family: viper,"VIPER NORA";
}

.button {
	width: 184px;
	background: #FFF;
	color: #bf3731;
	font-size:24px;
}
.button:hover {
	background: #bf3731;
	color: #FFF;
}
.bigbutton {
	width: 393px;
	color: #FFF;
	font-size:36px;
	background-color: #bf3731;
	background-image: url('img/pin_white.png');
	background-repeat: no-repeat;
	background-position: center center;
}
.bigbutton:hover {
	background: #FFF;
	color: #bf3731;
	background-image: url('img/pin.png');
	background-repeat: no-repeat;
	background-position: center center;	
}
.backbutton {
	position:relative;
	left:50px;
	top:50px;
	width:235px;
	height:50px;
	padding-left:65px;
	line-height:50px;
	color: #FFF;
	font-size:30px;
	background-color: #bf3731;
	font-family: viper,"VIPER NORA";
	background-image: url('img/back_arrow_white.png');
	background-repeat: no-repeat;	
}
.backbutton:hover {
	background: #FFF;
	color: #bf3731;
	background-image: url('img/back_arrow.png');
	background-repeat: no-repeat;		
}
#map-view {
	position: absolute;
	top: 1152px;
}
#map-canvas-blocker {
	position:relative;
	width: 2048px;
	height:30px;
	top: -30px;
	background: rgba(255,255,255,0);
	z-index: 999;
}
#side-view {
	background: #000;
	position: absolute;
	top: 1152px;
}
#back-button {
	color: #fff;
	background:#000;
	padding:10px 20px;
	text-align:center;
	right:0px;
	top:0px;
	z-index: 999;
	position: absolute;
	font-size: 3em;
}
.view {
	width: 2048px;
	height: 1152px;
	overflow-y:hidden;
}
#linkframe, #mapframe {
	background: url('img/background2.png');
	position:absolute;
	top:0px;
	left:400px;
	width:1648px;
	height:1152px;
	border:0px;
	margin:0px;
	padding:0px;
}
#mapcontrols h1, #linkcontrols h1 {
	margin-left:50px;
	margin-top:130px;
	font-size:48px;
}