html, body {background-color: #111922; padding: 0; margin: 0; background: url('img/bg.jpg');}
html {}
body {
	font-family: Helvetica, Verdana, Arial, sans-serif;
	color: #fff;
	text-align: center;
}

#vortex {background: url('img/vortex.jpg') no-repeat; position: absolute; left: 0; top: 0; width: 942px; height: 846px; display: block;}

.content {
	margin: auto;
	margin-top: 30px;
	width: 1024px;
	height: 768px;
	position: relative; 
	-moz-box-shadow:    3px 3px 5px 6px rgba(0,0,0,.3);
  	-webkit-box-shadow: 3px 3px 5px 6px rgba(0,0,0,.3);
 	box-shadow:         3px 3px 5px 6px rgba(0,0,0,.3);
	border: 10px solid #491a63;
 	border-radius:5px;
 	outline: 0;
}

.extraContent {
	margin: auto;
	margin-top: 30px;
	width: 1024px;
	position: relative;
}
.broken,
.missing {
	margin: auto;
	position: relative;
	top: 50%;
	width: 193px;
}
.broken a,
.missing a {
	height: 63px;
	position: relative;
	top: -31px;
}
.broken img,
.missing img {
	border-width: 0px;
}
.broken {
	display: none;
}
#unityPlayer {
	cursor: default;
	height: 100%;
	width: 100%;
	position: absolute; 
	border: 2px solid #807873;
	left: -2px;
	top: -2px;
	outline: 0;
	background-color: #000;
}
#focusLost {
	width: 100%;
	background: #ffff00;
	color: #000;
	padding: 2px 0;
	position: absolute;
	top: 0;
	font-weight: bold;
}

embed, object {
	outline: 0; border: 0;
	background-color: #000;
}

.unityIsFocused #focusLost {
	display: none;
}

#title a{width: 23%; height: 100%; display: block;}
#logos {display: block;clear: both; overflow: hidden; width: 100%; padding-top: 40px;}
#logos a:hover{opacity: .8;}

@media only screen and (min-width: 1600px) and (min-height: 850px) {
	#logoMotelMonstre {background: url('img/logo_motelmonstre.png') no-repeat; position: absolute; left: 2%; top: 50px; width: 283px; height: 237px; display: block;}
	#logoMotelMonstre:hover{opacity: .8;}
	#thaumatos{background: url('img/thaumatos.png') no-repeat; position: fixed; right: 0px; bottom: 0px; width: 387px; height: 531px; display: block;}

	#title{background: url('img/title_big.jpg') no-repeat; width: 593px; height: 107px; float: left;}
	#instructions{background: url('img/instructions_big.png') no-repeat; width: 387px; height: 90px; margin: 10px 0 0 20px; float: left;}

	#logo_slalom{background: url('img/logo_slalom_big.png') no-repeat; width: 190px; height: 36px; margin: 10px 0 0 0px; float: left;}
	#logo_tfo{background: url('img/logo_tfo_big.png') no-repeat; width: 76px; height: 59px; margin: 0px 0 0 40px; float: left;}
	#logo_cmffmc{background: url('img/logo_cmffmc_big.png') no-repeat; width: 224px; height: 60px; margin: 0px 0 0 40px; float: left;}
	#logo_mbiance{background: url('img/logo_mbiance_big.png') no-repeat; width: 213px; height: 64px; margin: 5px 0 0 40px; float: left;}
	#soon_stores{background: url('img/soon_stores_big.png') no-repeat; width: 144px; height: 110px; margin: 0px 0 0 50px; position: relative; top: -20px; float: left;}
	/*#apple_store{background: url('img/apple_store_big.png') no-repeat; width: 144px; height: 50px; margin: 0px 0 0 50px; position: relative; top: -30px; float: left;}
	#play_store{background: url('img/play_store_big.png') no-repeat; width: 144px; height: 50px; margin: 0px 0 0 50px; position: relative; top: -20px; float: left;}*/
}

/* 80% */
@media only screen and (max-width: 1600px), only screen and (max-height: 850px){
	.content {width: 819px; height: 614px; border: 3px solid #491a63;}
	.extraContent {width: 819px;}
	#title{background: url('img/title_small.png') no-repeat; width: 480px; height: 86px; float: left;}
	#instructions{background: url('img/instructions_small.png') no-repeat; width: 313px; height: 76px; margin: 5px 0 0 15px; float: left;}

	#logo_slalom{background: url('img/logo_slalom_small.png') no-repeat; width: 154px; height: 29px; margin: 10px 0 0 0px; float: left;}
	#logo_tfo{background: url('img/logo_tfo_small.png') no-repeat; width: 62px; height: 48px; margin: 0px 0 0 30px; float: left;}
	#logo_cmffmc{background: url('img/logo_cmffmc_small.png') no-repeat; width: 182px; height: 48px; margin: 0px 0 0 30px; float: left;}
	#logo_mbiance{background: url('img/logo_mbiance_small.png') no-repeat; width: 172px; height: 44px; margin: 5px 0 0 30px; float: left;}
	#soon_stores{background: url('img/soon_stores_small.png') no-repeat; width: 117px; height: 89px; margin: 0px 0 0 35px; position: relative; top: -20px; float: left;}
	#soon_stores{display: none;}
	/*#apple_store{background: url('img/apple_store_small.png') no-repeat; width: 116px; height: 40px; margin: 0px 0 0 35px; position: relative; top: -20px; float: left;}
	#play_store{background: url('img/play_store_small.png') no-repeat;width: 116px; height: 40px; margin: 0px 0 0 35px; position: relative; top: -15px; float: left;}*/
}