﻿
#PageWrapper {
	width: 990px;
	margin: 0 auto;
	padding: 25px 0 0;}
	
.pageTop {
	height: 10px;
	overflow: hidden;
	background: transparent url("pageBg-top.png") no-repeat 0 0;}
	
.pageBottom {
	height: 10px;
	overflow: hidden;
	background: transparent url("pageBg-bottom.png") no-repeat 0 0;
	margin: 0 0 0.4em;}

/* max width containers */
.contentMax, .contentArea, #Showcase, #Slides {
	margin: 0 26px;
	width: 938px;}
	
	
/* content containers */

.contentArea	{ padding: 15px 0; }

/* layouts styles */

.one-third, .two-thirds, .half-page, .full-page {
	 float: left;
	 margin: 0 10px 0 25px; }

.one-third	{ width: 273px; }
.two-thirds	{ width: 581px; }
.half-page	{ width: 426px; }
.full-page	{ margin-right: 25px; float: none; }



/* slide show */

#Slideshow { 
	height: 360px; 
	overflow: hidden;}
#SlideTop, #SlideRepeat, #SlideBottom,
.slidePrev, .slideNext,
#slidePager {
	position: relative;
	z-index: 29;}
#SlideTop {
	height: 4px;
	overflow: hidden;
	background: transparent url("pageBg-slideTop.png") no-repeat 0 0;}
#SlideRepeat {
	height: 301px;
	overflow: hidden;
	background: transparent url("pageBg-slideRepeat.png") repeat-y 0 0;}
#SlideBottom {
	height: 55px;
	overflow: hidden;
	background: transparent url("pageBg-slideBottom.png") no-repeat 0 0;}
#Slides {
	margin-top: -360px;
	margin-bottom: 18px; /* without this #SlideBottom will overlap #Main */
	height: 342px;
	overflow: hidden;
	background: #F4F5F6;}
	
a.slidePrev, a.slideNext {
	display: block;
	z-index: 30;
	top: -235px;
	width: 51px;
	height: 64px;}
a.slidePrev {
	float: left;
	margin: 0 0 0 11px;
	background: transparent url("slide-previous.png") no-repeat 0 0;}
a.slideNext {
	float: right;
	margin: 0 11px 0;
	background: transparent url("slide-next.png") no-repeat 0 0;}

a.slidePrev:hover, a.slideNext:hover { background-position: 0 -64px;}
	
#slidePager {
	top: -348px;
	float: right;
	margin:0 -35px 0 0;}
#slidePager a, #slidePager a:visited {
	float: left;
	width: 16px;
	height: 15px;
	overflow: hidden;
	background: transparent url("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;}

/* slide show - cu3er */

#Slideshow-cu3er {
	width:990px; 
	height: 400px; 
	text-align: center; 
	background:transparent url("pageBg-repeat.png") repeat-y 0 0;}
#cu3erShadow {
	width:990px; 
	height:360px; 
	padding:15px 0 25px; 
	background:transparent url("cu3er-shadow.png") no-repeat 0 0;}
#TheCu3er	{ width:938px; outline:0; }
	
/* slide show - GalleryView */

#SlideShow-GalleryView {
	width:990px; 
	height: 400px; 
	background:transparent url("pageBg-repeat.png") repeat-y 0 0;}
#SlideShow-GalleryView #GalleryView	{ height:938px; height:340px; overflow:hidden; margin:0 0 0 26px; }
#GalleryView .filmstrip li {background: none;} /* prevents image based bullets */
