html, body {
    height: 100%;
    margin:0;
}
body {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
p {
	margin: 0px;
}
.fullHeight {
	width:100%;
	height: 100%;
	min-width:100%;
	min-height: 100%;
	overflow: hidden;
}
#canvasContainerOuter {
	position: relative;
	margin:0 auto;
}
#canvasContainerInner {
	display: block;
	width: 100%;
	height: auto;
	position: absolute;
}
#canvasContainer
{
	width: inherit;
	height: inherit;
}
#gameFrame {
	display: block;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
	position: absolute;
}
.canvasContainerInner-active {
	/*transition: transform 1s ease-in-out;
    -webkit-transition: transform 1s ease-in-out;
    -moz-transition: transform 1s ease-in-out;
    -o-transition: transform 1s ease-in-out;
	
    transform: scale(1.0)!important;
    -webkit-transform: scale(1.0)!important;
    -o-transform: scale(1.0)!important;
    -moz-transform: scale(1.0)!important;*/
}
@media screen and (orientation:portrait), (max-device-width: 768px) and (-webkit-min-device-pixel-ratio: 2) {
	.container-fluid, .fullHeight {
		padding:0!important;
	}
}
/*@media only screen and (orientation: portrait) {
	#canvasContainerInner.canvasContainerInner-active > #guiContainer {
		transform: rotateZ(90deg)!important;
		-o-transform: rotateZ(90deg)!important;
		-moz-transform: rotateZ(90deg)!important;
		-webkit-transform: rotateZ(90deg)!important;

		transition-duration: 0ms;
		-webkit-transition-duration: 0ms;
		-moz-transition-duration: 0ms;
	}
}*/