body {
	background-color: black;
	margin: 0px;
	padding: 0px;
}

#sitecontainer {
	background-color: FFFFCC;
	width: 975px;
	height: 750px;
}

#ellen {
	margin-top: 10px;
}

.ellen {
	margin-left: 10px;
	padding-right: 12px;
	padding-left: 12px;
	height: 22px;
	width: 194px;
	text-decoration: none;
	background-image: url(images/ek-button1.jpg);
	background-repeat: no-repeat;
}

.ellen:hover {
	background-image: url(images/ek-button2.jpg);
	text-decoration: none;
	background-repeat: no-repeat;
}

#musicwindow {
	background-image: url(images/audio.jpg);
	background-repeat: no-repeat;
	width: 350px;
	height: 350px;
	text-align: center;
	padding-top: 200px;
	#padding-top: 130px;
}

.closewindow {
	width: 210px;
	height: 72px;
	background-image: url(images/audio-off1.jpg);
	background-repeat: no-repeat;
	padding-bottom: 45px;
	padding-left: 80px;
	padding-right: 80px;
	text-decoration: none;
	margin-top: 65px;
}

.closewindow:hover {
	background-image: url(images/audio-off2.jpg);
	background-repeat: no-repeat;
}

#movieplay {
	margin-top: 440px;
	margin-right: 55px;
	width: 130px;
	height: 26px;
	float: right;
}

.movie {	
	padding-right: 40px;
	padding-left: 40px;
	width: 130px;
	height: 26px;
	text-decoration: none;
	background-image: url(images/movie1.jpg);
	background-repeat: no-repeat;
}

.movie:hover {
	background-image: url(images/movie2.jpg);
}

#musicplay {
	margin-top: 440px;
	margin-right: 10px;
	width: 130px;
	height: 26px;
	float: right;
}

.music {	
	padding-right: 40px;
	padding-left: 40px;
	width: 130px;
	height: 26px;
	text-decoration: none;
	background-image: url(images/music1.jpg);
	background-repeat: no-repeat;
}

.music:hover {
	background-image: url(images/music2.jpg);
}

#container {
	width: 950px;
	height: 620px;
	font-size: 16pt;
	position:relative;
}

#homecontainer {
	width: 950px;
	height: 640px;
	font-size: 16pt;
	position:relative;
}

#homemenu {
 	position:relative;
	width: 900px;
	height: 50px;
	padding-top:32px;
	padding-bottom: 20px;
	text-align: center;
}

#menu {
 	position:relative;
	width: 900px;
	height: 50px;
	padding-top: 65px;
	padding-bottom: 20px;
	text-align: center;
}

.home {
	margin-left: 10px;
	padding-right: 12px;
	padding-left: 12px;
	height: 26px;
	width: 74px;
	text-decoration: none;
	background-image: url(images/home1.jpg);
	background-repeat: no-repeat;
}

.home:hover {
	background-image: url(images/home2.jpg);
	text-decoration: none;
	background-repeat: no-repeat;
}

.homeon {
	margin-left: 10px;
	padding-right: 12px;
	padding-left: 12px;
	height: 26px;
	width: 74px;
	text-decoration: none;
	background-image: url(images/home2.jpg);
	background-repeat: no-repeat;
}

.about {
	margin-left: 10px;
	padding-right: 14px;
	padding-left: 14px;
	height: 26px;
	width: 78px;
	text-decoration: none;
	background-image: url(images/about1.jpg);
	background-repeat: no-repeat;
}

.about:hover {
	background-image: url(images/about2.jpg);
	text-decoration: none;
}

.abouton {
	margin-left: 10px;
	padding-right: 14px;
	padding-left: 14px;
	height: 26px;
	width: 78px;
	text-decoration: none;
	background-image: url(images/about2.jpg);
	background-repeat: no-repeat;
}

.gallery {
	margin-left: 10px;
	padding-right: 22px;
	padding-left: 22px;
	height: 26px;
	width: 94px;
	text-decoration: none;
	background-image: url(images/gallery1.jpg);
	background-repeat: no-repeat;
}

.gallery:hover {
	background-image: url(images/gallery2.jpg);
	text-decoration: none;
}

.galleryon {
	margin-left: 10px;
	padding-right: 22px;
	padding-left: 22px;
	height: 26px;
	width: 94px;
	text-decoration: none;
	background-image: url(images/gallery2.jpg);
	background-repeat: no-repeat;
}

.review {
	margin-left: 10px;
	padding-right: 22px;
	padding-left: 22px;
	height: 26px;
	width: 94px;
	text-decoration: none;
	background-image: url(images/reviews1.jpg);
	background-repeat: no-repeat;
}

.review:hover {
	background-image: url(images/reviews2.jpg);
	text-decoration: none;
}

.reviewon {
	margin-left: 10px;
	padding-right: 22px;
	padding-left: 22px;
	height: 26px;
	width: 94px;
	text-decoration: none;
	background-image: url(images/reviews2.jpg);
	background-repeat: no-repeat;
}

.book {
	margin-left: 10px;
	height: 25px;
	width: 208px;
	padding-left: 79px;
	padding-right: 79px;
	text-decoration: none;
	background-image: url(images/book1.jpg);
	background-repeat: no-repeat;
}

.book:hover {
	background-image: url(images/book2.jpg);
	text-decoration: none;
}

#gallerymain {
	width: 488px;
	#padding-top: 25px;
	margin-top: 10px;
	#margin-top: 0px;
}

	
	#previewPane{
	margin-left: 3px;
		margin-bottom: 20px;	
		text-align:center;
		vertical-align:middle;

		position:relative;
		
		/* CSS HACK */
		height: 52px;	/* IE 5.x */
		height/* */:/**/50px;	/* Other browsers */
		height: /**/50px;
				
	}
	#previewPane img{
		line-height:400px;
	}
	#galleryContainer{
		
		height:52px;	/* Height of the images + 2 */
		position:relative;
		#overflow:hidden;
		padding:1px;
		margin-top: 285px;
		#margin-top: 0px;
		
		/* CSS HACK */
		height: 54px;	/* IE 5.x - Added 2 pixels for border left and right */
		height/* */:/**/52px;	/* Other browsers */
		height: /**/52px;
				
	}
	#arrow_left{
		position:absolute;
		left:0px;
		z-index:10;
		padding:1px;
	}
	#arrow_right{
		position:absolute;
		right:0px;
		z-index:10;
		padding:1px;		
	}
	#theImages{
		position:absolute;
		height:50px;
		left:40px;
		#width:100000px;
		
	}
	#theImages #slideEnd{
		float:left;
	}
	#theImages img{
		float:left;
		padding:1px;
		filter: alpha(opacity=50);
		opacity: 0.5;
		cursor:pointer;
		border:0px;
	}