@charset "utf-8";
/* main */
body{
 margin:0;
	padding:0;
	background-color:#000000;
	line-height: normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#container{
	width:955px;
	margin:0 auto;
	padding:0;
}
#contentStory{
    position:relative;
	width:955px;
	height:600px;
	background-color:#FF9900;
	background-image:url(../graphics/story-bg.jpg);
	background-repeat:no-repeat;
	z-index:2;
}
#contentSB{
	position:relative;
	width:955px;
	height:800px;
	background-image:url(../graphics/cave9x8.jpg);
	z-index:2;
}
#contentHome{
	position:relative;
	width:955px;
	height:600px;
	z-index:2;
}
#content{
	position:relative;
	width:955px;
	height:600px;
	background-image:url(../graphics/cave9x6.jpg);
	background-color:#FF9900;
	z-index:2;
}
#contentGB{
	position:relative;
	width:955px;
	height:600px;
	background-image:url(../graphics/gb-bg.png);
	z-index:2;
}
/*big titles positioning*/
.story{
	position: absolute;
	top: 95px;
	left: 100px;
	z-index:3;
	}
.epi{
	position: absolute;
	top: 95px;
	left: 100px;
	z-index:3;
	width: 400px;
}
.char{
	position:absolute;
	top: 0px;
	left: 280px;
	z-index:3;
}
.home{
	position:absolute;
	top: 0px;
	left: 360px;
	z-index:3;
}
.logo{
	position: absolute;
	z-index:auto;
	left: 859px;
	top: 547px;
}
.gb{
	position:absolute;
	top: -30px;
	left: 275px;
	z-index:3;
}
/*extras*/
#flashmenu{
	position:relative;
	top:100px;
	left:50px;
	width:855px;
}
#flashhome{
	position:relative;
	top:127px;
	left:125px;
	width:720px;
}
#gb{
	position:relative;
	margin:auto 0px;
	top:120px;
	left:85px;
	width:780px;
	height:375px;
	overflow:auto;
}
/*text areas*/
.storyText{
	position: absolute;
	width: 700px;
	top: 175px;
	left: 125px;
	z-index:4;
}
.creditsText{
	position: absolute;
	width: 750px;
	top: 75px;
	left: 110px;
	z-index:4;
}
.epiText{
	position: absolute;
	width: 700px;
	top: 175px;
	left: 125px;
	z-index:4;
}
.charlinksSB{
	position: absolute;
	width: 700px;
	top: 746px;
	left: 125px;
	z-index:4;
}
.charlinks{
	position: absolute;
	width: 700px;
	top: 550px;
	left: 125px;
	z-index:4;
}
.epilinks{
	position: absolute;
	width: 750px;
	top: 500px;
	left: 120px;
	z-index:4;
}
.epiHlinks{
	position: absolute;
	width: 750px;
	top: 540px;
	left: 120px;
	z-index:4;
}
.mainlinks{
	position: absolute;
	width: 750px;
	top: 577px;
	left: 100px;
	z-index:4;
}
.textLeft{
	position: relative;
	width: 700px;
	height:auto;
	top: 125px;
	left: 125px;
	z-index:4;
}
.textRight{
	position:relative;
	width: 700px;
	top:150px;
	left: 125px;
	text-align:right;
	z-index:5;
}
/*pic positioning*/
.picRight{
	border: 0px;
	margin:0px 0px 15px 20px;
	float:right;
}
.picLeft{
	border: 0px;
	margin:0px 20px 15px 0px;
	float:left;
}
/*text formatting*/
h1{
	font-size: 4em;
	color: #666666;
	width:auto;
	line-height:normal;
}
.text{
	font-weight: bolder;
	font-size: 1em;
	color:#ffffff;
	}
.textgb{
	font-size:14px;
	color:#000000;
}
.title{
	font-weight: bold;
	font-size: 1.5em;
	color:#CCCCCC;
}
a:link{
	font-weight: bolder;
	font-size: 1em;
	color:#5f3b25;
	text-decoration: underline;
}
a:hover{
	font-weight: bolder;
	font-size: 1em;
	color: #660066;
	text-decoration:underline overline;
}
/* gb */
.layout{
 top:50px;
 left:100px;
}
.back{
	position:absolute;
	top:536px;
	left:667px;
}