/* 
 * background image and body properties
 */

body {

}

#bg {
	position:absolute; 
	left: 0;
	top: 0;
	z-index:-1;
}


/* position title scrawl */
#title-scrawl {
	position: relative;
	display: block;
	top: 10px; 
	margin-left: auto;
	margin-right: auto;
/* 	border-width: 2px;
	border-style: solid;
*/
}

#container1 {
	position: relative;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 600px;
	width: 900px;
	z-index: 1;
	visibility: show;
	overflow: hidden;
 	border-style: none; 
	}

#container2 {
	position: relative;
	top: 20px;
	margin-left: auto;
	margin-right: auto;
	height: 500px;
	width: 800px;
	z-index: 1;
	visibility: show;
	/* overflow: hidden; */
 	border-style: none;
	}

#player {
	position: absolute;
	top: 15px;
	left: 250px;
	margin-right: auto;
	height: 350px;
	width: 300px;
	z-index: 1;
	visibility: show;
	/* overflow: hidden; */
 	border-style: none;
	}


/* rollover navigation and buttons */ 

#navigation {
	position: absolute;
	left: 15px;
	top: 15px;
	padding: 15px;
	height: 300px;
	width: 70px;
	z-index: 5;
 	border-style: none; 
}

#home-button {
	display: block;
	width: 56px;
	height: 16px; 
	background: url("images/home-button.png") no-repeat 0 0;
	}
#home-button:hover {
	background-position: 0 -16px;
	}
#home-button span {
	display: none;
	}	

#news-button {
	display: block;
	width: 56px;
	height: 16px; 
	background: url("images/news-button.png") no-repeat 0 0;
	}
#news-button:hover {
	background-position: 0 -16px;
	}
#news-button span {
	display: none;
	}	

#photos-button {
	display: block;
	width: 80px;
	height: 18px; 
	background: url("images/photos-button.png") no-repeat 0 0;
	}
#photos-button:hover {
	background-position: 0 -18px;
	}
#photos-button span {
	display: none;
	}	

#video-button {
	display: block;
	width: 56px;
	height: 15px; 
	background: url("images/video-button.png") no-repeat 0 0;
	}
#video-button:hover {
	background-position: 0 -16px;
	}
#video-button span {
	display: none;
	}	

#failure-button {
	display: block;
	width: 85px;
	height: 15px; 
	background: url("images/failure-button.png") no-repeat 0 0;
	}
#failure-button:hover {
	background-position: 0 -16px;
	}
#failure-button span {
	display: none;
	}	

#press-button {
	display: block;
	width: 56px;
	height: 16px; 
	background: url("images/press-button.png") no-repeat 0 0;
	}
#press-button:hover {
	background-position: 0 -16px;
	}
#press-button span {
	display: none;
	}	

#links-button {
	display: block;
	width: 56px;
	height: 15px; 
	background: url("images/links-button.png") no-repeat 0 0;
	}
#links-button:hover {
	background-position: 0 -15px;
	}
#links-button span {
	display: none;
	}	

#epk-button {
	display: block;
	width: 56px;
	height: 15px; 
	background: url("images/epk-button.png") no-repeat 0 0;
	}
#epk-button:hover {
	background-position: 0 -18px;
	}
#epk-button span {
	display: none;
	}	

#words-and-images {
	display: block;
	width: 177px;
	height: 18px; 
	background: url("images/words-and-images.png") no-repeat 0 0;
	}
#words-and-images:hover {
	background-position: 0 -18px;
	}
#words-and-images span {
	display: none;
	}	

#sounds-button {
	display: block;
	width: 80px;
	height: 16px; 
	background: url("images/sounds-button.png") no-repeat 0 0;
	}
#sounds-button:hover {
	background-position: 0 -16px;
	}
#sounds-button span {
	display: none;
	}	


a.link {
	color: white;
	text-decoration: none;
}
a.link:hover {
	color: #558822;
}

/* tinted background for info text windwo */

#text-bg {
	position: absolute;
	left: 130px;
	width: 500px;
	height: 600px;
	background-color: #000;
	opacity: .5;
	z-index: 5;
	}	

#text-box {
	position: absolute;
	left: 130px;
	width: 460px;
	height: 600px;
	margin: 20px;
	margin: 20px;
	z-index: 8;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 12pt;
	}	

#video-bg {
	position: absolute;
	left: 130px;
	width: 670px;
	height: 350px;
	background-color: #000;
	opacity: .5;
	z-index: 5;
	}	

#video-box {
	position: absolute;
	left: 125px;
	width: 400px;
	height: 300px;
	margin: 20px;
	margin: 20px;
	z-index: 8;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 12pt;
	border-style: none;
	border-color: red;
	}	

#video-list-box {
	position: absolute;
	left: 545px;
	width: 240px;
	height: 400px;
	margin: 20px;
	margin: 20px;
	z-index: 10;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 12pt;
	border-style: none;
	border-color: #00F;
	}	

#pics-window {
	position: absolute;
	left: 105px;
	width: 460px;
	height: 600px;
	z-index: 8;
	color: #fff;
	font-family: arial;
	font-weight: bold;
	font-size: 12pt;
	/* border-style: solid */
	}	

/* for the record image */

#record {
	position: relative;
	top: 15px;
	left: 650px;
	width: 150px;
	border-style: none;
}