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

.background { 
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-400px; /* half of the width */
	margin-top:-300px; /* half of the height */
	width:800px; 
	height:600px;
	background:url('../images/bg1.jpg');
	overflow:hidden;		
}

.background2 { 
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-400px; /* half of the width */
	margin-top:-300px; /* half of the height */
	width:800px; 
	height:600px;
	background:url('../images/background2.jpg');
	overflow:hidden;		
}

body {
	background-color: #A0E8FF;
}

.style1 {
	font-family: "comic sans ms";
}

.style4 {
	position:relative;
	top:10px;
	font-size: 24px;
	color: #FF0000;
}

body {
	margin: 0px;
    padding: 0px;
}

#container {
    margin: 0 auto;
}

.yui-carousel-element li {
    height: 375px;
}

.fauxBody { 
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background-color: #A0E8FF;
}

.background2{ 
	display:none;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: inherit;
	background: url('../images/background2.jpg');
}

.whiteblob { 
	position: absolute;
	top: 136px;
	left: 107px;
	width: 600px;
	height: 361px;
	display: none;
	background: url('../images/whiteblob.png');
} 

.palmtrees {
	display: none;
	background: url('../images/palmtrees.png');
	position: absolute;
	bottom: 42px;
	left: 581px;
	width: 117px;
	height: 178px;
}

.ocean {
	display: none;
	background: url('../images/ocean.png');
	position: absolute;
	bottom: -18px;
	left: -7px;
	width: 819px;
	height: 95px;
}

.smallcloud2 { 
	display: none;
	background: url('../images/smallcloud2.png');
	position:absolute;
	top: 25px;
	left: 47px;
	width: 74px;
	height: 55px;
}

.miniavatarcircle {
	display: none;
	position: absolute;
	top: 167px;
	left: 348px;
}

.smallcloud3 { 
	display: none;
	background: url('../images/smallcloud3.png');
	position: absolute;
	top: 25px;
	left: 136px;
	width: 77px;
	height: 50px;
}

.cloud1 { 
	display: none;
	background: url('../images/cloud1.png');
	position: absolute;
	top: 107px;
	left: 434px;
	width: 70px;
	height: 60px;
}

.smallcloud4 { 
	display: none;
	background: url('../images/smallcloud4.png');
	position: absolute;
	top: 42px;
	left: 296px;
	width: 117px;
	height: 89px;
} 

.donecloud { 
	display: none;
	background: url('../images/donecloud.png');
	position: absolute;
	top: 449px;
	left: 342px;
	width: 96px;
	height: 60px;
}

.logo { 
	position: absolute;
	top: 200px;
	left: 284px;
	width: 296px;
	height: 89px;
	z-index:999;
}

.island {
	background: url('../images/foreground.png');
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 800px;
	height: 272px;
}

.smallcloud { 
	background: url('../images/smallcloud.png');
	cursor: pointer;
	position: absolute;
	top: 108px;
	left: 113px;
	width: 154px;
	height: 125px;
}

.sun { 
	position:absolute;
	top:62px;
	right:64px;
	background: url('../images/sun.png');
	width:167px;
	height:169px;
}


.form { 
	position: absolute;
	top: 120px;
	left: 44px;
	height: 75px;
	width: 370px;
}

.username { 
	width: 150px;
	background-color: #f4eafe;
	color: #099;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}

.password { 
	width: 150px;
	background-color:# f4eafe;
	color: #900;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
}