/* -- gallery  begin --*/
 div.content {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	background:none;
	display: none;
	width: 940px;
	height: 470px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
	display:block;
}
 div.content img {
	position: relative;
	z-index: 2;
}
 div.content a, div.navigation a {
	text-decoration: none;
	color: #777;
	
}

 div.content2 {
	/* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */
	background:none;
	display: none;
	width: 700px;
	height: 320px;
	float:right;
	margin-right:-40px;
	overflow: hidden;
	display:block;
}
 div.content2 img {
 width:670px; height:500px;
 
	position: relative;
	z-index: 2;
}
 div.content2 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 {}
 div.controls a {
	padding: 0px;
}
 div.ss-controls {
	float: left;
	display:none;
}
 div.nav-controls {
	width:570px;
	position:absolute;
	left:185px;
	top:29px;
	z-index: 1;
}
 div.nav-controls a.prev {
	display:block;
	background:url(../images/prev-gallery.png) 0 0px no-repeat;
	width:7px;
	height:10px;
	text-indent:-5000px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:11;
}
 div.nav-controls a.prev:hover {background:url(../images/prev-gallery.png) 0 bottom no-repeat;}
div.nav-controls a.next {
	display:block;
	background:url(../images/next-gallery.png) 0 0 no-repeat;
	width:7px;
	height:10px;
	text-indent:-5000px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:11;
}
div.nav-controls a.next:hover {background:url(../images/next-gallery.png) 0 bottom no-repeat;}
 div.slideshow-container {
	position: relative;
	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
	z-index:1;
	background:#fff;
}
div.slideshow-container2 {
	position: relative;
	height: 370px; /* This should be set to be at least the height of the largest image in the slideshow */
	z-index:1;
	background:#fff;
}
 div.slideshow {
}
 div.slideshow span.image-wrapper {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 940px;
	height: 470px;
	background:none;
}
 div.slideshow a.advance-link {
	display: block;
	width: 940px;
	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding: 0;
	margin: 0;
}
 div.slideshow2 a.advance-link {
	display: block;
	width: 600px;
	height: 270px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding: 0;
	margin: 0;
}
 div.slideshow2 a.advance-link {
	display: block;
	width: 650px;
	height: 470px; /* This should be set to be at least the height of the largest image in the slideshow */
	padding: 0;
	margin: 0;
}
 div.slideshow a.advance-link img {
	padding:0;
	margin:0;
	display:block;
	position:absolute;
	bottom:0px;
	left:0px;
}
 div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited {
	text-decoration: none;
}
 div.slideshow img {
}

 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. */
}

.navigation-container {
	width:938px;
	height:68px;
	margin:0 auto;
	position:relative;
	border:none;
	border-left:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	background:url(../images/tail-gallery.jpg) 0 0 repeat-x;
}
.navigation-container2 {
	width:650px;
	height:68px;
	margin:0 auto;
	position:relative;
	border:none;
	border-left:1px solid #c2c2c2;
	border-bottom:1px solid #c2c2c2;
	border-right:1px solid #c2c2c2;
	background:url(../images/tail-gallery.jpg) 0 0 repeat-x;
}
 div#thumbs {
	width: 940px !important;
	overflow: hidden;
	padding: 0;
}
 div#thumbs2 {
	width: 650px !important;
	overflow: hidden;
	padding: 0;
}
ul.thumbs2 {
	margin:0;
	padding:0;
	overflow:hidden;
	height:40px;
	position:relative;
	z-index:2;
}
 ul.thumbs2 li {
	height:34px;
	width:56px;
	float:left;
	margin:0 18px 0 0;
	padding:3px;
	overflow: hidden;
	vertical-align:top;
	background:url(../images/bg-gallery-icon.jpg) 0 bottom no-repeat;
}
 ul.thumbs2 li img {
	border: none;
}




 ul.thumbs {
	margin:14px 220px 0 238px;
	padding:0;
	overflow:hidden;
	height:40px;
	position:relative;
	z-index:2;
}
 ul.thumbs li {
	height:34px;
	width:56px;
	float:left;
	margin:0 18px 0 0;
	padding:3px;
	overflow: hidden;
	vertical-align:top;
	background:url(../images/bg-gallery-icon.jpg) 0 bottom no-repeat;
}
 ul.thumbs li img {
	border: none;
}
 a.thumb:focus {
	outline: none;
}
 div.pagination {
	clear: both;
	text-align:center;
	position:relative;
	z-index:10;
}
 div.top.pagination {
	display:none;
}
 div.navigation div.bottom {
}
 div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	padding:0 4px;
	font-weight:bold;
	color:#fff;
}
 div.pagination a:hover {
	text-decoration: none;
	color:#ffeaa8;
}
 div.pagination span.current {
	color:#ffeaa8;
}
 div.pagination span.ellipsis {
	border: none;
	padding: 5px 0 3px 2px;
}
/* -- gallery end --*/