<style>

	/* FONTS */
	@font-face {
        font-family: 'DINMedium';
        src: url('fonts/din/DINMed.eot');
   	}
  	@font-face {
        font-family: 'DINMedium';
        src: url('fonts/din/DINMed.woff') format('woff'),
        url('fonts/din/DINMed.svg#DIN-Medium') format('svg');
	}

	html {
		height: 100%;
		width: 100%;
		font-size: 12px;
	}

	body {
		background-color:#000;
		color: #fff;
		margin: 0px;
		overflow: hidden;
		font-family: 'DINMedium';
		-webkit-font-smoothing:antialiased;
		/*cursor:none;*/
	}

	h1 {
		text-transform: uppercase;
		font-weight: normal;
	}

	h3 {
		margin: 0;
		font-weight: normal;
		text-transform: uppercase;
		font-size: 46px;
		margin-bottom: 16px;
	}

	h4 {
		font-weight: normal;
		text-transform: uppercase;
		margin: 0;
		font-size: 22px;
	}

	p {
		margin: 0;	
		font-size: 16px;
	}

	a:visited {
		color:#fff;
		text-decoration:none;
	}

	a:link {
		color:#fff;
		text-decoration:none;
	}

	hr {
		border:0;
		background-image: url("assets/img/ufo_interface_line.png");
		background-repeat:no-repeat;
		background-size:contain;
		height:1px;
		margin: 0;
		margin-top: 13px;
		margin-bottom: 14px;
	}

	.no-select {
		-webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}

	#social {
		position: absolute;
		top: 20px;
		left: 25px;
		opacity: 0;
	}

	.icon-label {
		background-repeat:no-repeat;
		background-size:30px;
		height:39px;
	}

	.icon-label .label {
		display: inline-block;
		padding-left: 40px;
		padding-top: 6px;
		font-size:17px;
		text-shadow: 0px 0px 2px #000000;
	}

	#interface {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		display: none;
		z-index:2;
	}

	#abducted-speciman-count {
		position: absolute;
		bottom: 40px;
		left: 40px;
		background-image: url("assets/img/ufo_interface_skull.png");
	}

	#abducted-things-count {
		position: absolute;
		bottom: 40px;
		left: 130px;
		background-image: url("assets/img/ufo_interface_objects.png");
		background-position: 0 2px;
		display: none;
	}

	#timer {
		position: absolute;
		bottom: 40px;
		right: 40px;
		height: 20px;
	}

	#timer-text {
		position: absolute;
		top: 0;
		right: 27px;
		font-size: 17px;
	}

	.timer-graphic-container {
		position: absolute;
		top: 4px;
		right: -4px;
		width: 20px;
		height: 20px;
		transform: rotate(-90deg);
	}

	#timer-graphic {
		transform: scale(.5,.5);
		transform-origin:left top;
	}

	#meater {
		position: absolute;
		z-index: 5;
		width: 202px;
		bottom: 40px;
		left: 40px;
		height: 17px;
	}

	#meater-base {

		background-image: url("assets/img/bar_base_x2.png");
		width: 100%;
		height: 16px;
		background-size:contain;
		position: absolute;
		background-repeat:none;
		top: 0;
		left: 0;
		z-index:0;
	}

	#meater-progress {
		
		background-image: url("assets/img/bar_meat_x2.png");
		width: 0%;
		height: 16px;
		background-size:202px;
		background-repeat:none;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index:1;
	}

	#meater-highlight {

		background-image: url("assets/img/bar_highlight_x2.png");
		width: 100%;
		height: 16px;
		background-size:contain;
		background-repeat:none;
		position: absolute;
		top: 0;
		left: 0;
		z-index:2;
	}


	/* GAME START SCREEN */

	#game-start-screen {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
		z-index:3;
		overflow: hidden;
		visibility: hidden;
		min-width:800px;
		background-color:#000000;
	}

	#game-start-screen-background {
		
		position: absolute;
		top:0;
		left:0;
		width: 100%;
		height: 100%;
	}

	#game-start-video-background{
		width:950px;
		height:536px;
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-475px;
		margin-top:-270px;
	}

	#game-start-screen-foreground {
		
		position: absolute;
		top: 0;
		left: 0;
		/*z-index:3;*/
		width: 100%;
		height: 100%;
		text-align: center;
	}

	#game-start-screen-scale {
		
		position: relative;
		top:0;
		left:0;
		width:100%;
		height:100%;
		cursor:pointer;
	}

	#game-start-screen-scale object {
		
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-750px;
		margin-top:-360px;
		pointer-events:none;
	}


	#game-start-bottom-text {

		position: absolute;
		bottom:35px;
		left:50%;
		margin-left:-128px;
		font-size:13px;
		z-index:50;
	}

	#game-start-bottom-right-text {
		
		position: absolute;
		bottom:35px;
		right:35px;
		font-size:12px;
		z-index:50;
	}

	#game-start-bottom-text, #game-start-bottom-right-text a {
		
		font-size:13px;
		color:#fff;
		text-decoration:none;
	}

	/* GAME OVER SCREEN */

	#game-over-screen {
		width: 100%;
		height: 100%;
		position: absolute;
		top:0;
		left:0;
		z-index:100;
		overflow: hidden;
		display: none;
	}

	#game-over-screen-background {
		
		background-color: rgba(255,0,0,.7);
		background-size:cover;
		width: 100%;
		height: 100%;
	}

	#game-over-screen-foreground {
		
		position: absolute;
		top: 0;
		left: 0;
		/*z-index:3;*/
		width: 100%;
		height: 100%;
		text-align: center;
	}

	#game-over-screen-scale {
		
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -510px;
		margin-top: -115px;
		pointer-events:none;
		/*display: none;*/
		/*height:100%;
		width:100%;*/
	}

	/*  MISSION START/COMPLETE SCREEN */

	#mission-start-screen, #mission-complete-screen {
		
		position: absolute;
		width: 100%;
		height: 100%;
		z-index:5;
		font-size:17px;
		display: none;
		overflow: hidden;
		
		-webkit-transform: translatez(0);
	    -moz-transform: translatez(0);
	    -ms-transform: translatez(0);
	    -o-transform: translatez(0);
	    transform: translatez(0);
	}

	#progress-spinner {
		position: absolute;
		right: 30px;
		bottom: 30px;
		z-index:5;
		width:20px;
	}

	#stars {
		
		position: absolute;
		bottom: 39px;
		left: 225px;
	}

	#stars ul {
		margin:0;
	}

	#stars li {
		list-style-type:none;
		float:left;
		padding-left:3px;
	}

	#stars li img {
		width:26px;
	}

	#stars .on {
		display: none;
	}

	#abducted-things-total-count {
		background-image: url("assets/img/ufo_interface_objects.png");
		background-position-y: 3px;
	}

	#mission-time {
		background-image: url("assets/img/ufo_interface_time.png");
		background-position-y: 3px;
		margin-left: 20px;
	}

	#meat-count {
		background-image: url("assets/img/ufo_interface_objects.png");
		background-position-y: 3px;
	}

	#abducted-speciman-total-count {
		background-image: url("assets/img/ufo_interface_skull.png");
		margin-right: 15px;
	}

	#mission-start-screen .beam-image {
		
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	#mission-start-screen .beam-image img {

		height:100%;
		margin-left: -380px;
	}

	#mission-start-screen .mission-info {
		
		position: absolute;
		top:50%;
		left:50%;
		margin-left: 50px;
		margin-top: -116px;
		transform-origin:center left;
		width:350px;
	}

	#mission-start-screen .mission-info p {
		margin-bottom: 27px;
		line-height:23px;
		font-size:14px;
		width:90%;
	}
	
	#mission-start-screen .mission-info .icon-label {
		display: inline-block;
	}
		
	#mission-start-background {
		
		width: 1100%;
		height: 100%;
		background: rgba(0, 0, 0, 1.0); 
	}

	#mission-complete-background {
		width: 100%;
		height: 100%;
		background-color:rgba(0,0,0,.8);
	}

	#mission-complete-screen table .right {
		
		text-align: right;
	}

	#mission-complete-screen #abducted-speciman-total-count {
		margin-bottom: 0px;
	}

	#mission-complete-screen-scale {
		position: absolute;
		top: 50%;
		left: 50%;
		width:430px;
		margin-left:-205px;
		margin-top:-150px;
	}

	#mission-complete-screen-scale table {
		width: 100%;
	}

	/*  */
	
	#spacebar-continue  { 
		position: absolute;
		z-index:10;
		bottom:50%;
		left:50%;
		margin-left: -100px;
		display: none;
		text-shadow: 0px 0px 8px #000000;
	}

	.svg-plot {
		display: none;
	}

	#no-webgl, #mobile-site {
		background-size:cover;
		width: 100%;
		height: 100%;
		text-align: center;
		display: none;
	}

	#mobile-site {
		/*padding-bottom: 80px;*/
		position: absolute;
		top: 0;
		left: 0;
		background-color:#000000;
		/*background-image: url("assets/img/mobile_img.jpg");
		backround-position:50% 20px;*/
	}

	#mobile-site #social {
		display: none;
	}

	#mobile-site #mobile-site-container, #no-webgl #mobile-site-container {
		
		/*-webkit-transform: scale(.9,.9);
		transform: scale(.9,.9);*/
		position: absolute;
		top:50%;
		margin-top:-50%;
		width:100%;
	}

	#mobile-image-top
	{
		width:40%;
	}

	#mobile-image-bottom
	{
		width:80%;
	}

	#no-webgl #mobile-aslogo, #mobile-site #mobile-aslogo {
		width:40%;
		margin-bottom:15px;
	}

	#no-webgl #mobile-logo, #mobile-site #mobile-logo {
		width:100%;
		margin-bottom:15px;
	}

	 #no-webgl .video-container, #mobile-site .video-container {
		width:100%;
	}

	#mobile-site p {
		font-size:13px;
		line-height:21px;
		width:85%;
		margin:0 auto;
		margin-top:10px;
	}

	#no-webgl {	
		position: absolute;
		top: 0;
		left: 0;
		background-color: #000000;
	}

	#no-webgl p
	{
		font-size:13px;
		line-height:21px;
		position: absolute;
		left:50%;
		top:50%;
		margin-left: -70px;
		margin-top:200px;
	}

	#no-webgl video, #mobile-site video {
		width:100%;
	}

	#no-webgl video {
		height:260px;
	}

	#no-webgl #mobile-site-container {
		-webkit-transform:none;
		transform:none;
		margin: 0 auto;
		position: absolute;
		top:50%;
		left:50%;
		margin-left:-250px;
		margin-top:-230px;
		width:500px;
		z-index:1;
	}

	#no-webgl #webgl-image {
		height: 500px;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -195px;
		margin-left: -180px;
		z-index:-1;
	}

</style>