@charset "UTF-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #CC0033;
	margin: 0;
	padding: 0;
	text-align: center; 
	color: #ffffff;
}
h1 {
	display:none;
}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
#container {
	width: 1000px;
	height:760px;
	background: url(../images/explore.jpg);
	margin: 0 auto;
	border: 1px solid #336699;
	text-align: left;
}
#mainContent {
	padding: 0 20px;
}

#enter {
	position:relative;
	top:50px;
	left:23px;
	width: 290px;
	height: 120px;
	}

#design {
	position:relative;
	top:70px;
	left:190px;
	width: 70px;
	height: 70px;
}
#illus {
	position:relative;
	top:280px;
	left:-309px;
	width: 70px;
	height: 70px;
}
#songs {
	position:relative;
	top:160px;
	left:-70px;
	width: 70px;
	height: 70px;
	}
#sea {
	position:relative;
	top:270px;
	left:50px;
	width: 70px;
	height: 70px;
}
#blog {
	position:relative;
	top:160px;
	left:188px;
	width: 70px;
	height: 70px;
}
#pie {
	position:relative;
	top:250px;
	left:-170px;
	width: 70px;
	height: 70px;
}
#info {
	position:relative;
	top:535px;
	left:110px;
	width: 70px;
	height: 70px;
	cursor:pointer;
}
#footer {
text-align:center;
font-size: 10px;
color:#FFFF99;
}

/* begin tooltip styles USED TO ACHIEVE ROLLOVER IMAGES WITHIN TEXT */

a.tooltiplink span {
	display:none;
}
a.tooltiplink:hover span {
	display:inline;
	position:absolute;
	padding:5px;
	color: #FFFFCC;
	background-color: #669933;
	border:1px solid #990000;
	text-decoration:none;
	top:410px;
	left:38%;
	width:450px;
}
/* IE6 fix for tooltip */

a.tooltiplink:hover {
	font-size:100%;
	text-decoration:none;
	color:#4f2e04; 
}


/* menu styles */

#menu {
	float:right;
	width:300;
	z-index:25;
}