@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,800);/*font-family: 'Open Sans', sans-serif;*/

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}
mark, rp, rt, ruby, summary, time {display:inline;}

/* Global properties ======================================================== */
html, body {width:100%; padding:0; margin:0; height:100%;}

body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif ; 	 
	font-size:12px; 
	line-height:22px;
	color:#a3a3a3;
	background: url(../images/bg-main-2.jpg) center 0 repeat-y #fdfdfd;
	min-width:960px;
	}
.main{
	width:100%;
	height: auto; 
	min-height:100%;
	background: url(../images/bg.gif) center 0;
	position:relative;
	z-index:2;
	}
.main-1{
	width:940px;
    margin: 0 auto;
    padding: 0 0 100px 0;
	background: url(http://static.livedemo00.template-help.com/wt_39969/images/bg.gif) center bottom no-repeat;
	z-index:1;
    color: black;
    font-size: 14px;
	}
.main-div{
	width:940px;
	margin:0 auto;
	}
	.figure-1{
		background: url(../images/bg-figure.jpg) 0 0 repeat-x #f6f4f0;
		border:1px solid #e1dfdb;
		padding:4px;
		display:inline-block;
		}
	.figure{
		background: url(../images/bg-figure.jpg) 0 0 repeat-x #f6f4f0;
		border:1px solid #e1dfdb;
		padding:4px;
		display:inline-block;
		}
		.figure:hover{
			padding:5px;
			background:#dbd7a9;
			border:none;
			}
/***********************************************************************/
/*================================>Block-classes<==========================*/
.txt-dec-n{text-decoration:none !important;}
.txt-dec-u{text-decoration: underline;}
.txt-up-n{text-transform:none !important;}
.txt-up{text-transform:uppercase;}
.txt-al{text-align:center;}
.bold{font-weight:bold;}

.col{color:#72b095;}
.col-1{color:#424547;}

.hov:hover{color:#000;}

.border-none{border: none !important;}
.bg-none{background: none !important;}

.dis-block{display: block;}
.dis-inblock{display: inline-block;}

.marg-left-0{margin-left:0 !important;}	
.marg-right-0{margin-right:0 !important;}
.marg-left-right-0{margin-left:0 !important; margin-right:0 !important;}
.last-mbot{margin-bottom:0 !important;}	
.last-pbot{padding-bottom: 0 !important;}
.last-mpbot{margin-bottom:0 !important;padding-bottom:0 !important;}

/*===============================>Indent<==================================*/
.top{margin-top: 6px;}

.bot{margin-bottom:20px;}
.bot-1{margin-bottom:60px;}
.bot-2{margin-bottom:13px;}
.bot-3{margin-bottom:43px;}
/*================================link-button===============================*/
a {text-decoration:none; cursor:pointer;}
a:hover {text-decoration:none;}
p{padding-bottom:22px;}

ul {
	margin:0; 
	padding:0;
	list-style-image:none;
	}
/******************************************************************/
.clear {clear:both; line-height:0; font-size:0; width:100%;}
.wrapper, .wrapper-extra, .extra-wrap{overflow:hidden;}
.wrapper-after:after{
 clear:both;
 content:".";
 display:block;
 height:0;
 visibility:hidden;}
.fleft {float:left;}
.fright {float:right;}
/*===============================>H-logo-properties=========================*/
h1{
	display:block;
	overflow:hidden;

	}
	.logo{
		margin:0 auto;
		padding:131px 0 49px 9px ;
		}
	.logo-1{
		margin:0 auto;
		padding:131px 0 27px 9px ;
		}
	.splash-logo{
		margin:0 auto;
		padding:10px 0 15px 0 ;
		}
	h1 span{
		display:block;
		text-indent:-1000px;
		}
h1 a{display:inline-block;}
h2{ font-size:18px; 
	font-family: 'Open Sans', sans-serif;
	color:#434648; 
	line-height:24px;
	font-weight: normal;
	}
	.link{
		display:inline-block;
		font-family: 'Open Sans', sans-serif;
		font-weight:900;
		color:#434648;
		text-transform:uppercase;
		}
	.link:hover{}
	.link:hover span{background-position:0 bottom;}
	.link span{
		display:inline-block;
		background: url(../images/link-span.png) 0 0 no-repeat;
		width:20px;
		height:20px;
		margin:2px 0 0 4px;
		}
/*********************************header*************************************/
.head{
	width:100%;  
	position:relative; 
	z-index:2;
	}
	.topmost{
		background: url(../images/inner.jpg) 0 bottom repeat-x;
		padding-bottom:6px;
		}
	.inner{
		background: url(../images/topmost.jpg) 0 0 repeat-x #e0e0e0;
		padding-bottom:10px;
		}
	.home{
		float:left;
		display:inline-block;
		padding:23px 0 0 0;
		}
	.home a{
		background: url(../images/house.png) 0 0 no-repeat;
		display:inline-block;
		width:17px;
		height:17px;
		}
	.home a:hover{background-position: right 0;}
	.login{
		font-size:11px;
		overflow:hidden;
		float:right;
		padding:20px 11px 0 0;
		font-weight:bold;
		color:#777777;
		}
	.login img{margin:0 8px 0 10px;}
	.login>a{
		color:#777777;
		}
	.login>a:hover{
		color:#6289bb;
		}
	.list-icons{
		display:inline-block;
		margin:0 0 0 9px;
		}
	.list-icons li{
		display:inline-block;
		float:left;
		padding:2px 0 0 5px;
		}
	.list-icons li a{
		display:inline-block;
		width:16px;
		height:16px;
		}
	.list-icons li a:hover{background-position:0 bottom !important;}
	#icon{background: url(../images/icon.png) 0 0 no-repeat;}
	#icon-1{background: url(../images/icon-1.png) 0 0 no-repeat;}
	#icon-2{background: url(../images/icon-2.png) 0 0 no-repeat;}
	#icon-3{background: url(../images/icon-3.png) 0 0 no-repeat;}
	#icon-4{background: url(../images/icon-4.png) 0 0 no-repeat;}
header{
	width: 940px; 
	margin: 0 auto;
	position:relative;
	}
/*=================================splash=====================================*/
	
/*********************************content*************************************/
#content{
	width:100%; 
	margin:0;
    position:relative; 
	z-index:2;
	}


#map_canvas{
	width: 500px; 
	height: 389px;
	}
.adress{
	margin-top: 20px;
	font-size: 12px; 
	padding-left:10px;
	} 
.adress dd{text-align:left;}
.adress a{ 
    color:#72b095 ; 
	display:inline-block;
	font-size: 12px;
	margin-left: 2px; 
	}
.adress a:hover{
	color:#000 ; 
	text-decoration:underline;
	}
		.adress span{
			display:inline-block; 
			width:71px;
			}
		.adress strong{
			display:inline-block;
			font-weight:normal;
			}
		.title1{
			letter-spacing:0; 
			font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
			text-align:left; 
			font-size: 12px;
			margin: 20px 0 0 0; 
			display:inline-block; 
			font-weight: bold; 
			color:#424547 ;
			}
.pp{
	display:inline-block; 
	color:#72b095 ; 
	}
.pp:hover{
	color:#000 ; 
	text-decoration:underline;
	}
.list li{
	font-size:12px;
	line-height:16px;
	padding:7px 0 7px 13px;
	display:block;
	background: url(../images/bg-list-li.png) 0 11px no-repeat;
	font-weight:bold;
	}
.list li a{color:#a3a3a3;}
.list li a:hover{
	color:#dbd7a9;
	text-decoration:underline;
	}
/**********************************index***********************************/

/**********************************index-1*********************************/

/**********************************index-2*********************************/
.main-shadow{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.main-shadow:before, .main-shadow:after {
    bottom: 15px;
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    content: "";
    height: 15%;
    left: 12px;
    position: absolute;
	-webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 50%;
    z-index: -2;
}
.main-shadow:before, .main-shadow:after {
    bottom: 15px;
	-webkit-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 13px rgba(0, 0, 0, 0.7);
    content: "";
    height: 15%;
    left: 12px;
    position: absolute;
	-webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 50%;
    z-index: -2;
}
 .main-shadow:after {
    left: auto;
    right: 12px;
	-webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
.big-banner{
	background: url(../images/banner.jpg) 0 0 no-repeat;
	width:940px;
	height:298px;
	position:relative;
	margin-bottom:69px;
	}
.big-banner{box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);}
.big-banner:before, .big-banner:after {
    bottom:25px;
	-webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 10px rgba(0, 0, 0, 0.7);
    content: "";
    height: 15%;
    left: 12px;
    position: absolute;
	-webkit-transform: rotate(-3deg);
    transform: rotate(-3deg);
    width: 50%;
    z-index: -2;
}
.big-banner:before, .big-banner:after {
    bottom: 25px;
	-webkit-box-shadow: 0 15px 13px rgba(0, 0, 0, 0.7);
    box-shadow: 0 15px 13px rgba(0, 0, 0, 0.7);
    content: "";
    height: 15%;
    left: 12px;
    position: absolute;
	-webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
    width: 50%;
    z-index: -2;
}
 .big-banner:after {
    left: auto;
    right: 12px;
	-webkit-transform: rotate(5deg);
    transform: rotate(5deg);
}
	.inner-1{padding:77px 0 0 64px;}
	.inner-1 span{
		display:block;
		font-size:51px;
		font-family: 'Open Sans', sans-serif;
		line-height:62px;
		
		text-shadow:1px 1px #a4c9cd;
		text-transform:uppercase;
		font-weight:600;
		width:260px;
		}
		.inner-1 span a{color:#fff;}
		.inner-1 span a:hover{color:#000;}
		.inner-1 span a:hover span{color:#000;}
		.inner-1>span{
			padding:10px 0 0 0;
			letter-spacing:-2px;
			}
		.inner-1>span img{margin:10px 0 0 0;}
		.inner-1 span span{
			display:block;
			font-size:36px;
			line-height:44px;
			margin:-16px 0 0 0;
			}
	   .inner-1 strong{
		   font-size:12px;
		   line-height:16px;
		   font-weight:800;
		   text-transform:uppercase;
		   color:#1c4c4f;
		   text-shadow:1px 1px #ffffff;
		   padding:6px 0 0 0;
		   display:block;
		   }
.block{
	background-color:#FFF;
	border-radius: 2px;}
	.block img{border-bottom:5px solid #f2f2f2;}
	.inner-2{
		padding:29px 31px 38px 31px;
		}
	.inner-2 h2{margin-bottom:22px;}
	.inner-2 .link{margin:-6px 0 0 0;}
/**********************************index-3*********************************/
.video{
	width:940px;
	padding-bottom:32px;
	}
#loopedSlider{padding-bottom:32px;}
.main-container{background-color:#FFF;}
.container { 
	overflow:hidden;
	position:relative; 
	cursor:pointer; 
	}
.slides {
	position:absolute;
	top:0; 
	left:0;
	}
.slides>div {
	position:absolute;
	top:0;
	width:620px;
	height:508px;
	display:none;
	}


#loopedSlider,#newsSlider {position:relative; clear:both; }
ul.pagination {}
ul.pagination li  {
	background: url(../images/bg-figure.jpg) 0 0 repeat-x #f6f4f0;
	border:1px solid #e1dfdb;
	padding:4px;
	margin-bottom:11px;
	overflow:hidden;
	}
	ul.pagination li{}
	ul.pagination li h2{
		font-size:16px;
		letter-spacing:-1px;
		margin:16px 0 8px 0;
		}
ul.pagination li a {
	display:block;
	float:left;
	margin:0 15px 0 0;
	}
ul.pagination li.active a {}

/**********************************index-4*********************************/
.bord-top{
	height:5px;
	background: url(../images/bg-bord.jpg) 0 0 repeat-x;
	margin-bottom:68px;
	}
/**********************************index-5*********************************/

/**********************************index-6*********************************/

/**********************************contact-form****************************/
#form1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif  ;
	font-size: 12px;
	color:#a3a3a3 ;
	padding-top: 2px;
	}
#form1 input {
	color:#a3a3a3 ; 
	padding:9px 11px 8px 11px;
	outline:none;
	background:#efefef ;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	line-height:20px;
	height: 20px; 
	width: 278px; 
	float:left;   
	position:relative;  
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
	}
#form1 textarea {
	overflow:auto; 
	width: 358px; 
	height: 310px ;
	resize:none; 
	float:left;
	color:#a3a3a3 ; 
	padding: 9px 11px 8px  11px;
	background:#efefef ;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 12px;
	line-height:20px; 
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.5);
    }	
.div-label{
	min-height: 50px;
	float:left;
	position:relative;
	}
#form1 label{
	display: inline-block; 
	position:relative;
	}
#form1 label .feed_name{
	display:block; 
	float:left;
	}	
#form1 label.message {
	display:block; 
	padding-bottom:0;
	}	
#form1 label span{
	display:block; 
	margin: 0px 0 6px 3px; 
	float:left; 
	width:160px;
	}
#form1 .error, #form1 .empty, #form1 .success {
	display:none; 
	text-align:left; 
	color:#72b095;
	margin-bottom:4px;
	}	
#form1 .error, #form1 .empty {
	text-align:left; 
	color:#ff0e0e; 
	font-size:10px;
	float:left; 
	line-height:12px;
	padding-top:3px;
	width:160px;
	display:none;
	}
#form1 .message .empty{
	position: static; 
	margin:5px 0 5px 5px; 
	text-align:left;
	}
#form1 .buttons2{
	position:relative;
	padding:22px 0 0 0;
	}
#form1 .buttons2 .link{
	float:right;
	margin-left:27px;
	}
.error-empty {
	margin: 0 0 10px 5px !important; 
	display:none; 
	float:left !important;
	width:160px; 
	word-spacing:-1px;
	}
/****************************footer************************/
.div-footer{
	height:55px;
	position:relative;
	z-index:1;
	}
footer{ 
    margin:-55px 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color:#5d5754;
	background: url(../images/bg-footer.jpg) 0 0 repeat-x #373230; 
	text-indent:0;
	font-weight:bold;
	border-bottom:1px solid #2d2a28;
	height:54px;
	position:relative;
	z-index:2;
	}
footer .grid_8 a{color:#bebbb9;}
footer .grid_8 a:hover{color:#54b78c;}
.main-footer{
	padding-top: 22px; 
	}
	.main-footer p{
		padding-bottom:0;
		color:#bebbb9;}
	.soc{
		text-align:right;
		color:#929291;
		}
	.soc a{
		color:#929291;
		display:inline-block;
		margin:0 0 0 5px;
		}
	.soc a:hover{color:#54b78c;}
/****************round about*****************/
/******************* carousel ***************/
.div-carousel{
	position:relative;
	height:320px;
	margin-bottom:19px;
	}
.crsl{
	width:100%;
	height:317px;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;
}

.crsl>a{
	width:29px;
	height:55px;
	position:absolute;
	z-index:3;
	left:50%;
	top:134px;
}

.crsl>a.crsl-prev{
	background:url(../images/prev.png);
	margin-left:-254px;
}
.crsl>a.crsl-prev:hover{background-position:0 bottom;}
.crsl>a.crsl-next{
	background:url(../images/next.png);
	margin-left:235px;
}
.crsl>a.crsl-next:hover{background-position:0 bottom;}

.crsl ul{
	position:relative;
	position:absolute;
	top:20px;
	left:50%;
	z-index:1;
}

.crsl li{
	width:400px;
	height:277px;
	float:left;
	position:relative;
}

.crsl li img{
	position:absolute;
	width:100%;
}

.crsl .pic{
	width:460px;
	height:317px;
	position:absolute;
	overflow:hidden;
	left:50%;
	top:0px;
	margin-left:-230px;
	z-index:5;
	border-left:5px rgba(0,0,0,.05) solid;
	border-right:5px rgba(0,0,0,.05) solid;	
}

.crsl .pic img{
	position:absolute;
	left:0%;
	top:0;
	z-index:1;
}

/******************* carousel ***************/
.carousel-box-1 {
	position:relative;
	padding:10px 0 0 0;
	}
.carousel-1{width:300px;overflow:hidden;}
.carousel-1 ul li {width:300px;margin-right:20px;}
#next-1,
#prev-1{
	display:block;
	position:absolute;
	width:20px;
	height:20px;
	top:-36px;
	z-index:1000;
	}
#next-1{
	background: url(../images/next-1.png) 0 0 no-repeat;
	right:-2px;
	}
#prev-1{background: url(../images/prev-1.png) 0 0 no-repeat;
	right:22px;
	} 

#next-1:hover {background-position:0 bottom;}
#prev-1:hover {background-position:0 bottom;}
	
	
/*
|--------------------------------------------------------------------------
| UItoTop jQuery Plugin 1.1
| http://www.mattvarone.com/web-design/uitotop-jquery-plugin/
|--------------------------------------------------------------------------
*/
#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	right:50%;
	bottom:58px;
	overflow:hidden;
	width: 52px;
	height: 52px;
	border:none;
	text-indent:-999px;
	z-index:20;
	background: url(../images/top.png) no-repeat 0 0 ;
}
#toTop:hover{background-position:0 bottom;}



.top-line {
    float: right;
    color: black;
    margin-top: 20px;
    text-align: right;
}
.phone {
    font-size: 20px;
}

.photo {
    display: inline-block;
    margin: 15px;
    border: 5px solid #CCC;
}

.gallery {
    width: 960px;
    margin-left: -5px;
}