body,html{margin:0px;padding:0px;
background-color:#222222;
font-family:Arial, Helvetica, sans-serif;
 color:#fff;
}

.gfont{font-size:19px;}

#promo{text-align:center;margin:auto;}

#main2{font-size:32px;}

#gameCanvas{-webkit-tap-highlight-color: transparent;background-color:#662676;border:1px solid grey;}
#gameCanvasold{-webkit-tap-highlight-color: transparent;background-color:#cba996;}

#banner{background-color:#cf6976;text-align:center;
  
  font-size:24px;
  color:#FFFFFF;width:100%;height:70px;}
#banner img{width:450px;}

#appArea{text-align:center;min-height:420px;  }
#controlArea{width:280px;margin:auto;height:40px;margin-bottom:-30px;  }
#appAreaLarge{text-align:center;width:100%;height:470px;width:550px;margin:auto;background-color:#611d72;margin-top:10px;}

#replayButang{width:40px;float:left;cursor:pointer;}
#replayButang:hover{opacity:.6;}

#ca1{float:left;height:30px;}
#ca2{float:left;width:70px;text-align:center;height:20px;padding:5px;}
#ca3{float:left;width:80px;text-align:center;height:20px;padding:5px;}


#bonusArea{width:150px;font-size:25px;background-color:#d64541;margin:auto;}


#instructionsButang{width:90px;cursor:pointer;margin-top:5px;height:20px;border-radius:3px;background-color:#09F;}
#instructionsButang:hover{opacity:.6;}

#nextone{width:10px;height:10px;padding:5px;background-color:#0C9;float:right;}

#bestText1{width:60px;float:left;text-align:right;color:#fff;padding-top:10px;}
#bestText2{width:36px;float:left;background-color:red;margin-top:10px;margin-right:2px;margin-left:2px;color:white;}
#movesText{width:95px;float:left;text-align:left;padding-left:5px;color:#fff;padding-top:10px;}

#rButang{margin:auto;text-align:center;cursor:pointer;border:1px white solid;border-radius:5px;width:80px;color:white;background-color:#399bc3;}
#rButang:hover{opacity:.6;}



#main1{width:100%;text-align:center;color:#fff;}

.buttons{float:left;margin-left:6px;margin-right:6px;}
.buttons:hover{opacity:.6;cursor:pointer;}
#buttonArea{margin:auto;text-align:center;width:290px;}

#hsarea{width:100%;text-align:center;color:#fff;}
#titleText{margin-top:20px;font-size:35px;}
#titleText2{margin-top:10px;font-size:16px;}
#subButang{width:150px;font-size:18px;cursor:pointer;text-align:center;border:3px solid white;padding:5px;margin:auto;background-color:#6C7A89;border-radius:5px;}
#subButang:hover{opacity:.6;}

#ip{text-align:center;}

@media screen and (max-width:550px) {
	 #appAreaLarge{width:100%;height:400px;}
	.rs{width:90%;margin:auto;}
}

@media screen and (max-width:450px) {
	#banner img{width:100%;}
	 
}