#weaverpix-content-in-page40 {
	margin: 0px;
	padding: 0px;
}/* Ensures the slideshow wont clash with a floating sidebar in some RapidWeaver themes */
#slideshowOuterpage40 {
	display: block;
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 800px;
	margin: 0 auto;
}

/* Reset list styles in the slideshow */
#slideshowOuterpage40 ul,
#slideshowOuterpage40 li {
	padding: 0;
	margin: 0;
	list-style: none;
}

/* Style invoked if the slideshow is floated left */
#slideshowOuterpage40.floatLeft {
	float: left;
	margin-right: 20px;
	width: 800px;
}

/* Style invoked if the slideshow is floated right */
#slideshowOuterpage40.floatRight {
	float: right;
	margin-left: 20px;
	width: 800px;
}





/**
Stylesheet: Slideshow.css
	CSS for Slideshow.

License:
	MIT-style license.

Copyright:
	Copyright (c) 2011 [Aeron Glemann](http://www.electricprism.com/aeron/).
	
HTML:
	<div class="slideshow">
		<div class="slideshow-images" />
		<div class="slideshow-captions" />
		<div class="slideshow-controller" />
		<div class="slideshow-loader" />
		<div class="slideshow-thumbnails" />
	</div>
	
Notes:
	These next five rules are required for Slideshow to work correctly.
	Override at your own risk.
*/

.slideshow-page40 {
	display: block; position: relative; z-index: 1;
}
.slideshow-page40-images {
	display: block; overflow: hidden; position: relative;
}		
.slideshow-page40-images img {
	display: block; position: absolute; z-index: 2;
}		
.slideshow-page40-thumbnails {
	overflow: hidden;
}
.slideshow-page40-thumbnails ul {
	left: 0; position: absolute; top: 0; width: 100000px;
}

/**
HTML:
	<div class="slideshow-images">
		<img />
		<img />
	</div>
	
Notes:
	The images div is where the slides are shown.
	Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/

.slideshow-page40-images {
	height: 600px;
	width: 100% !important;
}		
.slideshow-page40-images-visible { 
	opacity: 1;
}	
.slideshow-page40-images-prev { 
	opacity: 0;
}
.slideshow-page40-images-next { 
	opacity: 0;
}
.slideshow-page40-images img {
	float: left; left: 0; top: 0;
}	

/**
Notes:
	These are examples of user-defined styles.
	Customize these classes to your usage of Slideshow.
*/

.slideshow-page40 {
	height: auto;
	margin: 0 auto;
	display: block;
	position: relative;
}

.slideshow-page40 img {
	border: 0;
}

/**
HTML:
	<div class="slideshow-captions">
		...
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the captions animation.
*/

.slideshow-page40-captions {
	padding: 20px !important;
	background: #000000;
	bottom: 0;
	color: #ffffff;
	font: normal 100% Arial, sans-serif;
	left: 0;
	overflow: hidden;
	position: absolute;
	margin: 0;
	z-index: 10000;
	height: auto !important;
}

.slideshow-page40-captions-hidden {
	height: 0;
	opacity: 0;
}
.slideshow-page40-captions-visible {
	height: 0%;
	opacity: .7;
}

/**
HTML:
	<div class="slideshow-controller">
		<ul>
			<li class="first"><a /></li>
			<li class="prev"><a /></li>
			<li class="play"><a /></li>
			<li class="next"><a /></li>
			<li class="last"><a /></li>
		</ul>
	</div>
	
Notes:
	Customize the hidden / visible classes to affect the controller animation.
*/

.slideshow-page40-controller {
	background: url(controller.png) no-repeat;
	height: 48px;
	margin: -24px 0 0 -122px !important;
	overflow: hidden;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 244px;
	z-index: 10000;
}
.slideshow-page40-controller-hidden { 


	opacity: 0;

}
.slideshow-page40-controller-visible {
	opacity: 1;
}
.slideshow-page40-controller a {
	background: url(controller-controls.png) no-repeat -47px 0; cursor: pointer; display: block; height: 18px; left: 112px; margin: 0; outline: none; overflow: hidden; padding: 0; position: absolute; top: 15px; width: 20px;
}
.slideshow-page40-controller a.active {
	background-position: -47px -18px;
}
.slideshow-page40-controller li {
	list-style: none; margin: 0; padding: 0; 
}			 
.slideshow-page40-controller li.first a {
	background-position: 0 0; left: 36px; width: 19px;
}
.slideshow-page40-controller li.first a.active {
	background-position: 0 -18px;
}
.slideshow-page40-controller li.prev a {
	background-position: -19px 0; left: 68px; width: 28px;
}
.slideshow-page40-controller li.prev a.active {
	background-position: -19px -18px;
}
.slideshow-page40-controller li.play a {
	background-position: -67px 0;
}
.slideshow-page40-controller li.play a.active {
	background-position: -67px -18px;
}
.slideshow-page40-controller li.next a {
	background-position: -87px 0; left: 148px; width: 28px;
}
.slideshow-page40-controller li.next a.active {
	background-position: -87px -18px;
}
.slideshow-page40-controller li.last a {
	background-position: -115px 0; left: 189px; width: 19px;
}
.slideshow-page40-controller li.last a.active {
	background-position: -115px -18px;
}

/**
HTML:
	<div class="slideshow-loader" />
	
Notes:
	Customize the hidden / visible classes to affect the loader animation.
*/

.slideshow-page40-loader {
	background: url(loader.png); height: 30px; right: 2px; position: absolute; top: 2px; width: 30px; z-index: 10001;
}
.slideshow-page40-loader-hidden {
	opacity: 0;
}
.slideshow-page40-loader-visible {
	opacity: 1;
}

/**
HTML:
	<div class="slideshow-thumbnails">
		<ul>
			<li><a class="slideshow-thumbnails-active" /></li>
			<li><a class="slideshow-thumbnails-inactive" /></li>
			...
			<li><a class="slideshow-thumbnails-inactive" /></li>
		</ul>
	</div>
	
Notes:
	Customize the active / inactive classes to affect the thumbnails animation.
	Use the !important keyword to override FX without affecting performance.
*/

.slideshow-page40-thumbnails {
	bottom: -55px; height: 50px; left: 0; position: absolute; width: 100%;
}
.slideshow-page40-thumbnails a {
	display: block; float: left; outline: none; margin: 5px; padding: 5px;
}
.slideshow-page40-thumbnails a:hover {
	background-color: #666666 !important; opacity: 1 !important;
}
.slideshow-page40-thumbnails img {
	float: left; margin: 0; padding: 0; width: auto; height: auto; max-width: none;
}
.slideshow-page40-thumbnails li {
	float: left; list-style: none; margin: 0; padding: 0;
}
.slideshow-page40-thumbnails li:last-child {
	margin: 0;
}
.slideshow-page40-thumbnails ul {
	margin: 0; padding: 0;
}
.slideshow-page40-thumbnails-hidden {
	background-color: #FFF; opacity: 0;
}
.slideshow-page40-thumbnails-inactive {
	background-color: #ffffff; opacity: .5;
}
.slideshow-page40-thumbnails-active {
	background-color: #666666; opacity: 1;
}

/**
Notes:
	Uncomment for vertical thumbnails.
	Assumes all thumbnails are the same width (may be different heights).

.slideshow-page40-thumbnails {
	bottom: auto; height: 100%; left: auto; position: absolute; right: -65px; top: 0; width: 60px; 
}
.slideshow-page40-thumbnails li {
	margin: 0 0 5px 0;
}
.slideshow-page40-thumbnails ul {
	height: 100000px; width: auto;
}
*/


/* Thumbnails positioned bottom */

#slideshowWrapper.bottom .slideshow-page40-thumbnails {
	bottom: -68px;
	left: 0;
	height: 68px;
	position: absolute;
	width: 100%;
}



/* Thumbnails positioned top */

#slideshowWrapper.top .slideshow-page40-thumbnails {
	top: -68px;
	left: 0;
	height: 68px;
	position: absolute;
	width: 100%;
}



/* Thumbnails positioned left */

#slideshowWrapper.left .slideshow-page40-thumbnails {
	left: -68px;
	top: 0;
	bottom: auto;
	right: auto;
	width: 68px;
	position: absolute;
	height: 100%;
}



#slideshowWrapper.left .slideshow-page40-thumbnails li {
	margin: 0;
}

#slideshowWrapper.left .slideshow-page40-thumbnails ul {
	height: 100000px; width: auto;
}

/* Thumbnails positioned right */

#slideshowWrapper.right .slideshow-page40-thumbnails {
	right: -68px;
	top: 0;
	bottom: auto;
	left: auto;
	width: 68px;
	position: absolute;
	height: 100%;
}



#slideshowWrapper.right .slideshow-page40-thumbnails li {
	margin: 0;
}

#slideshowWrapper.right .slideshow-page40-thumbnails ul {
	height: 100000px; width: auto;
}

/* Border styles */
#slideshowOuterpage40 {
	border: 5px none #000000;
}

/* Reset */

#slideshowOuterpage40 ul,
#slideshowOuterpage40 li {
	padding: 0 !important;
	margin: 0 !important;
	list-style: none !important;	
}

/* Override theme responsive behaviour on thumbnails */
#slideshowOuterpage40 .slideshow-page40-thumbnails img {
	width: auto;
	height: auto;
	max-width: none;
}