body {
	background-color:#0068AB;
	color:white;
	padding:0px;
	margin:0px;
	word-spacing:.06em;
}

#canvas {
	position:absolute;
	top:0px;
}

#logo {
	z-index:100;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-250px;
	margin-top:-200px;
}

#info {
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-390px;
	margin-top:80px;
}
#info2 {
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-190px;
	margin-top:80px;
}

#info3 {
	z-index:100;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#FFF;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:10px;
	margin-top:80px;
}
#explain {
	width:150px;
	left:0px;
	top:0px;
	position:absolute;
	font-family:arial, sans-serif;
	font-size:11px;
	color:white;
}

a {
	color:white;
	text-decoration:none;
}

a:hover {
	color: #309;
	background-color: transparent;
}

span {
	padding: 2px;
	line-height:16px;
	background-color: #3e3e3e;
}