html, body {width: 100%; height: auto; overflow-x: auto; overflow-y: auto; min-width: 900px;}
body {background: url(../images/bg-main.gif) repeat; padding: 0px; margin: 0px;}
#layout{background: url(../images/bg-line.png) repeat-x; width: 100%; height: auto; overflow: hidden; z-index: 2; behavior: url("../css/iepngfix.htc")}
/*.fixed {background: url(../images/bg-line.png) repeat-x; width: 100%; height: 800px; position: absolute; z-index: 1; top: 0px; left: 0px; behavior: url("/css/iepngfix.htc")}*/

/* reset */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}
table {border-collapse: separate; border-spacing:0;}
caption, th, td, p {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
a img {border: none;}

/* links */
a {color: #3399ff;text-decoration: underline;}
a:link {text-decoration: underline}
a:hover {text-decoration: none}
a:active {text-decoration: none}
a:visited {text-decoration: underline}
a:focus, a:hover {color: #3399ff;}
a:hover {text-decoration: none}
a.select {text-decoration: none; color: #ff9933}
a:-moz-any-link:focus {outline: none;} /* firefox focus fix */

/* typography.css */
body {font: 12px/16px Arial, sans-serif; color:#fff;}
h1 {font-size: 26px; line-height:1; margin:0px; font-weight: normal; color: #fff; float: none;}
h2 {font-size: 16px; font-weight: bold; color: #fff;}
h3 {font-size: 14px; line-height:1; float: left; margin-bottom:0.5em; font-weight: bolder; color: #fff; text-transform: uppercase;}
h4 {font-size: 16px; color: #3399ff; font-weight: bold; padding: 0px 0px 10px 0px; float: none}
h5 {font-size: 12px; padding: 0px; margin: 0px; font-weight: bold; padding: 0px 0px 5px 0px; display: block;}
h6 {font-size: 11px;font-weight:bold;color: #333;}

textarea, select, option, options, input {font: 11px Arial, Verdana, sans-serif; color: #111;}
a:focus, a:hover {color:#3399ff;}
a {color:#3399ff; text-decoration:underline;}
a:hover {text-decoration: none}
.bold {font-weight: bold}

/* paddings margins */
.p-5 {padding: 5px}
.p-10 {padding: 10px}
.p-15 {padding: 15px}
.p-20 {padding: 20px}

.pt-5 {padding-top: 5px}
.pt-10 {padding-top: 10px}
.pt-15 {padding-top: 15px}
.pt-20 {padding-top: 20px}

.pl-5 {padding-left: 5px}
.pl-10 {padding-left: 10px}
.pl-15 {padding-left: 15px}
.pl-20 {padding-left: 20px}

.pr-5 {padding-right: 5px}
.pr-10 {padding-right: 10px}
.pr-15 {padding-right: 15px}
.pr-20 {padding-right: 20px}

.pb-5 {padding-bottom: 5px}
.pb-10 {padding-bottom: 10px}
.pb-15 {padding-bottom: 15px}
.pb-20 {padding-bottom: 20px}

.m-5 {margin: 5px}
.m-10 {margin: 10px}
.m-15 {margin: 15px}
.m-20 {margin: 20px}

.mt-5 {margin-top: 5px}
.mt-10 {margin-top: 10px}
.mt-15 {margin-top: 15px}
.mt-20 {margin-top: 20px}

.ml-5 {margin-left: 5px}
.ml-10 {margin-left: 10px}
.ml-15 {margin-left: 15px}
.ml-20 {margin-left: 20px}

.mr-5 {margin-right: 5px}
.mr-10 {margin-right: 10px}
.mr-15 {margin-right: 15px}
.mr-20 {margin-right: 20px}

.mb-5 {margin-bottom: 5px}
.mb-10 {margin-bottom: 10px}
.mb-15 {margin-bottom: 15px}
.mb-20 {margin-bottom: 20px}

.floatLeft {float: left}
.floatRight {float: right}
.f-10 {font-size: 10px}
.f-12 {font-size: 12px}
.f-16 {font-size: 16px}
.strong {font-weight: bold}
.up-text {text-transform: uppercase; font-weight: bold;}

/* main grid */
.container {width: 970px; text-align: center; height: auto; display: block; margin: 0px 10px;}

/* index */
.top {width: 950px; height: 120px; display: block; margin: 0px 25px 0px 0px; padding: 15px 0px; height: 135px}
.top .home-mail {}
.top .logo {background:url(../images/logo.png) left no-repeat; width: 250px; height: 135px; display: block; float: left; behavior: url("../css/iepngfix.htc")}
.top .slogan {float: left}
.top .slogan .slogan-small {background:url(../images/slogan-small.png) left no-repeat; width: 370px; height: 30px; display: block; float: left; behavior: url("../css/iepngfix.htc")}
.top .phone {background:url(../images/phone-black.gif) center left no-repeat; width: 200px; height: 80px; display: block; float: right; text-align: left; padding-left: 30px;}

.center { width: 950px; display: block; padding: 10px 5px 10px 30px; height: 190px; text-align: left}
.center .menu {float: left; width: 210px}
.center .menu li{text-transform: uppercase; font-weight: bold;  list-style: none; padding: 10px 0px;}
.center .menu li a {color: #fff; text-decoration: none; padding: 5px;}
.center .menu li a:hover {text-decoration: underline;  padding: 5px;}
.center .menu li a.active {color: #0099ff; padding: 5px;}
.center .menu li.active { background:url(../images/active-a.png) no-repeat center left; padding-left: 20px; margin-left: -20px; behavior: url("../css/iepngfix.htc")}
.center .rightBlock {float: left; width: 700px; padding-top: 0px; padding-bottom: 30px; height: auto; display: block; font-size: 12px;}
.center .paging {padding: 10px 0px;}
.center .paging a {background: #333; padding: 3px 4px; border: 1px solid #222; margin: 0px 2px;}
.center .paging .active {background: #111; font-weight: bold; padding: 3px 4px; border: 1px solid #222; margin: 0px 2px;}

/* made doors */
.eye {background:url(../images/eye.png) top left no-repeat; position: absolute; left: 0px; top: 350px; width: 300px; height: 300px; z-index:2; behavior: url("../css/iepngfix.htc")}
.iphone {background:url(../images/iphone.png) top left no-repeat; position: absolute; left: 0px; top: 350px; width: 300px; height: 350px; z-index:2; behavior: url("../css/iepngfix.htc")}
.center table td {padding: 10px 10px 30px 0px; width: 350px; vertical-align:top;}
.center .infoBlock {width: 320px; height: auto; display: block;}
.center .infoBlock .image {width: 300px; height: auto; text-align: left; padding-bottom: 10px;}
.center .infoBlock .info {width: 300px; height: auto; }
.center .infoBlockBig {width: 650px; height: auto}
.center .infoBlockBig .image {width: 650px; height: auto; padding-bottom: 15px;}
.center .infoBlockBig .info {width: 650px; height: auto; }
.center .infoBlockBig .info .orderBtn {color: #7cdf03; font-size: 14px; /*background:url(/images/order.png) top left no-repeat;*/ height: 25px; display: block; width: auto; /*padding-left: 30px;*/ line-height: 22px; /*behavior: url("/css/iepngfix.htc")*/}
.center .infoBlockBig .info .small-preview {border: 2px solid #666;}
#gallery {display: none}

/* contacts */
.map {background:url(../images/map.jpg) top left no-repeat; width: 478px; height: 426px; display: block; padding-bottom: 10px;}
.map-link {background:url(../images/map-icon.png) left no-repeat; height: 30px; padding-left: 30px; width: auto; display: block; padding-top: 10px; behavior: url("/css/iepngfix.htc")}

/* content */
.content { padding: 10px 5px 10px 25px; width: 800px; text-align: left; display: block; position: relative;}
.content table {width: 850px;}
.content table .leftBlock {width: 300px; vertical-align: top; padding-top: 60px;}
.content table .rightBlock {width: 400px; vertical-align: top;}
.content table .rightBlock .doors {background: url(../images/door.png) top left no-repeat; width: 600px; height: 580px; display: block; behavior: url("../css/iepngfix.htc");}
.content table .rightBlock .orderInfo {position: relative; display: block; left: 460px; width: 130px; height: auto; top: 350px; background: url(../images/t-p.png) repeat; padding: 10px 10px; behavior: url("../css/iepngfix.htc");}
.content .slogan-big {background:url(../images/slogan-big.png) left top no-repeat; width: 480px; left: 30px; position: absolute; height: 80px; top: -20px; display: block; behavior: url("../css/iepngfix.htc");}
.content .our-title {background:url(../images/our-title.png) left no-repeat; width: 300px; height: 30px; display: block; behavior: url("../css/iepngfix.htc");}
.content ul.promo-block {padding: 0px; width: 300px; height: auto;}
.content ul.promo-block li {font-size: 16px; color:#fff; padding: 10px 0px;}

.bottom {width: 950px; height: 120px; display: bloc; margin-left: 25px; padding: 15px 0px 15px 0px; height: 80px; text-align: left;}
.bottom .bottom-menu {width: 450px; height: 80px; float: left; display: block; padding-top: 72px;}
.bottom .bottom-menu a {padding-right: 10px; text-transform: uppercase; font-weight: bold; font-size: 10px; float: left; display: block; text-decoration: none; color: #fff;}
.bottom .bottom-menu a:hover {text-decoration: underline;}
.bottom .bottom-menu a.active {color: #0099ff}
.bottom .scheme-info {width: 250px; height: 120px; display: block; float: right;}
.bottom .scheme {background:url(../images/car.png) top left no-repeat; width: 210px; height: 120px; display: block; float: right; behavior: url("../css/iepngfix.htc")}
.bottom .scheme .cart{ position: relative; bottom: 10px; display: block; top: 100px;}