@import "reset.css";
body { font-family:Arial;font-size:14px;line-height:16px;color:#000;text-align:left; padding:0; margin:0; height:100%; background:url(../images/bg_site.jpg) 50% -15% no-repeat}

article, aside, details, figcaption, figure, .footer, .header, hgroup, menu, .nav, output, section, summary {	display:block;}
html, body {	height:100%;}

h1{ margin:0; padding:0}

/*
	ScrollBar Styles
*/



.scrollBox{
	width:715px;
}

.scroll-pane {
	width: 715px;
	height: 495px;
	overflow:hidden;
	
}
.jScrollPaneContainer {
	position: relative;
	overflow:hidden	;
	z-index: 1;
		
}


.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	background: #fff;
	width:28px!important
}
.jScrollPaneDrag {
	position: absolute;
	background:#97938b url(../images/bg_scroll.jpg) top no-repeat;
	cursor: pointer;
	overflow: hidden;
	left:1px;
	width:28px!important;
}



.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	height:0px;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	height:40px;
		background:url(../images/bg_scroll_span.jpg) bottom no-repeat;
		width:28px!important

}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 0px;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 0px;
}
	
/*==== GLOBAL =====*/
#main {
	width:1000px;
	margin:0 auto;
	position:relative;
	top:30%;
	padding:	0;
}

/* -----------------------------BG-----------------------------------------------*/ 

#bg { width:100%; position: absolute; top:0; left:0; z-index:1; } 
#bg img { width: 100%;}



a       {text-decoration:underline; cursor:pointer; outline:none; }
a:link  {  text-decoration:underline;}
a:hover { text-decoration:none;}
a:active{ text-decoration:underline;}


.clear  {clear:both;}
.left{ float:left}
.right{ float:right}
.red { color:#FF0000;}


.top_10{ margin-top:10px}
.right_20{ margin-right:20px}
.omega{ text-align:right}

/*   -----------------------------------------------------------------------------*/ 
#content li.page{ width:980px; height:495px; background:url(../images/bg_content.png) top repeat; display:block}


.content{ width:670px; margin:0px 15px; margin-top:12px; font-size:12px; font-family:Arial; color:#1f2122}
.content h1, .gallery h1{ color:#597d8b; font-size:30px; text-transform:uppercase; letter-spacing:-0.05em; margin-bottom:16px}
.content strong{ color:#654430; font-size:12px; text-transform:uppercase; display:block	}


.bg_white{ background-color:#f3f1ec;}
.text{ padding:16px}


.right_20{ margin-right:20px}


.photo{ padding:3px; background-color:#fff; border:1px #aca384 solid}
.top_photo{ margin-bottom:10px}



a.link{ color:#026597;}

a.more{ background:#67787f; display:block; width:105px; height:22px; text-decoration:none; text-align:center; font-size:14px; color:#fff; text-transform:uppercase; padding-top:10px; margin-top:14px}
a.more:hover{ background:#e85700}
/* -----------------------------------------------------------------------------*/ 

.grid_1{ width:192px}
.grid_2{ width:210px}
.grid_3{ width:380px}
.grid_4{ width:185px}

.grid_5{ width:240px}
.grid_6{ width:350px}



/* -----------------------------------------------------------------------------*/ 

#contact_form td{ color:#300000; padding-bottom:2px; vertical-align:top}
.sub{ background:#67787f; display:block; width:105px; height:32px; text-decoration:none; text-align:center; font-size:14px; color:#fff; text-transform:uppercase;  text-decoration:none; text-align:center;   text-transform:uppercase; cursor:pointer; border:0; font-weight:bold}
	.sub:hover{ color:#fff}

	
.input_contact{background-color:#fff;
	width:350px;
	height:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#300000;
	border:1px solid #879295;
	margin-bottom:2px; line-height:20px}
	
.textarea_contact{background-color:#fff;
	width:350px;
	height:110px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#300000;
	border:1px solid #879295;margin-bottom:4px; line-height:22px}
	
.select{background-color:#fff;
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#584c3f;
	border:1px solid #d2dce6;}

	
/* -----------------------------ANIMA-----------------------------------------------*/ 

#anima{width: 200px; padding-top:25px; float:right; margin-right:15px}


#anima a{display: block;	text-decoration: none; float:right; margin-right:10px}


/*----- other -----*/

a.button {
	color:#fff;
	border-radius:5px;
	text-decoration:none;
	position:relative;
}
.extra-wrap {
	overflow:hidden;
	height:100%
}


/*====================================== header ==================*/
.header {
	width:265px;
	height:193px;
	position:relative;
	margin-bottom:5px;
}



.header h1 {
	position:absolute;
	left:0;
	bottom:0;
	z-index:10;
	
}
.header h1 a{font-size:33px; color:#fdfdfd!important; display:block;  text-decoration:none!important; background:url(../images/bg_main.jpg) top no-repeat; height:193px; width:265px}
.header h1 a:hover{ color:#fdfdfd!important}
.header h1 a span{ display:block; color:#dddddd; font-family:Arial; font-size:12px; text-transform:uppercase; padding-top:10px}
.header h1 a strong{ padding-top:35px; display:block; padding-left:35px}

.header .nav {
	width:750px;
	position:absolute;
	right:0px;
	bottom:0;
	z-index:1;	
	height:89px;
}
.header .nav li {
	float:right	;
	background:#efece5;
	height:89px;
	border:1px #fff solid;
	border-right:none
}
.header .nav li a {
	display:block;
	height:89px;
		background:url(../images/left.jpg) left top no-repeat;
		padding-left:21px; text-decoration:none!important; font-size:16px; font-weight:bold;  text-transform:uppercase;
}
.header .nav li a span{
	display:block;
	height:50px;
		background:url(../images/right.jpg) right top no-repeat;
		padding-right:20px; font-size:16px;  text-decoration:none ;
		padding-top:39px; 
}
.header .nav li.active a {
		background:url(../images/left_act.jpg) left top no-repeat;
	
}


.header .nav li.active a span{
		background:url(../images/right_act.jpg) right top no-repeat; }


	


.header .shattle {
	position:absolute;
	left:112px;
	bottom:16px;
	display:block;
	width:168px;
	height:54px;
	background:url(../images/shattle.png) 100% 0 no-repeat;
	z-index:1000;
		box-shadow:0 0 5px rgba(0, 0, 0, .42);

}

.hidden .shattle{background-position:0 0;	position:absolute;
	left:112px;
	bottom:16px;
	display:block;
	width:168px;
	height:54px;
}


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


.gallery {
	margin-bottom:28px;
}
.gallery #pic, .gallery #thumbs, .gallery #thumbs li {
	float:left;
}
.gallery #pic img{ width:605px; height:390px;padding:3px; background-color:#fff; border:1px #aca384 solid

}


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

		#thumbs>ul.first{
			width:680px;
			position:relative;
			float:left
		}
		
		#thumbs>ul.first>li {
			float:left;
			width:320px;
		}
					
					
					#thumbs li ul.second {
						float:left;
						width:380px;
						height:350px;
					}
					#thumbs li ul.second li {
						margin-bottom:8px;
						display:block;
						float:left;
						width:160px;
						height:105px;
						
					}
					
#thumbs li ul.second li a{ width:160px; display:block}					
#thumbs li ul.second li a img{ width:151px; height:101px}					
					
#thumbs li ul.second li{
	margin-right:0px;
}
.next {
	float:right;
}
.gallery {
	padding:20px 20px 0 20px;
}

.pinn{ position:absolute; margin-left:700px; margin-top:360px}
a.gall{font-size:12px; color:#1f2122; font-family:Arial; text-transform:uppercase; display:block; width:50px; height:30px; background:#e3e3de; border:3px #7a7974 solid; text-decoration:none; float:left; text-align:center; line-height:30px; margin-right:50px}

a.gall:hover{border:3px #000 solid}
/*==========================================*/
.footer{ width:980px; height:65px; position:relative; bottom:0; left:50%; margin-left:-500px; background:#1f2122; font-size:10px; color:#b6c5ca; line-height:65px; margin-top:10px}


*+html{
	overflow-x:hidden;
}

a.privacy{ color:#9ae3fb; text-decoration:underline}
a.privacy:hover{ color:#fff; text-decoration:none}