html, body {
	margin:0px;
	padding:0px;
	width:100%;
	height: 100%;
	
	background-color:#FFFFFF;
	
	/*min-width:1300px;
	min-height:700px;
	overflow:hidden;*/
	
	font-family:HelveticaNeueLTStd, Helvetica, Arial, sans-serif;
	font-size:20pt;
}

.canvas {
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	padding:0px;
	margin:0px;
	
	/*overflow:hidden;*/
}

.nav {
	position:absolute;
	width:100%;
	
		
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
	
	text-align:right;
	
	
	z-index:100;
}

.nav .navitem {
	position:relative;
	display:inline-block;
	
	margin:10px 20px 10px 0px;
	padding:0px;
	
	color:#FFF;
	
	cursor:pointer;
	
	border:0px solid red;
}

.nav .navbg {
	position:absolute;
	width:100%;
	
	padding:0px;
	margin:0px;
	top:0px;
	left:0px;
	
	background-color:#000;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
   	opacity: 0.4;
}


.navlogo {
	position:absolute;
	top:0px;
	left:0px;
	
	padding:0px;
	margin:0px 0px 0px 20px;
	
	width:128px;
	height:128px;
	
	background-image:url(../img/logo.jpg);
	background-repeat:no-repeat;
	background-size:128px 128px;
}

.footer {
	position:absolute;
	width:100%;
	
	font-size:9pt;
		
	padding:0px;
	margin:0px;
	bottom:0px;
	left:0px;
	
	text-align:center;
	
	z-index:101;
}

.footer .copyright {
	position:relative;
	
	width:100%;
	
	margin:5px 0px;
	padding:0px;
	
	letter-spacing:2px;
	border:0px solid red;
}








@font-face{
	font-family:HelveticaNeueLTStd;
	src: url('../font/HelveticaNeueLTStd-ThCn.otf');
}



@media all and (min-width : 640px) {
	.nav {
		font-size:40pt;
	}
}