html {height: 100%;}
* html body {height: 100%;}
@font-face {
	font-family: 'PFDinTextCompPro';
	src: url('../fonts/PFDinTextCompPro-Regular.eot');
	src: local('☺'), url('../fonts/PFDinTextCompPro-Regular.woff') format('woff'), url('../fonts/PFDinTextCompPro-Regular.ttf') format('truetype'), url('../fonts/PFDinTextCompPro-Regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'PFDinTextCompPro-Light';
	src: url('../fonts/PFDinTextCompPro-Light.eot');
	src: local('☺'), url('../fonts/PFDinTextCompPro-Light.woff') format('woff'), url('../fonts/PFDinTextCompPro-Light.ttf') format('truetype'), url('../fonts/PFDinTextCompPro-Light.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
body {
	line-height: 1;
	min-height: 100%;
	position: relative;
	background-color:#b7dbf6;
	font: 100%/120% Arial, sans-serif;
	color: white;
}

h1,h2,h3,h4,h4,h5,h6 {font-family: "PFDinTextCompPro-Light";line-height: 100%;}
.fl {float: left;}
.fr {float: right !important;}
a, div.top-contacts em {color: white;}
a:hover {text-decoration: none;}
.view-block {display: block;}
.clear {clear: both;}
sup {font-size: 75%; }
.visible {visibility:visible !important;height: 350px !important; }
.header {font: 200%/100% 'PFDinTextCompPro-Light';}
.blue-mark {color: #4b9cdd;}
.orange-mark {color: #F60;}


/* Header
-----------------------------------------------------------------------------*/
header {background: url(../img/header.jpg) no-repeat;height: 243px;width: 1600px;margin: 0 auto;}
header a.logo {float: right;margin: 0 40px;}
/* Middle
-----------------------------------------------------------------------------*/
div.container {background:url(../img/main-content-bg.jpg);overflow: hidden;width: 1600px;margin: 0 auto;}
div.main-block {padding:0 20px;float: left;width: 1224px;}

div.content-bg-top {width: 1224px;height: 10px;background: url(../img/content-top.png) no-repeat;}
div.content-bg-bottom {width: 1224px;height: 10px;background: url(../img/content-bottom.png) no-repeat;}
/*div.content-bg-top, div.content-bg-bottom, div.content, div.footer-bg-top, footer {margin-left: 310px;}*/

div.content {background: url(../img/content-middle.png) repeat-y;padding: 20px 60px;overflow: hidden;}

div.content div.slogan {overflow: hidden;float: left;width: 530px}
div.content div.slogan img, div.content div.slogan p, div.content div.slogan h1 {float: left;}
div.content div.slogan img {margin-right: 20px;}
div.content div.slogan p, div.content div.slogan h1 {width: 200px;margin: 0;font-size: 80%;}
div.content div.slogan h1 {font-size: 110%;}
div.content div.top-contacts {float: right;font-size: 80%;}
div.content div.top-contacts a {text-decoration: none;color: white;}
div.content div.top-contacts a.phone {font-size: 350%;font-family: "PFDinTextCompPro";line-height: 100%;}

div.content div.offers {overflow: hidden;margin-top: 30px;min-width: 800px;}
div.content div.offers div.offer {float: left;width: 50%;min-width: 400px;}
div.content div.offers div.offer img {float: left;margin-right: 10px;border: 10px solid #8197a8;max-width: 200px;width: 30%;}
div.content div.offers div.offer div.text {width: 250px;margin-left: 50px;float: left;}
div.content div.offers div.offer h2 {margin-top: 10px;font-family: "PFDinTextCompPro-Light";}
div.content div.offers div.offer p {font-size: 90%;width: 100%; float: none;margin: 0;}
div.content a {color: #4b9cdd;}

div.content div.fixed-content {max-height: 800px;width: 1124px;overflow: auto;margin-top: 20px;}
div.content div.main-content {overflow: hidden;}
div.content div.aerostats img {margin-left: 65px;}
div.content div.aerostats img:first-child {margin-left: 0;}
div.content div.main-content h1 {line-height: 120%;font-size: 160%;}

div.content div.text {overflow: hidden;}
div.content div.text p {width: 40%;float: left;font-size: 90%;margin: 20px 110px 0 0;}

/* Sidebar Left
-----------------------------------------------------------------------------*/
aside {background: url(../img/sidebar-bg.jpg);margin-bottom:-10000px;float: left; width: 270px;padding:0 20px 10000px;}
aside div.menu-bg-top {width: 270px;height: 12px;background: url(../img/menu-top.png)no-repeat;}
aside div.menu-bg-bottom {width: 270px;height: 11px;background: url(../img/menu-bottom.png)no-repeat;}
aside ul {background: url(../img/menu-middle.png) repeat-y;padding: 20px;list-style: none;margin: 0;}
aside ul li {border-top: 1px solid #545f41; border-bottom: 1px solid #111d07;padding: 12px 0}
aside ul li:first-child {border-top: none;}
aside ul li.last {border-bottom: none;}
aside ul li a {text-decoration: none;font-family: "PFDinTextCompPro-Light";font-size: 150%}
aside ul li a:hover, aside ul li a.active {text-decoration: underline;}

aside div.banner {margin-top: 20px;}

/* Footer
-----------------------------------------------------------------------------*/
div.footer-bg-top {width: 1224px;height: 10px;background: url(../img/footer-top.png) no-repeat;margin-top: 20px;}
footer {background: url(../img/footer-middle.png) repeat-y;overflow: hidden;padding: 20px;}
footer .fl, footer .fr {width: 25%;font-size: 80%;}
footer .fl p {margin: 0;}
footer .fl a {display: block;text-decoration: none;}
footer .fl a:hover {text-decoration: underline;}