#wrapper {
	width:980px;
	position:relative;
	float:left;
	padding:0;
	margin:10px 0;
}
#wrapper .top {
	width:980px;
	height:6px;
	background:url(images/body-main-top.png) 0 0 no-repeat;
}
#wrapper .body {
	width:980px;
	background:url(images/body-main-body.png) 0 bottom repeat-y;
}
#wrapper .bg { }
#wrapper .bottom {
	width:980px;
	height:6px;
	float:left;
	background:url(images/body-main-bottom.png) 0 0 no-repeat;
}

#slider{
	
	/* The width of the gallery */
	width:960px;
	margin:0 10px;
	overflow:hidden;

	}
#slides{
	/* This is the slide area */
	height:437px;
	
	/* jQuery changes the width later on to the sum of the widths of all the slides. */
	width:960px;
	overflow:hidden;
}

#slides .slide{
	float:left;
	width:960px;
	text-align:center;
}

#menuslide{
	/* This is the container for the thumbnails */
	height:45px;
	background:url(images/panel.jpg) repeat-x bottom center;
	padding-top:2px;
}

#menuslide ul{
	margin:0px;
	padding:0px;
}

#menuslide ul li{
	/* Every thumbnail is a li element */
	width:60px;
	display:inline-block;
	list-style:none;
	height:45px;
	float:left;
	background:url(images/divider.png)  no-repeat left;
}

#menuslide  li.inact:hover{
	/* The inactive state, highlighted on mouse over */
	background:url(images/pic_bg.png) repeat;
}

#menuslide li.act,#menuslide li.act:hover{
	/* The active state of the thumb */
	background:url(images/active_bg.png) no-repeat left;
}

#menuslide li.act a{
	cursor:default;
}

#menuslide .fbar{
	/* The left-most vertical bar, next to the first thumbnail */
	width:2px;
	background:url(images/divider.png) no-repeat right;
	display:none;
}

#menuslide ul li a{
	display:block;
	
	height:35px;
	width:60px;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
}

#slides a img{
	border:none;
}