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

hr { visibility:hidden; }

a { display: block; height:100%; width:100%; z-index:50; }

.link {
	 position:absolute; 
	 z-index:49;
}

body {
	background: #000000;
	/* background-image: url(../images/background.jpg); */
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	width: 100%;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
}
#background img {
	width: 100%;
	overflow: hidden;
}
#container {
	width: 100%;
	position: relative; top: 20px; left: 0;
	width:852px;
	margin: 0 auto;
	text-align:left;
}
#mainContent {
	overflow:visible;
	position: relative; top: 0px; left: 0;	
}
#mainImageBox {
	overflow: visible;
	position: absolute;
	top: 0px;	
	left: 0px;
	width: 852px;
	height: 540px;
	border-color:#4B4B4B;
	border-style:solid;
	border-width:1px;
	z-index:10;
	background-image:url(../images/foundation.jpg);
	background-repeat:no-repeat;
	visibility:hidden; /* visi */
}
#boxTitle {
	position:absolute;
	top: 131px;		
	left: 399px;
	width: 348px;
	height: 162px;
	z-index: 20;
	background-image:url(../images/title.jpg);
	background-repeat:no-repeat;
	visibility:hidden;
}
#boxBodyText {
	position: absolute;
	top: 172px; 
	left: 410px;
	width: 230px;
	height: 356px;
	z-index:30;
	background-image:url(../images/info.jpg);
	background-repeat:no-repeat;
	visibility:hidden; /* visi */
}
#boxLinks {
	position: absolute;
	top: 203px;
	left: 766px;
	width: 69px;
	height: 284px;
	z-index:20;
	background-image:url(../images/links.jpg);
	background-repeat:no-repeat;
	visibility:hidden; /* visi */
}
#boxContentButtons {
	position: absolute;
	top: 293px;
	left: 641px;
	width: 107px;
	height: 228px;
	z-index:20;
	background-image:url(../images/buttons.jpg);
	background-repeat:no-repeat;
	visibility:hidden; /* visi */
}
#boxMusicPlayer {
	position: absolute;
	top: 10px;		
	left: 775px;	
	width:78px;
	height:18px;
	z-index:20;
	background-image:url(../images/music_player.jpg);
	background-repeat:no-repeat;
	visibility:hidden; /* visi */
}
#boxAnnouncement {
	position: absolute;
	top: 9px;
	left: 228px;
	width: 519px;
	height: 37px;
	z-index:25;
	background-image:url(../images/announcement.jpg);
	background-repeat:no-repeat;
	visibility:hidden; /* visi */
}
#content-tour {
	position: absolute;
	top: 168px;		
	left: 122px;	
	width: 556px;
	height: 314px;
	z-index:30;
	background-image:url(../images/tour.jpg);
	background-repeat:no-repeat;
	visibility:hidden; /* visi */
}
#content-credits {
	position: absolute;
	top: 168px;		
	left: 122px;	
	width: 556px;	
	height: 314px;
	z-index:30;
	background-image:url(../images/credits.jpg);
	background-repeat:no-repeat;
	visibility:hidden; /* visi */
}

