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

body {
	margin: 0px;
	background-color: #e4ffb0;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	color: #FFFFFF;
	font-size: 14px;
}
h1{
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: bold;
	color:#333300;
	}

p{
	margin: 0px;
	padding: 0px;
	}		
	
td{
	vertical-align: top;
	}

#container{
	position: relative;
	width: 900px;
	}
	
#window{
	background-image:url(images/window-bg.jpg);
	background-repeat:no-repeat;
	background-color: #a0c963;
	width: 731px;
	position: relative;
	z-index: 5;
	}	
	
#menu{
	position: relative;
	height: 162px;
	z-index: 9;
	top: 0px;
	}	
	
#text{
	padding: 100px 40px 0px 40px;
	width: 651px;
	text-align: left;
	position: relative;
	}	
	
#pushed{
	position: relative;
	left: 135px;
	top: -50px;
	width: 400px;
	z-index: 20;
	}		
	
#bottom{
	position: relative;
	height: 29px;}	
	
#footer{
	position: relative;
	color: #663300;
	font-size: 10px;
	text-align: left;
	width: 700px;
	}	
	

	
	
	
#feature{
	position: absolute;
	width: 240px;
	height: 240px;
	left: -85px;
	top: 20px;
	z-index: 2;
	}		
	
#logo{
	position: absolute;
	width: 250px;
	height: 250px;
	top: 10px;
	z-index: 10;
	left: -60px;
	}		
	
	
#circles{
	position: absolute;
	top: 0px;
	left: 80px;
	z-index: 1;
	height: 162px;
	}	

	
#bubbles{
	position: absolute;
	width: 413px;
	height: 221px;
	left: 570px;
	top: -115px;
	z-index: 21;
	}	
	
a:link{
	color:#333300;
	}	
a:visited{
	color:#333300;
	}	
a:active{
	color:#333300;
	}	
a:hover{
	color: #003300;
	text-decoration: none;
	}