@charset "utf-8";
/* 
    Project: Kravets
    Author: http://mr-woodman.ru 
*/

/* Zero-ing */
* { margin: 0; padding: 0; }
a img { border: 0; }
ul, ol, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-style: normal; }


/* Layout */
html { width: 100%; }
body { 
	width: 100%; min-width: 57em; height: 100%;
	background-color: #f0f0f0;
	margin: 0 auto;
	font: 14px/1.5em "Open Sans", Helvetica, sans-serif;
	font-weight: normal;
	color: #444444;
}

.page { 
	position: relative;
	width: 100%; max-width: 57em; min-width: 57em;
	min-height: 600px;
	margin: 0 auto;
}

/* Common */
a { color: #2e5a6b; }
a:hover { text-decoration: none; }
.icon { 
	height: 1em; 
	position: relative; 
	display: inline-block; *display: inline; *zoom: 1; vertical-align: middle;
	margin-right: 0.25em;
}
.icon.more { height: 0.75em; }

/* 
	------
	Header
	------
*/

/* Top */
#top {
	padding-left: 12em;
	padding-top: 1.5em; margin-bottom: 0.5em;
	
}
/* Top phone */
#top .phone { 
	font-weight: 300; 
	font-size: 0.875em;  
}

/* Site title */
#site-title {
	position: relative;
	padding: 1.5em 0 0 12em;
	height: 5.5em;
	background: rgb(40,103,129); /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI4Njc4MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzMxN2Y5ZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyODY3ODEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(left,  rgb(40,103,129) 0%, rgb(49,127,158) 50%, rgb(40,103,129) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgb(40,103,129)), color-stop(50%,rgb(49,127,158)), color-stop(100%,rgb(40,103,129))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgb(40,103,129) 0%,rgb(49,127,158) 50%,rgb(40,103,129) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgb(40,103,129) 0%,rgb(49,127,158) 50%,rgb(40,103,129) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgb(40,103,129) 0%,rgb(49,127,158) 50%,rgb(40,103,129) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgb(40,103,129) 0%,rgb(49,127,158) 50%,rgb(40,103,129) 100%); /* W3C */
	text-transform: uppercase;
	text-shadow: 1px 1px 2px rgba(30, 30, 30, 0.7);
}
#site-title a { text-decoration: none; }
#site-title h3 {
	color: #f0f0f0; font-weight: 300;
	font-size: 1.75em; line-height: 1.5em;	
}
#site-title h3 a { color: #f0f0f0; }
#site-title h3 strong { font-size: 1.1em; font-weight: 300; }
#site-title p { color: #b2dcee; font-size: 1em; line-height: 1.5em; }
#site-title p a { color: #b2dcee; }

/* Avatar */
#avatar {
	position: absolute; left: 1.5em; bottom: -4em;
	height: 13.07em;
	display: block;
}

/*
	---------
	Site menu
	---------
*/

#site-menu { 
	list-style: none;
	padding-left: 12em; padding-top: 0.25em;
	background-color: #c4d1d6;
}
#site-menu li {
	list-style: none;
	text-transform: uppercase;	
	display: inline-block; *display: inline; *zoom: 1;
	margin-right: 1em;
}
#site-menu li a {
	display: block; height: 100%;
	border-bottom: solid 0.25em #c4d1d6;
	font-size: 0.875em; line-height: 2em;
	text-decoration: none;
}
#site-menu li.current a,
#site-menu li a:hover  {
	border-color: #9eaeb4;
	color: #393c3d;
}

/*
	------
	Footer
	------
*/

#footer {
	margin-left: 12em; width: 45em;
	padding: 1.5em 0 1.5em 0;
	border-top: solid #b8b8b8 0.15em;
	position: absolute; bottom: 0; left: 0;
}
#copyrights { 
	font-size: 0.875em; line-height: 1.71em;
}
#footer a { color: #444;}

/*
	-------
	Content
	-------
*/

#content {
	padding: 3.75em 3em 10.5em 12em;
}
#content h1 {
	font-size: 2em; line-height: 1.5em;
	margin-bottom: 0.75em;
}
#content h2 {
	font-size: 1.5em; line-height: 1.5em;
	margin-bottom: 0.75em;
}
#content p { margin-bottom: 1.5em; }
#content img.illustration { margin-bottom: 0.75em; }
#content img.wide { width: 100%; }
#content img.float-left { 
	width: 17em;
	display: block; float: left; 
	margin-right: 1.5em; 
}
#content img.float-right { 
	width: 17em;
	display: block; float: right; 
	margin-left: 1.5em; 	
}
#content img.float-center { 
	width: 42em;
	display: block; float: none; 
}
#content ul { margin-left: 2em; margin-bottom: 1.5em; }
#content ul li { list-style: disc; }
#content ol { margin-left: 2em; margin-bottom: 1.5em; }
#content ol li { list-style: decimal; }

@media screen and (max-width: 1600px) {
	body { font-size: 16px; line-height: 1.5; }
}

@media screen and (max-width: 1200px) {
	body { font-size: 14px; line-height: 1.5; }
}

@media screen and (max-width: 800px) {
	body { font-size: 12px; line-height: 1.5; }
}