/* 1. Global Reset
-----------------------------------------------------------------------------------------------
===============================================================================================*/

	html,
	body,
	div,
	span,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	cite,
	code,
	em,
	font,
	strong,
	sub,
	sup,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	table,
	tr,
	th,
	td {
		margin: 0;
		padding: 0;
		outline: 0;
		border: 0;
		vertical-align: baseline;
		font-weight: inherit;
		font-style: inherit;
		font-size: 100%;
		font-family: inherit;
		}

	img {
		border: 0;
		-ms-interpolation-mode: bicubic;
		}

	table {
		border-collapse: collapse;
		border-spacing: 0;
		}
	td,
	th {
		vertical-align: middle;
		text-align: left;
		}

	form {
		margin: 0;
		}
	textarea,
	input,
	select,
	button {
		margin: 0;
		}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-family: Arial;
		}

	header,
	nav,
	section,
	article,
	aside,
	footer,
	figure,
	figcaption {
		display: block;
		padding: 0;
		margin: 0;
		}

/* 2.Elements
-----------------------------------------------------------------------------------------------
===============================================================================================*/

html {
	height: 100%;
}

body {
	background: #e4dcc4;
	text-align: center;
	font-size: 16px;
	font-family: Times New Roman,Lucida Sans, Arial, Helvetica, serif;
}
header {
	position: relative;
	float: left;	
	width: 800px;
	height: 230px;
	margin-top: 30px;
	padding-left: 200px;		
}

aside {
	float: left;
	width: 205px;
	height: 680px;
	margin-top: 10px;
}
article {
	float: left;
	width: 780px;
	text-align: left;
	color: #555;
}

footer {
	float: left;
	margin-left: 50px;		
	text-align: left;
	margin-top: 50px;
	color: #555;
}
p {
	padding-top: 18px;
	padding-left: 30px;
	padding-right: 10px;
	font-size: 1em;	
	color: #555;	
}
a {
	color: #8a6f30;

}
a:visited {
	color: #9a9a9a;
}
.site {
	position: relative;	
	width: 1000px;
	height:700px;
	background: url(/img/bg.jpg);
	margin: auto;
	border: 1px solid #8a6f30;
}
/*
.logo {
	font-family: 'Marck Script', cursive;
	font-size: 60px;
	color: #8a6f30;
	text-align: left;
}
*/
.name {
	width: 480px;
	height: 58px;
	padding-top: 20px;
	background: no-repeat url(/img/name.png) ;
}
.gr_line {
	background: #186416; 
    background: linear-gradient(to right, #186416, #fff);
    width: 450px;
    height: 2px;
}
.en_name {
	margin-left: 415px;
	margin-top: -11px;
	width: 250px;
	color: #9a9a9a;    
}

.subtitle {
	font-size: 1.1em;
	padding: 5px;
	color:#5a4c2f;
	text-align: left;	
}
.menu {
	width: 380px;
	height:70px;
	text-align: right;	
	margin: 0 auto;
	padding: 30px 0 0 20px ;
	float: left;
}

.menu ul {
	list-style: none;
}

.menu li {
	float: left;
	width: auto;
	height: 35px;
 	padding: 2px 2px 2px 2px;
 	font-size: 1.8em;
	color: #8a6f30;
	cursor: pointer;    	
}
li.act {
	text-decoration: none; border-bottom:1px dotted;
}
.pen {
	float: left;
	width: 80px;
	height: 65px;
	background: no-repeat url(/img/pen.png);
 	padding: 2px 20px 2px 2px;
 	font-size: 1.6em;
	color: #8a6f30;    
}
.pen:first-letter {
	 font-size: 2em;
}
.contact {
	padding: 30px 0 0 0 ;
	float: left;
}
.phone {	
	position: relative;
	background: no-repeat url(/img/phn.png) right;
	width:200px;	
	text-align: left;
}

.phone::before {
	font-weight:bold;
	font-size: 0.96em;	
	content: 'Телефон:';
	text-align: left;	
	color:#5a4c2f;
}
.email {	
	position: relative;
	width:282px;	
	background: no-repeat url(/img/eml.png) right;
	text-align: left;
}
.email::before {
	font-weight:bold;
	font-size: 0.96em;	
	content: 'E-mail:';
	text-align: left;	
	color:#5a4c2f;
}

p.feedback {
	font-size: 95%;	
}

p.rev {
	color: #8a6f30;
	padding-bottom: 15px;
	font-size: 90%;
}

.photo {
	width: 187px;
	height:300px;
	float: left;
	background: no-repeat url(/img/foto.png);		
	margin-left: 17px;
	margin-top: -130px;
}