@import "reset.css";
body{ margin:0; padding:0;  background: #97875b url(../images/bg_body.gif) left top repeat; font-family:Times New Roman; font-size:16px; color:#373631; line-height:20px;
margin-top:0px}

.right{ float:right;}
.left{ float:left;}
.clear{ clear:both}

.right_20{ margin-right:20px}
.left_20{ margin-left:20px}
.right_5{ margin-right:8px}

.grid_1{ width:345px}
.grid_2{ width:470px}


a{ color:#54412a; text-decoration: underline;}
a:hover{ text-decoration:none}
div.bg_page_1 h1{ color:#fff;  font-size:53px; padding-left:100px; line-height:53px}
 
div.mid{ position: absolute;  height:800px; z-index:3; min-width:1000px; left:50%; margin-left:-500px;  } 

div.bg_site{ width:100%;  background: url(../images/bg_body_2.jpg) 50% bottom repeat; position: absolute; z-index:1; height: 25%; padding-top:500px; left:0; }
div.bg{ width:100%;  background: url(../images/bg_body_3.jpg) 50%  bottom repeat-x; position: absolute; z-index:1; min-height:800px; margin-top:-100px}
div.big_bg{ width:100%;  background: url(../images/bg_body.jpg) 50%  bottom no-repeat; position: absolute; z-index:1; min-height:800px;}


div.bg_page_1{  width:582px; height:343px; background:url(../images/bg_page_1.png) left top no-repeat; padding-top:50px; margin-top:20px}
div.text{ color:#fff; padding:10px 40px 0px 60px; font-size:17px}

div.copy{ color:#4c3f2f; font-size:14px; position:absolute; bottom:-80px; left:65px; font-weight:normal; padding-bottom:30px; width:870px}

a.privacy{ background:#aea07a; padding:5px 10px; margin-right:10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color:#4c3f2f; font-weight:normal!important; text-decoration:none}
a.privacy:hover{ background-color:#c1b38d; text-decoration:none}

div.bg_page{ width:978px; height:542px; background:url(../images/bg_page.png) left top no-repeat; margin-top:20px; margin-left:10px; color:#373631}
div.block{ width:875px; height:465px; padding-top:50px; margin-left:50px; }

div.bg_page h1{  font-size:48px; color:#535146; height:48px; line-height:48px; padding-bottom:24px}

img.photo{ margin-bottom:10px}

a.more{ padding-left:20px; background:url(../images/disk.png) left 60% no-repeat; display:block; width:120px; color:#54412a; font-size:25px; line-height:25px; cursor:pointer; margin-top:12px; text-decoration:none}

div.bg_page b{ display:block; padding-bottom:10px}

div.copy a.right { margin-top:-10px}

div.copy a.social_1{ background:url(../images/social_2.gif) left top no-repeat;  width:30px; height:30px; display:block;}
div.copy a.social_1:hover{ background:url(../images/social_2_hover.png) left top no-repeat}

div.copy a.social_2{ background:url(../images/social_1.gif) left top no-repeat;  width:30px; height:30px; display:block;}
div.copy a.social_2:hover{ background:url(../images/social_1_hover.png) left top no-repeat}


/* ============================= Dialog ====================== */

.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; font-size:12px; font-family:Arial }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }


/*================= Contacts =========================*/

.notification_error{ height: auto;width: 96%;padding: 2px;background: #d8d8d4; text-align: left; color:#f00; margin-bottom:2px; border: 1px solid #8c8c8b;
 margin-bottom:10px}
 .notification_ok{  border: 1px solid #8c8c8b; height: auto; width: 96%; padding: 8px; background: #d8d8d4; text-align: center;  } 

.pin { display:block; width:100px; height:30px; margin-left:100px; margin-top:10px; font-weight:bold; border:1px #8c8c8b solid; background:#d8d8d4; color:#54412a}
.pin:hover{ text-decoration:none; color:#24412a; cursor:pointer}

/* Label */
label  { width: 100px;  margin: 0px; float: left; text-align: left; color:#373631; font-family:Times New Roman;}

/* Input, Textarea */
 input{ margin: 0px; padding: 0px;   border: 1px solid #8c8c8b;  color: #231b1b; background:#d8d8d4; font: 12px Arial, Helvetica, Arial, sans-serif; height:30px; margin-bottom:16px; width:350px; }

 textarea{margin: 0px; padding: 0px;  float: left; background:#d8d8d4; border: 1px solid #8c8c8b;  color: #231b1b;   font: 12px Arial, Helvetica, Arial, sans-serif; height:75px; margin-bottom:16px; width:350px; }


/*===================== Scroll =====================*/
.scroll-pane {	overflow:hidden; }
.jScrollPaneContainer {	position: relative;	overflow:hidden	;	z-index: 1;}

.scroll-pane img{}


.jScrollPaneTrack {	position: absolute;	cursor: pointer;	right: 0;	top: 0;	background: #544b3c; width:21px!important; }
.jScrollPaneDrag {	position: absolute;	background:#bcbcbc ;	cursor: pointer;	overflow: hidden;	right:4px;	width:14px!important; margin-top:1px;
 -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.jScrollPaneDrag:hover{ background:#fff}
.jScrollPaneDragTop { position: absolute;	top: 0;	left: 0; overflow: hidden; height:0px;}
.jScrollPaneDragBottom { overflow: hidden; height:0px; }

a.jScrollArrowUp {	display: block;	position: absolute;	z-index: 1;	top: 0;	right: 0px;	text-indent: -2000px; overflow: hidden;	height: 25px; background:url(../images/top.jpg) 50% 0px no-repeat; width:21px!important;}

a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0;	right: 0px;	text-indent: -2000px; overflow: hidden; height: 27px; background:url(../images/foot.jpg) 50% -35px no-repeat; width:21px!important}

a.jScrollArrowUp:hover{ background-position:50% -35px}
a.jScrollArrowDown:hover{ background-position:50% 0px}

/*===== gallery =====*/



.gallery #thumbs, .gallery #thumbs li {	float:left;}
.gallery #pic{ float:right}


.gallery #thumbs{  	width:330px; 	float:left; 	overflow:hidden; 	margin-bottom:30px; 	position:relative; }

		#thumbs>ul.first{ width:780px; position:relative; float:left }		
		#thumbs>ul.first>li { float:left; } 										
		
					#thumbs li ul.second { float:left; width:370px; height:340px;}
					#thumbs li ul.second li { margin-bottom:8px; display:block; float:left; width:175px; }
					
					
					
#thumbs li ul.second li a{ display:block}					
#thumbs li ul.second li a img{ opacity:1}					
					
#thumbs li ul.second li{ 	margin-right:0px }
.next { 	float:right }



div.pinn{ position: absolute; left:70px; top:575px; width:250px; z-index:100;  width:300px; height:35px;}
div.pinn a{ color:#54412a; font-size:25px;   display:block; text-decoration:none}

a.gall_2{ float:left;}
a.gall{ float:right}


a.gall_2 img{ padding-right:35px}
a.gall img {padding-left:35px}

a.gall:hover, a.gall_2:hover{ text-decoration:none;  }