body
{
	padding : 0px;
	margin : 0px;
}

#game-pg {
	min-width: 0;
}

#game-holder {
	display: block;
	width: 1024px;
	height: 768px;
}
* {
	margin: 0 auto;
}


#gameContainer
{
	position : absolute;
	width : 1024px;
	height : 768px;
	max-width : 1024px;
	max-height : 768px;
	padding : 0px;
	margin : 0px auto;
	top: 0;
	left: 0;
	font-family : MyriadProBlackCond, Arial;
	font-weight : bold;
	text-shadow :
       		3px 3px 1px #193D7B;
	color : #ffffff;
	-ms-transform : scale(0.90, 0.90);
	-ms-transform-origin : top left;
	-webkit-transform : scale(0.90, 0.90);
	-webkit-transform-origin : top left;
	transform : scale(0.90, 0.90);
	transform-origin : top left;
	/*left: 4%;*/
	line-height : normal;
	text-align : left;
}


#gameContainer div
{	padding : 0px;
	margin : 0px;
}


#gameContainer canvas
{
	position : absolute;
	left : 0px;
	top : 0px;
}


#gameContainer p
{	margin : 20px 0px;
}

#gameContainer p.noPadding
{	margin : 0px 0px;
}


#bg
{
	position : absolute;
	top : 0px;
	left: 0px;
	background : none;
	height : inherit;
	width : inherit;
	padding : 0px;
	margin : 0px;
	background : url('../images/scn_main.png') no-repeat 0px 0px;
}


#bg.preloader
{	background-image : url('../images/bg_preloader.png');
}

#bg.gameBoard, #bg.gameOver
{	background-image : url('../images/bg_game.png');
}

#screenBG
{
	position : absolute;
	top : 0px;
	left: 0px;
	width : inherit;
	height : inherit;
	background : none;
	pointer-events : none;
}


#screenBG.gameOver
{	background : url('../images/blueScreen.png') no-repeat 0px 0px;
}


.gameScreen
{
	display : none;	
	height: inherit;
	width : inherit;
	position : absolute;
	top : 0px;
	left: 0px;
	overflow : hidden;
}

.gameScreen.activeScreen
{	display : block;
}




#preloaderScreen
{	
}



#mainMenuScreen
{	
	pointer-events : none;
}

#mainMenuScreen #mainMenuPlayBtn
{
	position : absolute;
	width : 390px;
	height : 100px;
	top : 641px;
	left : 321px;
	background : url('../images/buttons/btn_play.png') no-repeat 0px 0px;
	cursor : pointer;
	pointer-events : auto;
}




#gameOverScreen
{
	width : inherit;
	height : inherit;
	background : url('../images/scn_levelDone.png') no-repeat 0px 0px;
}

#gameOverScreen #gameOverEnterContestBtn
{
	background : url('../images/buttons/btn_enterNow.png') no-repeat 0px 0px;
	position : absolute;
	width : 455px;
	height : 115px;
	top : 370px;
	left : 280px;
	cursor : pointer;
}

#gameOverScreen #gameOverPlayAgainBtn
{
	background : url('../images/buttons/btn_playAgain.png') no-repeat 0px 0px;
	position : absolute;
	width : 455px;
	height : 115px;
	top : 570px;
	left : 280px;
	cursor : pointer;
}



#gameBoardScreen
{
	height : inherit;
	width : inherit;
	pointer-events : none;
}



#helpPopup {
	display : none;
	position : absolute;
	top : 0px;
	left : 0px;
	background : url('../images/blackScreen.png') no-repeat 0px 0px;
	height : 100%;
	width : 100%;
}

#helpScreen {
	background : url('../images/scn_help.png') no-repeat 0px 0px;
	height : 100%;
	width : 100%;
}

#helpScreenCloseBtn {
	position : absolute;
	display : block;
	left : 951px;
	top : 8px;
	background : url('../images/buttons/btn_close.png') no-repeat 0px 0px;
	height : 65px;
	width : 65px;
	cursor : pointer;
}

#helpScreenGoBtn {
	position : absolute;
	display : block;
	left : 814px;
	top : 686px;
	background : url('../images/buttons/btn_go.png') no-repeat 0px 0px;
	width : 200px;
	height : 65px;
	cursor : pointer;
}


@media only screen and (max-width: 1024px) {
	#gameContainer { 
		-ms-transform: scale(0.8, 0.8);
		-webkit-transform: scale(0.8, 0.8); 
		transform: scale(0.8, 0.8); 
	}
}

@media only screen and (max-width: 900px) {
	#gameContainer { 
		-ms-transform: scale(0.7, 0.7); 
		-webkit-transform: scale(0.7, 0.7); 
		transform: scale(0.7, 0.7); 
	}
}

@media only screen and (max-width: 768px) {
	#gameContainer { 
		-ms-transform: scale(0.6, 0.6); 
		-webkit-transform: scale(0.6, 0.6); 
		transform: scale(0.6, 0.6); 
	}
}

@media only screen and (max-width: 640px) {
	#gameContainer { 
		-ms-transform: scale(0.4, 0.4); 
		-webkit-transform: scale(0.4, 0.4); 
		transform: scale(0.4, 0.4); 
	}
}