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


 body, div, p, ul, li, a, img {
	padding:0;
	margin:0;
	text-align: center;
}

body {
	padding:0;
	margin:0;
	background-image:url(../pngs/sky.png);
	background-repeat:repeat-x;
}

#content {
	padding:0;
	margin:0 auto;
	postion:relative;
	width:100%;
	height:100%;
}
#bordershadows {
	z-index:101;	
}
#bordershadows #topshadow {
	/*position: absolute;*/
	
	background:url(../pngs/border-shadow.png);
	background-position:top;
	background-repeat:repeat-x;
	
	
}

#header {
	margin:0;
	padding:0;
	postion:relative;
	top: 0;
	height:100px;
	background:url(../pngs/headerbar.jpg) repeat-x;	
	z-index:96;
}
#leftheader {
	height:100px;
	width: 170px;
	position:absolute;
	left:0;
	background:url(../pngs/leftheader.png) no-repeat;
	z-index:97;
}
#header #rightheader {
	height:100px;
	width: 170px;
	
	position:absolute;
	right:0;
	background:url(../pngs/rightheader.png) no-repeat top right;
	z-index:98;
}

#logo {
	text-indent:-9999px;
	position: relative;
	width:632px;
	margin: 0px auto;
	padding:20px auto;
	height:100px;
	background-image:url(../pngs/logotype.png);
	background-repeat:no-repeat;
	background-position:center;
	z-index:99;
}

#navigation {
	position:relative;
	margin: 0 auto;
	height:40px;
	width:100%;
	background:url(../pngs/navbg.png);
	z-index:100;
	
}
#buttons {
	padding:0;
	margin:0;
	height:40px;
	width:625px;
	position:relative;
	margin:0 auto;
	/*background-color:#009;*/
}
/*#navigation ul {
	postion:relative;
	margin:0;
	list-style:none;
	float:left;
}
#navigation ul li {
	
	float:left;
}

#navigation ul li #illustration {
	height:40px;
	width: 150;
	postion:relative;
	right:0;
	background:url(../pngs/illustrationtype.png) no-repeat center;
	
}*/
#buttons #illustration {
	
	margin:0 20px 0 20px;
	padding:0;
	height:40px;
	width: 167px;
	float:left;
	background:url(../pngs/illustrationtype.png) no-repeat center center;
	
}

#illustration a:link, #illustration a:visited {
	height:40px;
	width: 167px;
	display:block;
	text-indent:-1000em;
	
}

#illustration a:hover, #illustration a:active {
	margin:0 20px 0 20px;
	display:block;
	height:35px;
	width: 125px;
	text-indent:-1000em;
	border-bottom:#069 5px solid;
}
#buttons #animation {
	margin:0 40px ;
	padding:0;
	height:40px;
	width: 167px;
	float:left;
	background:url(../pngs/animationtype.png) no-repeat center center;	
}
#animation a:link, #animation a:visited {
	height:40px;
	width: 167px;
	display:block;
	text-indent:-1000em;	
}

#animation a:hover, #animation a:active {
	margin:0 20px 0 20px;
	display:block;
	height:35px;
	width: 125px;
	text-indent:-1000em;
	border-bottom:#069 5px solid;
}

#buttons #games {
	margin:0;
	padding:0;
	height:40px;
	width: 167px;
	float:right;
	background:url(../pngs/gamestype.png) no-repeat center center;

}

#games a:link,#games a:visited {
	height:40px;
	width: 207px;
	display:block;
	text-indent:-1000em;	
}

#games a:hover, #games a:active {
	margin:0 20px 0 20px;
	display:block;
	height:35px;
	width: 125px;
	text-indent:-1000em;
	border-bottom:#069 5px solid;
}

#subnav {
	padding:15px;
	margin:0;
	position:absolute;
	right:0px;
	width:200px;
	height:200px;
	text-align: right;	
	/*background:url(../pngs/subnavbg.png);
	background-position:top;*/
}

#subnav ul {
	list-style-type:none;
	text-align: right;
	line-height:2em;
	list-style:none;
}

#subnav ul li {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#9F9;
	text-decoration:none;
	
	
}

#subnav a:link /*a:visited a:hover a:active*/ {
	color:#9F9;	
}

#subnav a:visited /*a:hover a:active */{
	color:#9F9;	
}

.transparent {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}
/*.slider {
	width:600px;
	height:20px;
	margin-top:-20px;
	position:absolute;
	background-image:url(../images/slider_bg.png);
}
#indicator1 {
	position: absolute;
	background-color: #fe0084;
	border: 1px solid #ccc;
	height: 20px;
	width: 10px;
}*/
#illopanel {
	padding:10px;
	margin:0 auto;
	width:580px;
	/*height: 314px;*/
	position:relative;
	top:50px;
	background:url(../images/transbg.png) repeat;
	z-index:95;
	border:#069 3px outset;
}

#gamespanel {
	padding:10px;
	margin:0 auto;
	width:440px;
	/*height: 314px;*/
	position:relative;
	top:50px;
	background:url(../images/transbg.png) repeat;
	z-index:95;
	border:#069 3px outset;
}

#animpanel {
	padding:10px;
	margin:0 auto;
	width:380px;
	/*height: 314px;*/
	position:relative;
	top:50px;
	background:url(../images/transbg.png) repeat;
	z-index:95;
	border:#069 3px outset;
}

#contactpanel {
	padding:50px;
	margin:0 auto;
	position:relative;
	top:50px;
	width: 300px;
	height: 150px;
	line-height: 2em;
	background:url(../images/transbg.png) repeat;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:small;
	color:#033;
	border:#069 3px outset;
	z-index:95;
	text-align: justify;
}

#contactpanel a:link {
	color:#033;	
}
#illopanel ul{
	list-style:none;	
}
#illopanel li {
	display:inline;
	
}
#illopanel li img{
	width:65px;
	height:65px;
	border:0;
	margin:7px;
}
#illopanel li a{
	border:0;	
}
#paneltext {
	font-family:Arial, Helvetica, sans-serif;
	color:#039;
	font-size:smaller;
	
	
	
}
#aboutpanel {
	padding:30px;
	margin:0 auto;
	top:50px;
	width: 300px;
	height: 220px;
	background:url(../images/transbg.png) repeat;
	position:relative;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#033;
	line-height:2em;
	font-size:small;
	border:#069 3px outset;
	z-index:95;
	text-align: left;
}



#frontgrass {
	padding:0;
	margin:0;
	position:absolute;
	bottom: 0px;
	height:100px;
	width:100%;
	background:url(../pngs/frontfoliage.png) 300% 0 repeat-x;
	z-index:90;

}
/*#boy {
	padding:0;
	margin:0 auto;
	height:300px;
	position:absolute;
	bottom:0px;
	width: 100%;
	background:url(../pngs/boy_bubbles.png) 98% 0 no-repeat;
	z-index:80;
	
}*/
#tree1 {
	padding:0;
	margin:0;
	height:489px;
	position:absolute;
	bottom:-0px;
	left:00px;
	width: 293px;
	background:url(../pngs/front%20tree.png) 200% -0px no-repeat;
	z-index:82;	
}

#midground {
	padding:0;
	margin:0;
	height:150px;
	position:absolute;
	bottom:0;
	width:100%;
	background:url(../pngs/midgrass.png) 80% 0 repeat-x;
	z-index:70;
}

/*#background {
	padding:0;
	margin:0;
	position:absolute;
	width:100%;
	height:200px;
	bottom:300px;
	background:url(../pngs/bg.png) 20% 300px no-repeat;
	z-index:51;
	
}*/
#sun {
	padding:0;
	margin:0;
	height:152px;
	width:152px;
	position:absolute;
	left:300px;
	background:url(../pngs/sun.png) -40% 0 no-repeat;
	z-index:50;
}

#bush1 {
	padding:0;
	margin:0;
	
}

#bubbles {
	padding:0;
	margin:0 auto;
	height:431px;
	width: 100%;
	position:absolute;
	right:5%;
	
	bottom:0px;
	width: 100%;
	/*background:url(../pngs/boy_bubbles.png) 98% 0 no-repeat;*/
	z-index:81;
	
	
}

#background {
	padding:0;
	margin:0;
	height:200px;
	position:absolute;
	bottom:70px;
	width:700px;
	left:100px;
	background:url(../pngs/bg.png) -20% 0 no-repeat;
	z-index:60;	
}