/* design structure */

#Wrapper, #PageWrapper	{ position: relative; z-index:1; }	/* IE needs this to position content when using top panel (#ContentPanel) */

#PageWrapper {
	width: 974px;
	margin: 0 auto;
	padding: 0px 0 0;}




/* slide show */

#Slideshow { 
	height: 272px; 
	overflow: hidden;}
#SlideTop, #SlideRepeat, #SlideBottom,
.slidePrev, .slideNext,
#slidePager {
	position: relative;
	z-index: 45;}
#SlideTop {
	height: 0px;
	overflow: hidden;}
	
#SlideRepeat {
	height: 301px;
	overflow: hidden;}
#SlideBottom {
	height: 55px;
	overflow: hidden;}
#Slides {
	margin-top: -360px;
	margin-bottom: 18px; /* without this #SlideBottom will overlap #Main */
	height: 272px;
	overflow: hidden;
	background: #F4F5F6;}
	
a.slidePrev, a.slideNext {
	display: block;
	z-index: 30;
	top: -135px;
	width: 51px;
	height: 64px;}
	


a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;}
	
#slidePager {
	top: -588px;
	float: right;
	margin:0 575px 0 0;
	z-index:45;
	}
	
#slidePager a, #slidePager a:visited {
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	background: transparent url("../images/slide-pager.png") no-repeat 0 0;
	text-decoration: none;
	text-indent: -1234px;}
#slidePager a:hover {
	background-position: -16px 0;}
#slidePager a.activeSlide {
	background-position: -32px 0;}