@font-face {
  font-family:'FuturaLT-Book';
  src: url('../fonts/FuturaLT-Book.ttf');
}
@font-face {
  font-family:'FuturaLT-BookOblique';
  src: url('../fonts/FuturaLT-BookOblique.ttf');
}

html,
body {
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	}

#target {
	position:relative;
	width:100%;
	color: #efefef;
	font-size:14px;
	font-family:'FuturaLT-Book';
	background:rgb(32,31,35);;
	}
#target #dir{
	position: absolute;
	top:50%;
	text-align:center;
	letter-spacing:1px;
	margin:0 auto;
	width:100%;
	cursor:default;
	}

#c {
	display:block;
	}

#c_plasma {
	position:absolute;
	}

.label {
	font-family:'FuturaLT-Book', sans-serif;
	font-size:11px;
	font-weight:normal;
	text-transform:uppercase;
	text-rendering:optimizeLegibility;
	letter-spacing:1px;
	}

#nav {
	position:absolute;
	height:0;
	padding-left:15px;
	}

#nav .btn {
	position:relative;
	background:#000;
	color: #efefef;
	bottom:60px;
	padding:9px;
	border:1px solid #333;
	cursor:pointer;
	}
#nav .btn:hover{
	background:#222;
	}
#nav .btn:active,
#nav .btn:focus {
	outline:none;
	}
#nav .btn:focus {
	/*border:1px solid rgba(245,245,245,0.8);*/
	}

#velcounter {
	position:absolute;
	padding-left:15px;
	}
#velcounter .vel {
	position:relative;
	top:36px;
	color:rgb(245,75,75);
	/*text-transform:none;
	letter-spacing:0.5px;*/
	/*font-style:italic;*/
	text-shadow:0 0 1px rgba(245,75,75,0.5);
	cursor:default;
	opacity:0;
	}
#velcounter .vel span {
	float:left;
	}
#velcounter .vel #val {
	width:75px;
	text-transform:none;
	margin-top:-10px;
	padding:9px 0 9px 6px;
	border:1px solid rgba(245,75,75,1.0);
	}
#velcounter .vel #realval{
	text-align:center;
	}

#labels {
	position:absolute;
	}
#labels .label {
	position:absolute;
	color:#ccc;
	font-size:8px;
	text-align:right;
	padding:6px 0 5px;
	width:75px;
	/*border:1px solid #ccc;*/
	opacity:0;
	cursor:default;
	}
#labels .label.plasma {
	/*color:rgb(32,31,35);*/
	}
#labels .label.shockwave {
	}