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

html, body
{
	background-color: #000000; 
	overflow: auto;
	border: 0px;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
}




#Front
{
	position: relative;
	width: 1260px; 
	height: 860px;	
	background: url(images/large/front.jpg) left top no-repeat; 
}
#container
{
	position: static;
	width: 1260px; 
	height: 860px;	
	margin: auto;
	clear: both;
    top: -430px;
}
#verticalcentering 
{
	visibility: hidden;
	width: 100%;
	height: 50%;
	margin-top: -430px; 
	float: left;
}


#preload { 
	width: 1px;
	height: 1px;
	display: none; 
}

#NavigateForum:hover {background: url(images/large/forum1anim.gif) top left no-repeat;}
#NavigateForum
{
	background: url(images/large/blank1.gif) top left no-repeat;
	position: absolute;
	left: 507px; 
	top: 91px;
	width: 247px; 
	height: 171px;	
	z-index: 1;
}
#NavigateFaq:hover {background: url(images/large/faq1anim.gif) top left no-repeat;}
#NavigateFaq
{
	background: url(images/large/blank2.gif) top left no-repeat;
	position: absolute;
	left: 756px; 
	top: 161px;
	width: 254px; 
	height: 239px;	
	z-index: 2;
}
#NavigateFiles:hover {background: url(images/large/files1anim.gif) top left no-repeat;}
#NavigateFiles
{
	background: url(images/large/blank3.gif) top left no-repeat;
	position: absolute;
	left: 949px; 
	top: 311px;
	width: 231px; 
	height: 249px;	
	z-index: 3;
}
#NavigateLinks:hover {background: url(images/large/links1anim.gif) top left no-repeat;}
#NavigateLinks
{
	background: url(images/large/blank2.gif) top left no-repeat;
	position: absolute;
	left: 753px; 
	top: 478px;
	width: 254px; 
	height: 239px;	
	z-index: 2;
}
#NavigateWisdom:hover {background: url(images/large/wisdom1anim.gif) top left no-repeat;}
#NavigateWisdom
{
	background: url(images/large/blank1.gif) top left no-repeat;
	position: absolute;
	left: 507px; 
	top: 590px;
	width: 247px; 
	height: 171px;	
	z-index: 1;
}
#NavigateMystery:hover {background: url(images/large/mystery1anim.gif) top left no-repeat;}
#NavigateMystery
{
	background: url(images/large/blank2.gif) top left no-repeat;
	position: absolute;
	left: 253px; 
	top: 479px;
	width: 254px; 
	height: 239px;	
	z-index: 2;
}
#NavigateFun:hover {background: url(images/large/fun1anim.gif) top left no-repeat;}
#NavigateFun
{
	background: url(images/large/blank3.gif) top left no-repeat;
	position: absolute;
	left: 84px; 
	top: 311px;
	width: 231px; 
	height: 249px;	
	z-index: 3;
}
#NavigateAbout:hover {background: url(images/large/about1anim.gif) top left no-repeat;}
#NavigateAbout
{
	background: url(images/large/blank2.gif) top left no-repeat;
	position: absolute;
	left: 254px;
	top: 159px;
	width: 254px; 
	height: 239px;
	z-index: 2;
}


#RedEye
{
	position: absolute;
	left: 580px;
	top: 272px;
	width: 105px; 
	height: 23px;
	background: url(images/large/redeye1.gif) left top no-repeat;  
}
#BlueEye
{
	position: absolute;
	left: 830px; 
	top: 457px;
	width: 104px; 
	height: 29px;
	background: url(images/large/blueeye1.gif) left top no-repeat; 
}
#GreenEye
{
	position: absolute;
	left: 340px; 
	top: 458px;
	width: 99px; 
	height: 27px;
	background: url(images/large/greeneye1.gif) left top no-repeat; 
}
#Frog1
{
	position: absolute;
	left: 617px;
	top: 40px;
	width: 29px; 
	height: 12px;
	background: url(images/large/frogblink1anim.gif) left top no-repeat; 
}
#Frog2
{
	position: absolute;
	left: 1105px; 
	top: 223px;
	width: 14px; 
	height: 8px;
	background: url(images/large/frogblink2anim.gif) left top no-repeat; 
}
#Star1
{
	position: absolute;
	left: 156px; 
	top: 625px;
	width: 80px; 
	height: 80px;
	background: url(images/large/startwinkle1anim.gif) left top no-repeat; 
}
#Star2
{
	position: absolute;
	left: 354px;
	top: 32px;
	width: 80px; 
	height: 80px;
	background: url(images/large/startwinkle2anim.gif) left top no-repeat; 
}
#Star3
{
	position: absolute;
	left: 999px;
	top: 138px;
	width: 80px; 
	height: 80px;
	background: url(images/large/startwinkle3anim.gif) left top no-repeat; 
}
#Star4
{
	position: absolute;
	left: 157px;
	top: 210px;
	width: 60px; 
	height: 60px;
	background: url(images/large/startwinkle4anim.gif) left top no-repeat; 
}
#Star5
{
	position: absolute;
	left: 401px;
	top: 755px;
	width: 60px; 
	height: 60px;
	background: url(images/large/startwinkle5anim.gif) left top no-repeat; 
}
#Star6
{
	position: absolute;
	left: 755px;
	top: 767px;
	width: 60px; 
	height: 60px;
	background: url(images/large/startwinkle6anim.gif) left top no-repeat; 
}
#Star7
{
	position: absolute;
	left: 785px;
	top: 92px;
	width: 60px; 
	height: 60px;
	background: url(images/large/startwinkle7anim.gif) left top no-repeat; 
}
#Star8
{
	position: absolute;
	left: 1044px;
	top: 644px;
	width: 60px; 
	height: 60px;
	background: url(images/large/startwinkle8anim.gif) left top no-repeat; 
}
#Star9
{
	position: absolute;
	left: 394px;
	top: 68px;
	width: 4px; 
	height: 4px;
	background: url(images/large/startwinkle9anim.gif) left top no-repeat; 
}
#Nexus
{
	position: absolute;
	left: 485px; 
	top: 296px;
	width: 292px; 
	height: 287px;
	background: url(images/large/dmtnexus1anim.gif) left top no-repeat;
	z-index: 4;
}
#Flower
{
	position: absolute;
	left: 510px; 
	top: 314px;
	width: 243px; 
	height: 255px;
	background: url(images/large/flower1anim.gif) left top no-repeat;
}

a
{
	outline: none;
}
img 
{
	border : 0;
}

.hidden
{
	visibility:hidden;
}