/* CSS Document */
body{
	margin: 0px;
	padding: 0px;
	background: #394150;
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	color: #000;
	scrollbar-base-color: #FFF;
	scrollbar-track-color:#FFF;
	scrollbar-face-color: #FFF;
	scrollbar-highlight-color: #B2B2B2;
	scrollbar-darkshadow-color: #FFF;
	scrollbar-shadow-color: #B2B2B2;
	scrollbar-arrow-color: #B2B2B2;
}
/* THE FULL CONTAINER */
#container{
	position: absolute;
	top: 12px;
	left: 50%;	
	margin-left: -456px;
	width:912px;
	height:600px;
}
/* NAVIGATION */
#nav{
	width: 192px;
	height:281px;
	margin-top: 88px;
	float: left;
	background: url("images/nav.gif") no-repeat;
}
#H a{
	width: 140px;
	height:37px;
	display: block;
	position:absolute;
	top: 105px;
	left: 21px;	
}
#H a:hover{
	width: 140px;
	height:37px;
	background: url("images/H.gif") no-repeat;
}
#S a{
	width: 133px;
	height:23px;
	display:block;
	position:absolute;
	top: 145px;
	left: 42px;
}
#S a:hover{
	width: 133px;
	height:23px;
	background: url("images/S.gif") no-repeat;
}
#CC a{
	width: 130px;
	height:20px;
	display:block;
	position:absolute;
	top: 181px;
	left: 9px;
}
#CC a:hover{
	width: 130px;
	height:20px;
	background: url("images/CC.gif") no-repeat;
}
#SS a{
	width: 132px;
	height:13px;
	display:block;
	position:absolute;
	top: 206px;
	left: 54px;
}
#SS a:hover{
	width: 132px;
	height:13px;
	background: url("images/SS.gif") no-repeat;
}
#T a{
	width: 134px;
	height:24px;
	display:block;
	position:absolute;
	top: 219px;
	left: 9px;
}
#T a:hover{
	width: 134px;
	height:24px;
	background: url("images/T.gif") no-repeat;
}
#G a{
	width: 131px;
	height:25px;
	display:block;
	position:absolute;
	top: 244px;
	left: 38px;
}
#G a:hover{
	width: 131\2px;
	height:25px;
	background: url("images/G.gif") no-repeat;
}
#L a{
	width: 129px;
	height:29px;
	display:block;
	position:absolute;
	top: 280px;
	left: 8px;
}
#L a:hover{
	width: 129px;
	height:29px;
	background: url("images/L.gif") no-repeat;
}
#C a{
	width: 130px;
	height:21px;
	display:block;
	position:absolute;
	top: 320px;
	left: 64px;
}
#C a:hover{
	width: 130px;
	height:21px;
	background: url("images/C.gif") no-repeat;
}
/* MAIN CONTENT AREA */
#bookTop{
	width: 444px;
	height: 16px;
	background: url("images/bookTop.gif") no-repeat;
	position: absolute;
	top: 0px;
	left: 215px;
}
#MC{
	width:464px;
	height:100%;
	border-left: 1px solid #CCC;
	border-right: 2px solid #CCC;
	background: #FFF url("images/midClean.jpg") no-repeat;
	position:absolute;
	top: 16px;
	left: 192px;
}
#bookSide{
	width: 20px;
	height: 100%;
	background: url("images/book.jpg") repeat-y;
	border-right: 1px solid #EAEAEA;
	position:absolute;
	top: 0px;
	left: 0px;
}
#banner{
	width: 444px;
	height:123px;
	background: url("images/banner.gif") no-repeat;
	position:absolute;
	top: 0px;
	left: 20px;
}
#image{
	width: 444px;
	height: 303px;
	position:absolute;
	top: 123px;
	left: 20px;
}
#content{
	padding-top: 4px;
	width: 420px;
	height: 450px;
	border: 1px solid #B2B2B2;
	position: absolute;
	top: 130px;
	left: 30px;
	background: #FFF;
	overflow:auto;

}
#bios{
	width: 200px;
	height: 420px;
	border: 1px solid #B2B2B2;
	position: absolute;
	top: 20px;
	left: 10px;
	overflow:auto;
}
#bioNav{
	width: 190px;
	height: 260px;
	border: 1px solid #B2B2B2;
	position: absolute;
	top: 20px;
	left: 220px;
	padding-top: 50px;
}
#bioNav ul{
	list-style: none;
}
#bioNav ul li a{
	color: #000;
	text-decoration: none;
}
#bioNav ul li a:hover{
	color: #F4E000;
}
.photo{
	width: 167px;
	height: 168px;
	background: url("images/imgBorder.jpg") no-repeat;
}
#complicated{
	width: 335px;
	height: 53px;
	background: url("images/complicated.gif") no-repeat;
	background-position:right;
	position: relative;
	top: 0px;
	left: 60px;
}
#snails{
	width: 211px;
	height: 157px;
	position:absolute;
	top: 423px;
	left: 20px;
}
#words{
	width: 233px;
	height: 157px;
	position:absolute;
	top: 423px;
	left: 220px;
}
#links{
	width: 400px;
	height: 400px;
	border: 1px solid #B2B2B2;
	position: absolute;
	top: 150px;
	left: 30px;
	background: #FFF;	
}
#contact{
	width: 357px;
	height: 186px;
	background: url("images/contact.gif") no-repeat;
	position: absolute;
	top: 200px;
	left: 60px;
	text-align:center;
	font-weight: bold;
	padding-top: 120px;
}
#gallery{
	width: 400px;
	height: 330px;
	border: 1px solid #B2B2B2;
	position: absolute;
	top: 150px;
	left: 30px;
	background: #FFF;
	padding-left: 20px;	
}
/* CLUTTER ON LEFT, PHOTOS ETC */
#clutter{
	width: 240px;
	height: 492px;
	position:absolute;
	top: 10px;
	left: 659px;
	margin-top: 98px;
}
#photos{
	width: 239px;
	height: 354px;
	background: url("images/photos.gif") no-repeat;
}
#note{
	width: 211px;
	height: 146px;
	background:url("images/note.gif") no-repeat;
}
#drawing{
	width: 151px;
	height: 234px;
	position: absolute;
	top: 370px;
	left: 41px;
}
/* LOW NAV */
#subnav{
	width: 432px;
	height: 14px;
	position: absolute;
	top:606px;
	left:218px;
	background: #E8E8E8;
	font-weight: bold;
	font-size: 10px;
	list-style:none;
	z-index: 2;	
}
#subnav li{	
	display: inline;
	margin: 0px;
	padding: 0px;		
}
#subnav li a{	
	color: #000;
	text-decoration:none;
}
.home a:hover{
	background: #9C5656;
}
.synopsis a:hover{
	background: #487fA6;
}
.cast a:hover{
	background: #F4E000;
}
.story a:hover{
	background: #FF6AB2;
}
.trailer a:hover{
	background: #F39C00;
}
.gallery a:hover{
	background: #88F67F;
}
.links a:hover{
	background: #7FF6E5;
}
.contact a:hover{
	background: #BEA3C9;
}
#bookLow{
	width: 467px;
	height: 23px;
	background: url("images/bookLow.gif") no-repeat;
	position: absolute;
	top: 616px;
	left: 192px;
	z-index: 1;
}