* {margin:0;padding:0}
html, body {width: 800px; height: 100%;	font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight: normal; font-style: normal}
	#left, #right{position: absolute; border-top: solid #000 0px; padding-top: 20px}
	#right {padding-top: 34px}
	#left {left: 15px; width: 180px}
		#logodescription {margin: 15px 0 0 0}	
		#menu {margin: 15px 0 0 0}
			.menublock {margin: 0 0 15px 0}
			.menublock a {line-height: 1.7em}
			.iconblock {margin: 19px 0 0 0}
			.iconblock img {margin: 0 5px 0 0}
	#right {left: 225px; width: 600px}
		.title {
			border-top: solid 6px #000; font-size: 34px;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 1.2em;
			padding: 8px 0 0 0;
			}
		.facebooklike {float: right}
		#afterpreview {display: block; width: 600px; height:530px}
	a, p, h1, h2, h3 {color: #000; letter-spacing: normal; line-height: 1.4em; outline: none;}
		a:link, a:visited, a:hover {cursor: pointer; text-decoration: underline}
		a:hover {text-decoration: none}
		h1 {
			border-top: solid 6px #000; font-size: 34px;
			font-weight: bold;
			letter-spacing: -1px;
			line-height: 1.2em;
			padding: 8px 0 0 0;
			}
		h2 {font-size: 14px; line-height: 1.4em; font-weight: bold; padding: 15px 0 0 0}
			h2.menu {padding: 0 0 0 0}
		p {padding: 15px 0 15px 0px}







div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	float: right;
	width: 600px;
}
div.content a, div.navigation a {text-decoration: none;	color: #777}
div.content a:focus, div.content a:hover, div.content a:active {text-decoration: underline}
div.controls {margin-top: 0; padding: 0 0 18px 0; font-size: 15px}
div.controls a, div.controls a:hover {padding-right: 50px; text-decoration: none}
div.nav-controls {float: left}
div.ss-controls {float: right}
div.slideshow-container {
	position: relative;
	clear: both;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
border: 0px #999 solid; height: 400px; padding-top: 50px}
div.loader {
	position: relative;
	top: 0;
	left: 0;
	background-image: url('loader.gif');
	background-repeat: no-repeat;
	background-position: center;
	width: 600px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
}
#slideshow {}
div.superwrap {
	}
div.slideshow {}
div.slideshow span.image-wrapper {display: block; position: absolute; top: 0; left: 0; vertical-align: middle}
div.slideshow a.advance-link {
	display: block;
	width: 600px;
	height: 400px; /* This should be set to be at least the height of the largest image in the slideshow */
	line-height: 0px; /* This should be set to be at least the height of the largest image in the slideshow */
	text-align: center;
	}
div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {text-decoration: none}
div.slideshow img {border: none; vertical-align: middle}
div.download {float: right}
div.caption-container {
	position: relative;
	clear: left;
	height: 75px;
	}
span.image-caption {
	display: block;
	position: absolute;
	width: 600px;
	top: 0;
	left: 0;
	}
div.caption {padding: 0px}
div.image-title {margin-top: -35px}
div.image-desc1 {line-height: 1.3em; margin-top: -443px; margin-left: 30px; width:40px}
div.image-desc2 {line-height: 1.3em; margin-top: -443px; margin-left: 23px; width:40px}
div.navigation {
	/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
	}
ul.thumbs {display: block; clear: both; width: 600px; margin: 0; padding: 0; }
ul.thumbs li {
	float: left;
	padding: 0;
	margin: 5px 10px 5px 0;
	list-style: none;
	}
a.thumb {padding: 2px; display: block}
ul.thumbs li.selected a.thumb {}
a.thumb:focus {outline: none}
ul.thumbs img {border: none; display: block}
div.pagination {clear: both}
div.navigation div.top {margin-bottom: -20px; height: 11px}
div.navigation div.bottom {margin-top: 120px}
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
	}
div.pagination a:hover {background-color: #eee; text-decoration: none}
div.pagination span.current {
	font-weight: bold;
	background-color: #000;
	border-color: #000;
	color: #fff;
	}
div.pagination span.ellipsis {border: none; padding: 5px 0 3px 2px}

/*
#screen{width:600px; padding:0}			
	#screen li {float:left;	list-style:none}
	#screen .jq-ss-crop {float:left}
#leftimages, #rightimages {
	font-weight:bolder;
	font-size:14px;
	margin-top:0px;
	display:block;
	text-decoration:none;
	}
#rightimages {margin-left: 20px}
#view {width:600px; height:100%; overflow:hidden}
#images {width:3818px !important; width:3822px; padding:0}
#images li img {border: 0}
*/


/* Slider 
 
#slider ul, #slider li{margin:0; padding:0; list-style:none}
#slider li{width:600px; height:100%; overflow:hidden}
	#prevBtn, #nextBtn{ 
		display:block;
		width: 30px;
		height: 20px;
		position: relative;
		left: 0px;
		top: 0px;
		}	
	#nextBtn{
		top:-20px;
		left: 30px;
		}														
	#prevBtn a, #nextBtn a{
		font-size: 14px;
		font-weight: bold;
		letter-spacing: -1px;
		text-decoration: none;  
		display: block;
		width: 30px;
		height: 20px;
		}	
/* Slider */