/*body{
	text-align: center;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 75%;
}
*/
div#page, #content2 {
	/*width: 640px;*/
	background-color: #fff;
	/*margin: 0 auto;*/
	text-align: center;
	/*height:640px;*/
	z-index: 300;
	/*//padding-left:4px;*/
}
div#container {/*padding: 20px;*/height:640px;}
div#container {overflow: hidden;}
div.content {display: none;clear: both;z-index: 300;}
div.content a, div.navigation a {text-decoration: none;color:006666;}
div.content a:hover, div.content a:active {text-decoration: none;}

a.play {padding:3px;height:16px;line-height:16px;background: url(../../../assets/templates/yantardom/images/play.gif) no-repeat;z-index:1500;}
a.pause {padding:3px;height:16px;line-height:16px;background: url(../../../assets/templates/yantardom/images/pause.gif) no-repeat;z-index:1500;}
a.prev {padding:3px;height:16px;line-height:16px;background: url(../../../assets/templates/yantardom/images/back.gif) no-repeat;z-index:1500;}
a.next {padding:3px;height:16px;line-height:16px;background: url(../../../assets/templates/yantardom/images/next.gif) no-repeat;z-index:1500;}

a.play:hover,a.pause:hover,a.prev:hover,a.next:hover {text-decoration:none;}
/* html a.play:hover,a.pause:hover,a.prev:hover,a.next:hover {text-decoration:none;top:5px!important;}*/

div.slideshow-container,
div.loader,
div.slideshow a.advance-link {width: 640px; /* This should be set to be at least the width of the largest image in the slideshow with padding */}

div.loader,
div.slideshow a.advance-link,
div.caption-container {height: 0px; /* This should be set to be at least the height of the largest image in the slideshow with padding */}

div.slideshow-container {position: relative;clear: both;float: left;height: 500px;left: 0;padding: 0px;}
* html div.slideshow-container {position: relative;clear: both;float: left;height: 490px;left: 0;padding: 0px;}

div.navigation a.pageLink {height: 77px;line-height: 77px;width:16px;}
div.controls {/*margin-top: 5px;*/height: 20px;line-height: 20px;width:640px;}
div.controls a {padding: 3px;}
div.ss-controls {float: left;}
div.nav-controls {float: right;}

div.loader {
	position: relative;
	top: 230px;
	left: 0;
	background: #fff url(../../../js/img/loader.gif) no-repeat;
	background-position: center;
}
div.slideshow span.image-wrapper {display: block;position: absolute;/*top: -450px;*/left: 0;/*top:5px;*/}
div.slideshow a.advance-link {
	display: block;
	/*line-height: 402px;*/ /* This should be set to be at least the height of the largest image in the slideshow with padding */
	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 a.advance-link:focus {outline: none;}
div.slideshow img {/*border-style: solid;border-width: 2px;*/}
div.caption-container {float: left;position: relative;/*margin-top: 10px;*/}
span.image-caption {display: block;position: absolute;top: 0;left: 0;}
div.caption-container, span.image-caption {/*width: 334px;*/width: 640px;}
* html div.caption {padding:0 10px;}
div.caption {padding:0 10px;}
div.image-title {/*float:left;*/font-weight: bold;font-size: 16px;height: 16px;line-height: 16px;margin-top:-10px;z-index:1000;}
div.image-title span.image-desc {padding-left:10px;line-height: 16px;}
* html div.image-title {float:left;font-weight: bold;font-size: 16px;height: 16px;line-height: 16px;margin-top:0px;z-index:1000;}
/*div.download {margin-top: 8px;}*/
* html div.photo-index {float:right;position: absolute;bottom: 0;right: 0; top: 0px;padding: 0 12px;}
div.photo-index {float:right;position: absolute;bottom: 0;right: 0; top: -10px;padding: 0 12px;}
/** html div.photo-index {float:right;position: absolute;bottom: 0;right: 0; top: -5px;padding: 0 12px;}*/
div.navigation-container {float: left;position: relative;/*left: 50%;top:-30px;width:640px;*/}
div.navigation {float: left;position: relative;/*left: -50%;*/margin-top:10px;}
div.navigation a.pageLink {
	display: block;
	position: relative;
	float: left;
	margin: 2px;
	width: 16px;
	background-position:center center;
	background-repeat:no-repeat;
	color: 006666;
}
div.navigation a.pageLink:focus {outline: none;}

div.navigation a.prev {float:left;left:-5px;width:16px;top:15px;position:absolute;z-index:1500;}
div.navigation a.next {float:right;right:-5px;width:16px;top:15px;position:absolute;z-index:1500;}

*html div.navigation a.prev {float:left;left:0px;width:16px;height:16px;top:40px;position:absolute;z-index:1500;}
*html div.navigation a.next {float:right;right:0px;width:16px;height:16px;top:40px;position:absolute;z-index:1500;}

/*#tumbs {top:0px;}*/

.tumbs_li {width: 141px; float: left; padding: 0;}
.tumbs_li a img {float: left; padding: 0; margin: 2px; list-style: none; background-color:#fff;}
.tumbs_li a img:hover {background-color:#fff;}

ul.thumbs {position: relative;float: left;margin: 0;padding: 0 10px 0 10px;/*top:30px;width:600px;*/	clear: both;}
ul.thumbs li {float: left;padding: 0;margin: 2px;list-style: none;}
a.thumb {padding: 1px;display: block;}
a.thumb:focus {outline: none;}
ul.thumbs img {border: none;display: block;}

/*div.pagination {clear: both;position: relative;left: -50%;}*/
div.pagination a, div.pagination span.current, div.pagination span.ellipsis {
	position: relative;
	display: block;
	float: left;
	margin-right: 2px;
	padding: 4px 7px 2px 7px;
	border: 1px solid #ccc;
}
div.pagination a:hover {text-decoration: none;}
div.pagination span.current {font-weight: bold;}
div.pagination span.ellipsis {border: none;padding: 5px 0 3px 2px;}
/*div.gallery-gutter {clear: both;padding-bottom: 10px;}*/