*{
	margin: 0px;
	-webkit-user-select: none;
	font-family: Arial;
}

#background{
	width: 100%;
	height: 100%;
	position: fixed;
	background: black;
}

#main{
	width: 903px;
	height: 602px;
	margin: 50%;
	position: relative;
}

#game_over{
	width: 903px;
	height: 602px;
	position: absolute;
	z-index: 900;
}

#game_over_background{
	width: 903px;
	height: 602px;
	background-color: red;
	opacity: 0;
	position: absolute;
	z-index: 1000;
}

#you_win{
	width: 903px;
	height: 602px;
	position: absolute;
	z-index: 900;
}

#you_win_background{
	width: 903px;
	height: 602px;
	background-color: green;
	opacity: 0;
	position: absolute;
	z-index: 1000;
}

.final_score{
	color: white;
	font-size: 60pt;
	position: absolute;
	top: 380px;
	left: 425px;
}


#logo{
	width: 100%;
	opacity: 0;
}

.game{
	
}

#groundlevel{
	width: 602px;
	height: 602px;
	position: absolute;
	overflow: hidden;

}

#carslevel{
	width: 602px;
	height: 602px;
	position: absolute;
	overflow: hidden;

}

.groundelement{
	width: 43px;
	height: 43px;
	border-radius: 25%;
	background: yellow;
	position: absolute;
}

#hoverlevel{
	width: 602px;
	height: 602px;
	position: absolute;
	overflow: hidden;
	display: none;
	z-index: 800;
}

#buidingslevel{
	width: 602px;
	height: 602px;
	position: absolute;
	overflow: hidden;
}

.hoverlevelelement{
	width: 43px;
	height: 43px;
	position: absolute;
}


#menubox{
	width: 258px;
	height: 602px;
	position: absolute;
	right: 0px;
	background: yellow;
	border-radius: 12px;
	opacity: 0;
}
#menugroup{
	width: 216px;
	height: 323px;
	position: absolute;
	left: 21px;
	top: 21px;

}

#bubblesmenu{
	width: 216px;
	height: 280px;
	position: absolute;
	background: white;
}

#bubblesmenutitle{
	width: 216px;
	height: 43px;
	position: absolute;
}

#greenbubble_item_box{
	width: 216px;
	height: 79px;
	position: absolute;
	top: 43px;
}

#green_select{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 25px;
	background: green;
	border-radius: 100%;
}

#greenbubble_item_box_text{
	position: absolute;
	right: 25px;
	top: 17px;
	color: green;
	text-align: right;
	font-weight: bold;
}

#blue_bubble_item_box{
	width: 216px;
	height: 79px;
	position: absolute;
	top: 122px;
}

#blue_select{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 25px;
	background: blue;
	border-radius: 100%;
}

#blue_bubble_item_box_text{
	position: absolute;
	right: 25px;
	top: 17px;
	color: red;
	text-align: right;
	font-weight: bold;
}

#red_bubble_item_box{
	width: 216px;
	height: 79px;
	position: absolute;
	top: 201px;
}

#red_select{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 25px;
	background: red;
	border-radius: 100%;
}

#red_bubble_item_box_text{
	position: absolute;
	right: 25px;
	top: 17px;
	color: red;
	text-align: right;
	font-weight: bold;
}

.bubble_price{
}

.itemhover{
	width: 100%;
	height: 100%;
	background: url("img/hover_image.png");
	position: absolute;
	opacity: 0;
}
/*
.itemhover:hover{
	opacity: 0.2;
}
*/
.itemhoverimg{
	position: absolute;
	top: 0px;
}

#boxesmenu{
	width: 216px;
	height: 43px;
	position: absolute;
	background: white;
	bottom: 0px;
	overflow: hidden;
}

#boxesmenutitle{
	width: 216px;
	height: 43px;
	position: absolute;
}

#lifescore{
	width: 86px;
	height: 43px;
	position: absolute;
	left: 21px;
	top: 429px;
}

#next{
	width: 216px;
	height: 43px;
	position: absolute;
	left: 21px;
	top: 364px;
}

.next_level{
	color: white;
	font-size: x-large;
	position: absolute;
	left: 30px;
	top: 9px;
}

.next_car{
	color: white;
	font-size: x-large;
	position: absolute;
	right: 10px;
	top: 9px;
}

#moneyscore{
	width: 108px;
	height: 43px;
	position: absolute;
	right: 21px;
	top: 429px;
}

#play_start{
	width: 86px;
	height: 86px;
	border-radius: 100%;
	position: absolute;
	left: 21px;
	bottom: 21px;
	overflow: hidden;
}

#cell{
	width: 43px;
	height: 43px;
	border-radius: 100%;
	position: absolute;
	left: 129px;
	bottom: 43px;
	overflow: hidden;
}

#reload{
	width: 43px;
	height: 43px;
	border-radius: 100%;
	position: absolute;
	right: 21px;
	bottom: 43px;
	overflow: hidden;
}


.greeenbubble{
	background-color: green;
	border-radius: 100%;
	position: absolute;
	z-index: 400;
}

.bubbles{
}

.atack_range{
	background-color: red;
	opacity: 0.4;
	border-radius: 100%;
	position: absolute;
}

.car{
	background-color: orange;
	border-radius: 100%;
	position: absolute;
	border: 2px solid white;
}

.life_bar{
	color: red;
	position: absolute;
	font-family: Arial;
	font-size: small;
}

.lifescore{
	color: white;
	font-size: x-large;
	position: absolute;
	right: 10px;
	top: 9px;
}

.moneyscore{
	color: white;
	font-size: x-large;
	position: absolute;
	right: 10px;
	top: 9px;
}

.green_rocket{
	background-color: green;
	border-radius: 100%;
	position: absolute;
	border: 2px solid white;
	width: 13px;
	height: 13px;
	z-index: 500;
}

.blue_rocket{
	background-color: blue;
	border-radius: 100%;
	position: absolute;
	border: 2px solid white;
	width: 13px;
	height: 13px;
	z-index: 500;
}

.bluebubble{
	background-color: blue;
	border-radius: 100%;
	position: absolute;
	z-index: 400;
}

.redbubble{
	background-color: red;
	border-radius: 100%;
	position: absolute;
	z-index: 400;
}

.redbubble_head{
	background-color: red;
	border-radius: 100%;
	position: absolute;
	z-index: 350;
}

#range_box_item_box{
	width: 216px;
	height: 79px;
	position: absolute;
	top: 43px;
}

#range_box_select{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 25px;
	background: blue;
	border-radius: 25%;
}

#range_box_item_box_text{
	position: absolute;
	right: 25px;
	top: 17px;
	color: blue;
	text-align: right;
	font-weight: bold;
}

.range{
	background-color: blue;
	border-radius: 25%;
	position: absolute;
	z-index: 400;
}

#damage_box_item_box{
	width: 216px;
	height: 79px;
	position: absolute;
	top: 122px;
}

#damage_box_select{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 25px;
	background: red;
	border-radius: 25%;
}

#damage_box_item_box_text{
	position: absolute;
	right: 25px;
	top: 17px;
	color: red;
	text-align: right;
	font-weight: bold;
}

.damage{
	background-color: red;
	border-radius: 25%;
	position: absolute;
	z-index: 400;
}

#cash_box_item_box{
	width: 216px;
	height: 79px;
	position: absolute;
	top: 201px;
}

#cash_box_select{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 15px;
	left: 25px;
	background: purple;
	border-radius: 25%;
}

#cash_item_box_text{
	position: absolute;
	right: 25px;
	top: 17px;
	color: red;
	text-align: right;
	font-weight: bold;
}

.cash{
	background-color: purple;
	border-radius: 25%;
	position: absolute;
	z-index: 400;
}