/* -- gallery  begin --*/
.indent-js {margin-bottom:36px;}
#js {
	position:relative;
	min-height:500px;
	overflow:hidden;
	}
.button-1 {
	display:inline-block;
	background:url(../images/button-tail-left-2.gif) no-repeat left 0px;
	padding-left:4px;
	text-decoration:none;
	cursor:pointer;
}
.button-1 strong {
		display:block;
		background:url(../images/button-tail-right-2.gif) no-repeat right 0px;
		padding-right:4px;
		}
		.button-1 strong strong {
			display:block;
			background:url(../images/button-tail-2.gif) repeat-x center 1px;
			padding:9px 14px 11px 18px;
			color:#fff;
			text-transform:uppercase;
			font-size:13px;
			line-height:2em;
			cursor:pointer;
			}
				.button-1:hover,
				.button-1:hover strong {
					background-position:0 -53px;
					}
				.button-1:hover strong strong {
					background-position:right -52px;
					}
 div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	display: none;
	width: 561px;
	height: 438px;
	margin:  0 21px 0px 0px;
	overflow: hidden;
	float:left;
	background:#e6e5e5; 
	padding:1px;
}
 div.content img {
	position: relative;
	z-index: 2;
}

 div.controls {
}
 div.controls a {
	padding: 0px;
}
 div.ss-controls {
	float: left;
	display:none;
}
 div.nav-controls {
	position:absolute;
	right:0px;
	width:100%;
	bottom:0px;
	z-index: 3;
	text-align:right;
}
div.nav-controls a {
	display:inline-block;
	font-size:15px;
	line-height:2em;
	color:#675C53;
	text-decoration:none;
	text-transform:uppercase;
}
 div.nav-controls a.prev {
	 margin-right:290px;
}

 div.nav-controls a.next {

}
 div.nav-controls a.next:hover,
 div.nav-controls a.prev:hover {
	 color:#E78F77;
}
 div.slideshow-container {
	position: relative;
	height: 438px; /* This should be set to be at least the height of the largest image in the slideshow */
	z-index:1;
	
}
 div.loader {
	position: absolute;
	top: 0;
	left: 0;
	background-image:url(images/loader.gif);
	background-repeat: no-repeat;
	background-position: center;
	width: 592px;
	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
}
 div.slideshow {
}
 div.slideshow span.image-wrapper {
	display: block;
	width: 561px;
	height: 440px;
	position:absolute;
	left:0;
	top:0; 
}
 div.slideshow a.advance-link {
	display: block;
	width: 560px;
	height: 339px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding: 0;
	margin: 0;
	padding:0px;
}


 div.slideshow a.advance-link img {
	margin:0;
	display:block;
	position:absolute;
	left:0;
	top:0;
	background:#fff; 
	padding:5px;
}
 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
 div.slideshow img {
	 width:551px;
	 height:428px;
}
 div.download {
	float: right;
}
 div.caption-container {
	position: absolute;
	top: 0;
	right:0;
	width: 456px;
	height: 340px;
}
 span.image-caption {
	display: block;
	position: absolute;
	width: 456px;
	height: 345px;
	top: 0;
	left: 0;
	z-index:10;
}
 div.caption {
	width: 460px;
	height: 128px;
}
 div.image-title {
}
 div.image-desc {
}
 div.navigation {
/* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */
}
 div#thumbs {
	overflow: hidden;
	padding: 0;
	margin:0 0 0 19px;
}
 ul.thumbs {
	margin:0 auto;
	padding: 0;
	float:left;
	width:366px;
}
 ul.thumbs li {
	float:left;
	margin:0 10px 10px 0;
	overflow: hidden;
	vertical-align:top;
	height:138px;
	width:176px;
	background:#E6E5E5;
	padding:1px;
}
 ul.thumbs li.last {margin-right:0px;}
	 ul.thumbs li strong {
		 display:block;
		 height: 170px;
	}
 ul.thumbs li img {
	border: none;
	background:#fff;
	padding:5px;
}
 a.thumb {display:block;}
 a.thumb:focus {
	outline: none;
}
 div.pagination {
	clear: both;
	z-index:4;
	background:none;
	position:relative;
	width:280px;
	text-align:center;
	right:38px;
	position:absolute;
	bottom:0px;
}
 div.top.pagination {
	display:none;
}

#js div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	padding:0 4px;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	font-size:15px;
	line-height:2em;
	color:#675C53;
	text-decoration:none;
	text-transform:uppercase;
	background:none;
}
 #js div.pagination a:hover {
	text-decoration: none;
	color:#E78F77;
	
}
 div.pagination span.current {
	color:#E78F77;
}
 div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
/* -- gallery end --*/