@charset "utf-8";
/* CSS Document */

body {
	margin:0 auto;
	background-image:url(images/bg.jpg);
	background-repeat:repeat;
	}

#wrapper {
	width:870px;
	height:364px;
	margin-top: 50px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow:hidden;
	}
	
#content {
	width:392px;
	height:363px;
	background-image:url(images/textbg.png);
	float:right;
	}
		
#framecontainer {
	width:478px;
	height:363px;
	float:left;
	overflow:hidden;
	background-color:#FFFFFF;
	}
	
.slideshow {
 	width:478px;
	height:363px;
	overflow:hidden;
	margin:0;
	padding:0;
	}
	
.slideshow li {
	list-style:none;
	float:left;
	display:inline;
	position:relative;
	}
	
.edge-holders {
	width:478px;
	height:363px;
	background:url('images/frame.png') no-repeat top center;
	position:relative;
	margin:0;
	z-index:10;
	top:-363px;}    
  


#text {
	background-image:url(images/text.png);
	width:371px;
	height:268px;
	margin:10px auto 0 auto;
	}
	
#navbar {
	width:353px;
	height:49px;
	background:url(images/nav.png);
	margin: 13px auto 0;
	padding:0;
	position:relative;
	}
	
#navbar li {
	margin:0;
	padding:0;
	list-style:none;
	position:absolute;
	top:0;
	}
	
#navbar li, #navbar a {
	height:49px;
	display:block;
	text-indent:-9999px;
	}
	
#list1 {
	left:0;
	width:49px;
	}	
#list2 {
	left:76px;
	width:49px;
	}

#list3 {
	left:152px;
	width:49px;
	}

#list4 {
	left:228px;
	width:49px;
	}

#list5 {
	left:304px;
	width:49px;
	}

#list1 a:hover {
	background:url(images/nav.png) 0 -49px no-repeat;
	}
	
#list2 a:hover {
	background:url(images/nav.png) -76px -49px no-repeat;
	}
	
#list3 a:hover {
	background:url(images/nav.png) -152px -49px no-repeat;
	}
	
#list4 a:hover {
	background:url(images/nav.png) -228px -49px no-repeat;
	}
	
#list5 a:hover {
	background:url(images/nav.png) -304px -49px no-repeat;
	}