html, body {
	margin:0;
	padding:0;
}

body {
	background:#000;
	font-family:Arial,sans-serif;
	font-size:12px;
	line-height:14px;
}

#main_content {
	background-color: #000000;
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	width: 964px;
	height: 704px;
    left: 50%;
    margin-left: -482px; /* - (width/2)  */
    position: relative;
}

#main_content_sub {
	background-color: #000000;
	background-image: url(../images/background_sub.jpg);
	background-repeat: no-repeat;
	width: 964px;
	height: 704px;
    left: 50%;
    margin-left: -482px; /* - (width/2)  */
    position: relative;
}

#main_content_tree {
	background-color: #000000;
	background-image: url(../images/background_tree.jpg);
	background-repeat: no-repeat;
	width: 964px;
	height: 2500px;
    left: 50%;
    margin-left: -482px; /* - (width/2)  */
    position: relative;
}

/* navigatie*/

#nav{
	position:absolute;
	margin-top: 100px;
	z-index: 5;
}

.about a, .about a:link {
	background-image: url(../images/nav_aboutthemovie.gif);
	width: 250px;
	height: 47px;
	text-indent: -999em;
	display: block;
	z-index: 5;
}

.about a:hover {
	background-position: 0 47px;
}
.explore a, .explore a:link {
	background-image: url(../images/nav_exploretheworld.gif);
	width: 250px;
	height: 65px;
	text-indent: -999em;
	display: block;
	z-index: 5;
}

.explore a:hover {
	background-position: 0 65px;
}
.links a, .links a:link {
	background-image: url(../images/nav_links.gif);
	width: 250px;
	height: 42px;
	text-indent: -999em;
	display: block;
	z-index: 5;
}

.links a:hover {
	background-position: 0 42px;
}
.soundtrack a, .soundtrack a:link {
	background-image: url(../images/nav_soundtrack.gif);
	width: 250px;
	height: 52px;
	text-indent: -999em;
	display: block;
	z-index: 5;
}

.soundtrack a:hover {
	background-position: 0 52px;
}

/* einde navigatie*/

#Layer1 {
	position:absolute;
	width:666px;
	height:458px;
	z-index:2;
	left: 276px;
	top: 178px;
}
#Layer2 {
	position:absolute;
	left:622px;
	top:232px;
	width:299px;
	height:368px;
	z-index:3;
}
#explore {
	position:absolute;
	left:286px;
	top:964px;
	width:165px;
	height:160px;
	z-index:3;
}
#contact {
	position:absolute;
	left:616px;
	top:221px;
	width:321px;
	height:160px;
	z-index:3;
}
#Links {
	position:absolute;
	left:309px;
	top:219px;
	width:286px;
	height:470px;
	z-index:3;
}

.style6 {font-size: 12px; font-family: Georgia, "Times New Roman", Times, serif; color: #660000; }
.style6 a {color: #CC0000; }
.style6 a:hover {color: #ff6600; }

.style2 {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #660000;
	line-height: 20px;
	font-size: 12px;
	text-transform: none;
}
.style3 {
	font-size: 14px
}

#kraai {
	position:absolute;
	width:128px;
	height:206px;
	z-index:1;
	left: 551px;
	top: 435px;
}

#flashPlayer{
	position:absolute;
	width:115px;
	height:52px;
	z-index:5;
	left: 770px;
	top: 492px;
}

#music {
	position:absolute;
	width:115px;
	height:52px;
	z-index:5;
	left: 0px;
	top: 0px;
}

#fireflies {
	position:absolute;
	width:500px;
	height:400px;
	z-index:2;
	left: 0px;
	top: 0px;
}