a:link {color:#EEEEEE; text-decoration:none}      /* unvisited link */
a:visited {color:#EEEEEE;}  /* visited link */
a:hover {color:#FFFFFF;}  /* mouse over link */
a:active {color:##EEEEEE;}

#background{
	background: url("background.png");
	width:1024px;
	height:768px;
}

#foreground{
	position: absolute;
	top:10px;
	left:10px;
	width:1024px;
	height:768px;
	z-index: 1000;
}

#fg{
	z-index: 10000;
}

#cloud1{
	position: absolute;
	left: 100px;
	top:10px;

}
#cloud2{
	position: absolute;
	left: 10px;
	top:150px;
	width:170px;
	height:99px;
}
#cloud3{
	position: absolute;
	left: -150px;
	top:250px;
}

#cloud4{
	position: absolute;
	left: 400px;
	top:100px;
	width:170px;
	height:99px;
}

#title{
	position: relative;
	left: 8%;
	top:100px;
	width: 835px;
	height: 35px;
}

#overlapbubble{
	background: url("overlapbubble.png");
	position: absolute;
	top:210px;
	left:440px;
	width: 157px;
	height: 140px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 26px;
	color: #eeeeee;
	padding-left:30px;
	padding-right: 30px;
	padding-top:10px;
	text-align: center;
	opacity: 0.7;
}

#bluebubble{
	background: url("bluebubble.png");
	position: absolute;
	top:130px;
	left:400px;
	width: 157px;
	height: 140px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 30px;
	color: #eeeeee;
	padding-left:30px;
	padding-right: 30px;
	padding-top:10px;
	text-align: center;
	opacity:0.7;
}

#redbubble{
	background: url("redbubble.png");
	position: absolute;
	top:250px;
	left:440px;
	width: 157px;
	height: 125px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 29px;
	color: #eeeeee;
	padding-left:20px;
	padding-right: 40px;
	padding-top:25px;
	text-align: center;
	opacity:0.7;
}

#score1{
	position:relative;
	top:20px;
	left: 20px;
	font-family: "Amatic sc";
	font-weight:700;
	color: #200303;
	font-size: 32px;
}

.scorenumber1{
	position: relative;
	top:-68px;
	left:10px;
	color: #FFFFFF;
	font-size: 50px;
}
#oscore{
	position: relative;
	top:-130px;
	left:50px;
	color: #FFFFFF;
	font-size: 50px;
}

#rscore{
	position: relative;
	top:-130px;
	left:50px;
	color: #FFFFFF;
	font-size: 50px;
}

#score2{
	position:relative;
	top:-210px;
	left: 930px;
	font-family: "Amatic sc";
	font-weight:700;
	color: #200303;
	font-size: 32px;
}

#redbubble-slide2{
	background: url("redbubble.png");
	position: absolute;
	top:225px;
	left:440px;
	width: 157px;
	height: 100px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 29px;
	color: #eeeeee;
	padding-left:20px;
	padding-right: 40px;
	padding-top:50px;
	text-align: center;
	opacity:0.7;
}
#redbubble-top{
	background: url("redtop.png");
	position: absolute;
	top:150px;
	left:460px;
	width: 130px;
	height: 60px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 28px;
	color: #eeeeee;
	padding-left:10px;
	padding-right: 10px;
	padding-top:15px;
	text-align: center;
	opacity:0.7;
}

#redbubble-left{
	background: url("redleft.png");
	position: absolute;
	top:180px;
	left:320px;
	width: 130px;
	height: 65px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 30px;
	color: #eeeeee;
	padding-left:10px;
	padding-right: 10px;
	padding-top:10px;
	text-align: center;
	opacity:0.7;
}


#redbubble-right{
	background: url("redright.png");
	position: absolute;
	top:180px;
	left:600px;
	width: 130px;
	height: 58px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 24px;
	color: #eeeeee;
	padding-left:10px;
	padding-right: 10px;
	padding-top:17px;
	text-align: center;
	opacity:0.7;
}



#redbubble-m{
	display: none;
	background: url("redbubble.png");
	position: absolute;
	top:130px;
	left:440px;
	width: 157px;
	height: 130px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 29px;
	color: #eeeeee;
	padding-left:20px;
	padding-right: 40px;
	padding-top:20px;
	text-align: center;
	opacity:0.7;
}

#bluebubble-m1{
	display:none;
	background: url("bluebubble.png");
	position: absolute;
	top:255px;
	left:430px;
	width: 157px;
	height: 130px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 25px;
	color: #eeeeee;
	padding-left:30px;
	padding-right: 30px;
	padding-top:20px;
	text-align: center;
	opacity:0.7;
}

#bluebubble-m2{
	display:none;
	background: url("bluebubble.png");
	position: absolute;
	top:20px;
	left:430px;
	width: 157px;
	height: 140px;
	font-family: "Amatic sc";
	font-weight:700;
	font-size: 30px;
	color: #eeeeee;
	padding-left:30px;
	padding-right: 30px;
	padding-top:10px;
	text-align: center;
	opacity:0.7;
}

#wam{
	display:none;
	position: absolute;
	background: url("wam.png");
	top:280px;
	left:650px;
	height:100px;
	width: 100px;
}