body{
font-family: Comic Sans, Comic Sans MS, cursive;
background-color: #B6EAFF;
background-image: url(../asset/gradiant_background.jpg);
background-repeat: repeat-x;
margin:0;
padding:0;
font-size:0.8em;
}

div.container{
position: relative;
margin: 0 auto;	
width: 1024px;
height:768px;
background-image: url(../asset/schoolyard.jpg);
background-repeat: none;
}



img{
border:none;
}
div#cloudvideo{
	position: relative;
	top: 10px;
	left: 450px;
	
}


div.watchbutton{
	position:absolute;
	width:186px;
	height:75px;
	overflow:hidden;
	top:150px;
	left:80px;
}
div.watchbutton a:hover{
	position:relative;
	top:-76px;
}
div.playbutton{
	position:absolute;
	width:215px;
	height:170px;
	overflow:hidden;
	top:45px;
	left:280px;
}
div.playbutton a:hover{
	position:relative;
	top:-176px;
}

div.tip{
    display:none;
}

div.staffButton{
	position:absolute;
	width:261px;
	height:105px;
	overflow:hidden;
	top:450px;
	left:30px;
}

div.staffTooltip{
	position:absolute;
	width:314px;
	height:212px;
	background-image: url(../asset/tooltip_left.png);
	background-repeat: none;
	top:230px;
	left:80px;
}

div.tooltipContent{
	width:270px;
	padding:30px 0 0 20px;
}

div.tooltipContent p{
	font-size:13px;
	margin-left:20px;
	
}

div.tooltipContent h2{
	margin-left:20px;
}


div.staffButton a:hover{
	position:relative;
	top:-105px;
}

div.parentsButton{
	position:absolute;
	width:281px;
	height:116px;
	overflow:hidden;
	top:540px;
	left:265px;
}

div.parentsTooltip{
	position:absolute;
	width:314px;
	height:212px;
	background-image: url(../asset/tooltip_left.png);
	background-repeat: none;
	top:310px;
	left:330px;
}

div.parentsButton a:hover{
	position:relative;
	top:-116px;
}

div.recykidsButton{
	position:absolute;
	width:280px;
	height:142px;
	overflow:hidden;
	top:517px;
	right:7px;
}

div.recyTooltip{
	position:absolute;
	width:314px;
	height:212px;
	background-image: url(../asset/tooltip_right.png);
	background-repeat: none;
	top:295px;
	left:650px;
}

div.recykidsButton a:hover{
	position:relative;
	top:-142px;
}


div.copyright{
position:absolute;
top:773px;
left:40px;
font-size:12px;
font-weight: bold;
}

div.copyright a{
color:#000;
text-decoration: none;

}