/* Версия от 17.04.2007 */
body { margin: 0; padding: 0; }
div.spacer { clear: both; }

/* Hat */
div.hat-container { background: url('main.hat.bg.gif') repeat-x top left; position: relative; }
div.hat-container div.hat-layer-1 { background: url('main.hat.phone.2.gif') no-repeat top right; }
div.hat-container div.hat-layer-2 { width: 100%; height: 417px; background: url('main.hat.display.gif') no-repeat top left; }
div.hat-container div.layer-0 { position: absolute; background: url('main.logo.gif') no-repeat top left; margin-left: 20%; margin-top: 155px; width: 59%; height: 158px; }
div.hat-container div.layer-1 { position: absolute; background: url('main.hat.plane.jpg') no-repeat top left; margin-left: 40%; margin-top: 183px; width: 59%; height: 158px; }
div.hat-container div.layer-2 { position: absolute; background: url('main.hat.boxs-1.gif') no-repeat top left; margin-left: 75%; margin-top: 312px; width: 24%; height: 37px; }
div.hat-container div.layer-3 { position: absolute; background: url('main.hat.boxs-2.gif') no-repeat top left; margin-left: 86%; margin-top: 249px; width: 13%; height: 115px; }
div.hat-container div.layer-4 { position: absolute; background: url('main.hat.boxs-3.gif') no-repeat top left; margin-left: 92%; margin-top: 220px; width: 8%; height: 167px; }
div.hat-container div.layer-5 { position: absolute; background: url('main.hat.tr-1.gif') no-repeat top left; margin-left: 8%; margin-top: 307px; width: 91%; height: 33px; }
div.hat-container div.layer-6 { position: absolute; background: url('main.hat.tr-2.gif') no-repeat top left; margin-left: 21%; margin-top: 307px; width: 78%; height: 33px; }
div.hat-container div.layer-7 { position: absolute; background: url('main.hat.boxs-4.gif') no-repeat top left; margin-left: 35%; margin-top: 320px; width: 64%; height: 20px; }
div.hat-container div.layer-8 { position: absolute; background: url('main.hat.1.bg.gif') no-repeat top left; margin-left: 25%; margin-top: 363px; width: 70%; height: 50px; }
div.hat-container div.layer-order { float: right; margin-top: 96px; width: 334px; height: 20px;  }
div.hat-container div.layer-home { position: absolute; float: right; margin-left: 32%; margin-top: 13px; width: 50%; height: 20px;  }
div.hat-container div.layer-home img { border: 0px none; }
div.hat-container div.layer-home a { margin-right: 20%; }

/* Main menu */
div.main-menu-container { background: #369CD6 url('main.main-menu.bg.gif') repeat-x bottom left; text-align: center; border-top: 1px solid #369CD6; }
div.main-menu-container div.main-menu-left { width: 100%; background: url('main.main-menu.left.bg.gif') no-repeat bottom left; }
div.main-menu-container div.main-menu-right { width: 100%; background: url('main.main-menu.left.bg.gif') no-repeat bottom right; padding: 10px 0 15px 0; }
div.main-menu-container ul.main-menu { margin: 0; padding: 0; }
div.main-menu-container ul.main-menu li { display: inline; padding: 0 27px 0 27px; }

/* Content box top */
div.content-container { background: #FFFFFF url('main.content.bg.gif') repeat-x top left; }
div.content-container div.left-container-1 { width: 38%; float: left; padding: 45px 1% 0 15%; background: url('main.content.left.1.bg.gif') no-repeat 10% 93px; }
div.content-container div.left-container-2 { width: 38%; float: left; padding: 45px 1% 0 15%; background: url('main.content.left.2.bg.gif') no-repeat 8% 93px; }
div.content-container div.left, div.content-container div.right { background: #FFFFFF url('main.content.1.bg.gif') repeat-x top left; border-left: 1px solid #B3C5D7; padding: 20px 10px 40px 20px; }

div.content-container div.right-container-1 { width: 29%; float: right; padding: 45px 1% 0 15%; background: url('main.content.right.1.bg.gif') no-repeat 4% 138px; }
div.content-container div.right-container-2 { width: 29%; float: right; padding: 45px 1% 0 15%; background: url('main.content.right.2.bg.gif') no-repeat 20% 138px; }

div.footer-container { background: #FFFFFF url('main.footer.bg.gif') repeat-x bottom left; }
div.footer-container div.footer-left { background: url('main.footer.left.bg.gif') no-repeat bottom left; }
div.footer-container div.footer-right { background: url('main.footer.right.bg.gif') no-repeat bottom right; padding: 0 0 14px 17%; }
div.footer-container div.footer-right hr { width: 85%; height: 1px; color: #2A6BAE; margin-right: 10%; margin-bottom: 10px; }

div.hat-container, div.main-menu-container, div.content-container { min-width: 1000px; }