@charset "UTF-8";
/* CSS Document */

body {
background-color:#306;
color:#ffffff;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;	
}

.container {
width: 750px;
margin: 0px auto 0px auto;	
}

.myBox {
	width: 600px;
	background-color:#efefef;
	margin: 100px auto 0px auto;
	padding: 15px 15px 25px 15px;
	color:#306;
	line-height:16px;
    border: 0px solid #ffffff;
    background-color: #efefef;
    border: 3px solid #ffffff;


    /* Do rounding (native in Firefox and Safari, CC in IE) 
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    CCborderRadius: 20px;*/


}


.monster2 {
	float:right;
	margin-right:25px;
	margin-top: -90px;
	z-index:3;
	position:relative;
	
}


.monster1 {
	float:right;
	margin-right:-55px;
	margin-top: -40px;
	z-index:2;
	position:relative;
}

.monster3 {
	float:left;
	margin-left:90px;
	margin-top: -235px;
	z-index:1;
	position:relative;
}



#tooltip {
	position:absolute;
	z-index:9999;
	color:#fff;
	font-size:10px;
	width:180px;
	
}

#tooltip .tipHeader {
	height:8px;
	background:url(images/tipHeader.gif) no-repeat;
}


#tooltip .tipBody {
	background-color:#000;
	padding:5px 5px 5px 15px;
}

#tooltip .tipFooter {
	height:8px;
	background:url(images/tipFooter.gif) no-repeat;