html , body{
	background-color:#000000;
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	font-family: 'architects_daughterregular';
}

p{
	color:cyan;
}

#gpage{
	position:relative;
	top:0px;
	left:0px;
	width:auto;
	height:auto;
	background-color:#000000;
	margin:0px;
	overflow:hidden;
}

#spinner{
	position:absolute;
}

#nwstatus{
	position:absolute;
	color:cyan;
	font-size:12pt;
}

#bpage{
	position:relative;
	top:-45px;
	left:0px;
	width:1280px;
	height:720px;
	background-color:#000000;
	margin:0px;
	opacity:0;
}

@font-face {
    font-family: 'architects_daughterregular';
    src: url('architectsdaughter-webfont.eot');
    src: url('architectsdaughter-webfont.eot?#iefix') format('embedded-opentype'),
         url('architectsdaughter-webfont.woff') format('woff'),
         url('architectsdaughter-webfont.ttf') format('truetype'),
         url('architectsdaughter-webfont.svg#architects_daughterregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* iPad Mini Portrait */
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	html , body{
		width:768px;
		height:597px;
	}
	
	#scene{
		position:absolute;
		top:0px;
		left:0px;
		width:768px;
		height:597px;
		background-color:#000000;
	}
	
	#spinner{
		position:absolute;
		top:138px;
		left:578px;
	}
}
*/

/* iPad Mini Landscape */
/*
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape)
and (-webkit-min-device-pixel-ratio: 1)  {
	html , body{
		width:1024px;
		height:796px;
	}
	
	#scene{
		position:absolute;
		top:0px;
		left:0px;
		width:1024px;
		height:796px;
		background-color:#000000;
	}
	
	#spinner{
		position:absolute;
		top:48px;
		left:520px;
	}
}
*/

/* iPhone 5 Portrait */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {

	html , body{
		width:640px;
		height:1136px;
	}
	
	#scene {
		position:absolute;
		top:0px;
		left:0px;
		width:640px;
		height:360px;
		background-color:#000000;
	}
	/*
	#spinner{
		position:absolute;
		top:78px;
		left:326px;
	}
	*/
}

/* iPhone 5 Landscape */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : landscape) { 

	html , body{
		width:1136px;
		height:640px;
	}
	
	#scene{
		position:absolute;
		top:0px;
		left:0px;
		width:1136px;
		height:640px;
		background-color:#000000;
	}
	
	/*
	#spinner{
		position:absolute;
		top:138px;
		left:578px;
	}
	*/
}


/* Droid Razr Portrait
@media only screen 
and (max-device-width : 540px) 
and (orientation : portrait) {

	html , body{
		width:540px;
		height:960px;
	}
	
	#scene {
		position:absolute;
		top:0px;
		left:0px;
		width:540px;
		height:420px;
		background-color:#000000;
	}
	
	#spinner{
		position:absolute;
		top:58px;
		left:276px;
	}
}
*/

/* PC */
/*
@media screen
and (min-width:1281px) {

	html , body{
		width:1280px;
		height:720px;
	}
	
	#scene{
		position:absolute;
		top:0px;
		left:0px;
		width:1280px;
		height:720px;
		background-color:#000000;
	}
	
	#spinner{
		position:absolute;
		top:158px;
		left:650px;
	}
}
*/