/* Global properties ======================================================== */
/*********************************boxes**********************************/
/*********************************content*************************************/
/* -- gallery  begin --*/
 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: 410px;height: 303px;margin:  0;padding: 0px;float: left;overflow: hidden}
 div.content img {position: relative;z-index: 2}
 div.content a, div.navigation a {text-decoration: none;display:block;position:relative;cursor:pointer}
	div.content a img, div.navigation a img {position:relative;	z-index:1}
	div.content a span, div.navigation a span {display:block;	width:410px;	height:121px;	background:#000;	position:absolute;	left:0;	top:0;	z-index:2}
	div.content a span.selected,
	div.navigation a span.selected {display:none !important}
 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 {position:absolute;left:0px;width:596px;bottom:0px;z-index: 1}
 div.nav-controls a.prev {background:url(../images/prev.gif) no-repeat 0 0;width:39px;height:39px;text-indent:-5000px;position:absolute;bottom:2px;left:0;z-index:11}
 div.nav-controls a.prev:hover {background:url(../images/prev-h.gif) no-repeat 0 0}
 div.nav-controls a.next {background:url(../images/next.gif) no-repeat 0 0;width:39px;height:39px;text-indent:-5000px;position:absolute;bottom:2px;right:0;z-index:11}
 div.nav-controls a.next:hover {background:url(../images/next-h.gif) no-repeat 0 0}
 div.slideshow-container {position: relative;height: 303px; /* 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: 400px;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: 0px;height: 303px;position:absolute;left:0;top:0}
 div.slideshow a.advance-link {display: block;width: 0px;height: 303px; /* 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;left:0;top:0}
 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.download {float: right}
 div.caption-container {position: absolute;top: 0;left: 0;width: 596px;height: 151px}
 span.image-caption {display: block;position: absolute;width: 596px;height: 151px;top: 0;left: 0;z-index:10}




 div#thumbs {width: 200px;height:303px;overflow: hidden;padding: 0px 0px 0 0}
 ul.thumbs {float: right;margin-left:0;padding: 0;width:320px;height:auto;overflow:visible}
 ul.thumbs li {height: 92px;float:left;margin: 0 15px 15px 0;overflow: hidden;padding: 0;vertical-align:top}
 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 { display:none}
 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 0px 0px}