@import 'grid.css';
*{padding:0; margin:0;}
body{
	font-family: 'Open Sans', Arial sans-serif;
	font-size: 14px;
	color: #333;
	position: relative;
	height: 100%;
	background: #ebebeb url(../img/pattern_home.jpg);
}
h1,h2,h3{
	font-weight: normal;
	color: #5b7876;
}
h1,h2{font-size: 30px; line-height: 30px}
header, section, nav, #home{
	position: relative;
	display: block;
	width: 100%;
}
p{line-height: 24px; margin-top: 20px}
a{border: 0; color: #333}
input, textarea{font-family: "Open Sans", Arial; font-size: 14px}
input:focus, textarea:focus{outline:none}
ul{display: block; list-style: none}
header{
	height: 300px;
	position: fixed;
	top: 0;
	left: 0;
}
nav{
	height: 300px;
	z-index: 200;
	position: fixed;
	top: 0;
	left: 0;
	background: url(../img/top.png) 50% 100%;
	-moz-transition: height 0.5s;
	-webkit-transition: height 0.5s;
	-o-transition: height 0.5s;
	transition: height 0.5s;
}
nav.min{height: 166px}
nav .wrapper{
	height: 96px;
	position: absolute;
	bottom: 102px;
	left: 50%;
	margin-left: -480px;
	z-index: 2;
	-moz-transition: padding 0.3s, bottom 0.3s;
	-webkit-transition: padding 0.3s, bottom 0.3s;
	-o-transition: padding 0.3s, bottom 0.3s;
	transition: padding 0.3s, bottom 0.3s;
}
nav.min .wrapper{padding: 20px 0; bottom: 30px;}
nav .wrapper h1{
	display: block;
	width: 298px;
	height: 96px;
	text-indent: -9999px;
	background: url(../img/logo.png);
}
nav .wrapper ul{
	float: right;
	position: relative;
	line-height: 24px;
	padding: 15px 0;
	margin: 22px 0;
}
nav .wrapper ul:before, nav .wrapper ul:after{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .1;
	background-color: #f2f2f2;
	background-image: -webkit-linear-gradient(left, #cfbd94, #d1d0d2 50%, #dbc79a);
	background-image: -moz-linear-gradient(left, #cfbd94, #d1d0d2 50%, #dbc79a);
	background-image: -o-linear-gradient(left, #cfbd94, #d1d0d2 50%, #dbc79a);
	background-image: linear-gradient(to right, #cfbd94, #d1d0d2 50%, #dbc79a);
}
nav .wrapper ul:after{top: auto; bottom: 0;}
nav .wrapper ul li{
	float: left;
	margin: 0 75px 0 10px;
}
nav .wrapper ul li:last-child{margin-right: 10px}
nav .wrapper ul li a{
	text-decoration: none;
	color: #a7b596;
	font-size: 21px;
}
nav .wrapper ul li a.act{color: #f2f2f2}
.c{width: 100%; height: 100%; display: table; vertical-align: middle}
.c_in{width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center}
section{z-index: 25}
section h2{
	position: relative;
	display: inline-block;
	padding-bottom: 21px;
}
section h2:before{
	content: "";
	position: absolute;
	width: 80px;
	height: 1px;
	background: rgba(143,158,139,.3);
	bottom: 0;
	left: 0;
}
section h2.center:before{
	left: 50%;
	margin-left: -40px;
}
.sectionBorder{
	width: 100%;
	height: 88px;
	position: absolute;
	left: 0;
	top: -88px;
	background-position: 50% 0;
}
#home{height: 300px}
#home_c{
	background: #ebebeb url(../img/pattern_home.jpg);
	text-align: center;
	min-height: 330px;
}
section .wrapper{margin-top: -45px}
#about .wrapper, #contacts .wrapper{text-align: left}
#about{background: #ebebeb url(../img/pattern_about.jpg); min-height: 780px; padding-top: 166px}
#about .sectionBorder{background-image: url(../img/sb_about.png);}
#about h1{margin-top: 65px; text-align: center}
#about h3{font-size: 24px}
#about ul{
	margin-top: 30px;
	padding-top: 80px;
	background: url(../img/wwd.png) no-repeat 50% 0;
}
#contacts{background: #ebebeb url(../img/pattern_contacts.jpg);  min-height: 580px; padding-top: 166px}
#contacts .sectionBorder{background-image: url(../img/sb_contacts.png);}
#contacts form{width: 380px; margin-top: 20px}
#contacts form label{
	width: 100%;
	float: left;
	color: #333;
}
#contacts form>div{
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
#contacts input[type="text"], #contacts input[type="email"], #contacts textarea{
	width: 360px;
	background: #f2f2f2;
	padding: 9px;
	color: #333;
	border: 1px solid #f2f2f2;
	margin-top: 5px;
}
#contacts input[type="text"].error, #contacts input[type="email"].error, #contacts textarea.error{border-color: #fe9595}
#contacts input[type="text"], #contacts input[type="email"]{
	line-height: 20px;
	height: 20px;
}
#contacts textarea{
	line-height: 16px;
	height: 90px;
	resize: none;
}
.ok{
	float: left;
	line-height: 20px;
	width: 200px;
	display: none;
}
#contacts input[type="submit"]{
	height: 40px;
	border: 0;
	color: #f2f2f2;
	background: #8f9e8b;
	float: right;
	padding: 0 20px;
	cursor: pointer;
}