HTML, BODY { height: 100%; }
BODY, #container { min-width: 999px; }
.index { background: #FBFFB8 url(/i/bg.png) repeat-x; }
.typical { background: url(/i/bg2.png) repeat-x; }
.constraint { max-width: 1000px; margin: 0 auto; }
.left-col, .right-col { float: left; position: relative; }
.left-col { //margin-right: -100%; width: 30%; }
.right-col { width: 70%; //left: 30%; }

.images .image { padding-bottom: 23px; background: url(/i/zoom.gif) no-repeat bottom center; }
.images .selected { background-image: url(/i/zoom_o.gif); }

.orange:link { color: #F5A400; }
.orange:visited { color: #F5A400; }
.orange:hover { color: #F5A400; }
.orange:active { color: #F5A400; }

H1 { color: #333; margin-bottom: 0.8em; }
.typical H1 { padding-top: 38px; }

#top { background: url(/i/top_bg.png) no-repeat right; width: 35%; max-width: 396px; position: relative; z-index: 4; }
#logo { text-align: right; }
#logo IMG { width: 226px; height: 110px; margin-right: 70px; }

#clouds { background: url(/i/clouds.png); width: 351px; height: 82px; position: absolute; top: 64px; left: 30%; z-index: 1; }
#promo { position: absolute; top: 10px; left: 48%; z-index: 3; }
#promo IMG { width: 382px; height: 127px; }

#text #print { text-align: right; font-size: 0.8em; }
#text #print A { padding-left: 19px; background: url(/i/print.gif) no-repeat left; }

/* Content */
.typical #text { max-width: 700px; }

/* Catalog */
#text #producers { font-size: 1em; margin: 29px 0 0 0; }
#text #producers LI { float: left; margin-right: 20px; }
#text #producers .cur { position: relative; }
#text #producers A { display: block; margin-top: 11px; }
#text #producers A:link { color: #6EA226; }
#text #producers A:visited { color: #6EA226; }
#text #producers A:hover { color: #F5A400; }
#text #producers A:active { color: #F5A400; }
#producers .container { color: #516C82; font-weight: bold; border-left: 2px solid #516C82; border-right: 2px solid #516C82; padding: 4px 10px 3px 10px; }
#producers .corner-container { margin: 0 8px; }
#producers .corner, #producers .p INS { background: url(/i/catalog_selector_corners.gif); }
#producers .corner { width: 8px; height: 8px; }
#producers .left { left: -8px; }
#producers .right { right: -8px; }
#producers .top { border-top: 2px solid #516C82; }
#producers .top .corner { top: -2px; }
#producers .top .right { background-position: -8px 0; }
#producers .bottom { border-bottom: 2px solid #516C82; }
#producers .bottom .corner { top: 0; }
#producers .bottom .left { background-position: 0 -8px; }
#producers .bottom .right { background-position: -8px -8px; }
#producers .spacer { width: 1px; height: 6px; }
#producers .b { position: relative; z-index: 2; }
#producers .p { position: absolute; top: -2px; left: 50%; }
#producers .p INS { background-position: -16px 0; width: 13px; height: 9px; font-size: 0; position: relative; left: -6px; }

.id { float: left; position: relative; margin-left: 33px; display: inline; }
.id .container { background: #FEC020; float: left; height: 26px; position: relative; color: #FFF; padding: 0 8px 0 5px; }
.id .container INS { position: relative; top: 50%; left: 0; }
.id .container SPAN { position: relative; top: -0.65em; }
.id .corner { height: 26px; background: url(/i/id.png); }
.id .left { width: 33px; left: -33px; }
.id .right { width: 5px; right: -5px; background-position: -33px 0; }

#preview { clear: left; }
#preview INS { width: 272px; height: 204px; background: #FFF url(/i/zoom.gif) no-repeat center; border: 1px solid #A7AFBA; position: relative; top: -2px; left: -2px; }

#back { background: url(/i/back.gif) no-repeat left; padding-left: 20px; font-size: 0.8em; margin-top: 30px; //margin-top: 0; clear: left; }

#text { position: relative; }
.index #text { padding: 50px 58px 20px 78px; }

/* News */
#archives-container { width: 100%; position: relative; } 
#archives { position: absolute; top: 0; right: 0; }
#archives .container { font-size: 1.4375em; border: 2px solid #50697E; }
#text #archives UL { margin: 0; padding: 0 9px 3px 9px; color: #4F687D; line-height: 1; }
#text #archives LI { margin: 0; margin: 0.25em 0; }
#archives SPAN { font-weight: bold; }
#archives .corner { width: 8px; height: 8px; background: url(/i/archives_corners.gif); top: 0; }
#archives .left { left: 0; }
#archives .right { right: 0; }
#archives .top .right { background-position: -8px 0; }
#archives .bottom .corner { top: -8px; }
#archives .bottom .left { background-position: 0 -8px; }
#archives .bottom .right { background-position: -8px -8px; }

.index .news { width: 50%; float: left; }
.typical .news { padding-right: 150px; }

.news .date { position: absolute; top: 0; right: 100%; }
.news .date INS { margin-right: 10px; }

.news .today { color: #FFF; background-position: -34px 0; margin-right: 24px; }
.news .today INS { margin: 0; }
.today, .today .left, .today .right { height: 36px; background-image: url(/i/today.png); background-repeat: no-repeat; }
.today .left, .today .right { width: 17px; position: absolute; top: 0; }
.today .left { left: -17px; }
.today .right { right: -17px; background-position: -17px 0; }
.today .container { padding-top: 18px; }
.today SPAN { position: relative; top: -0.7em; }

#all-news { height: 39px; background: url(/i/allnews.png) no-repeat; font-size: 1em; padding-left: 40px; clear: left; position: relative; }
#all-news INS { padding-top: 18px; }
#all-news A { position: relative; top: -0.7em; }

/* Paging */
#paging { margin: 0 0 0 186px; position: relative; }
#paging A, #paging .cur { float: left; }
#paging A { padding: 2px 6px; margin: 20px 5px 0 0; }
#paging .prev { position: absolute; top: 0; right: 100%; }
#paging .prev SPAN, #paging .next SPAN { font-family: "Times New Roman", Times, serif; }
#paging .cur, #paging .cur .corner * { background: #6A8FA6; }
#paging .cur { color: #FFF; margin: 22px 3px 0 0; }
#paging .cur .container { padding: 0 6px 0 6px; }
#paging .cur .corner { width: 2px; height: 2px; background: #FFF; }
#paging .cur .corner * { width: 1px; height: 1px; position: absolute; }
#paging .cur .left { left: 0; }
#paging .cur .right { right: 0; }
#paging .cur .top .corner * { top: 1px; }
#paging .cur .left * { left: 1px; }
#paging .cur .bottom .corner { top: -2px; }
#paging .cur .bottom .corner * { overflow: hidden; }

/* Path */
#path { font-family: Tahoma, sans-serif; font-size: 0.7em; }
#path LI { float: left; line-height: 1; }
#path .item { position: relative; }
#path .cur, #path .cur A { color: #FDFFD9; }
#path .cur { background: #F5A400; }
#path .container { padding: 0 8px 4px 7px; }
#path .bullet, #path .bullet * { width: 1px; background: #F5A400; position: absolute; }
#path .cur .bullet, #path .cur .bullet * { background: #FDFFD9; }
#path .bullet { height: 3px; top: 0.5em; left: 3px; }
#path .bullet * { height: 1px; top: 1px; left: -1px; font-size: 0; overflow: hidden; }
#path .corner, #path .corner * { background: #FCFFC6; width: 1px; }
#path .corner { height: 2px; top: -2px; }
#path .corner * { height: 1px; position: absolute; top: 1px; font-size: 0; }
#path .left * { left: 1px; }
#path .right { right: 0; }
#path .right * { right: 1px; }

/* Icons */
#icons { position: absolute; top: 6px; right: 64px; z-index: 2; width: 67px; }
#icons SPAN, #icons A { display: block; width: 33px; height: 31px; float: left; background: url(/i/icons.gif) no-repeat; }
#ico-index { margin-right: 1px; }
A#ico-index { background-position: -33px 0; }
A#ico-mail { background-position: -66px 0; }

/* Catalog navigation */
#nav-catalog { font-size: 1.125em; position: relative; }
#nav-catalog LI { float: left; position: relative; }
.index #nav-catalog { padding-top: 16px; margin: 0 30px; }
.index #nav-catalog.fixed-width { width: 900px; }
.index #nav-catalog.fixed-width LI { margin-right: 105px; }
.index #nav-catalog LI { margin: 30px 4px 0 0; }
.index #nav-catalog A { display: block; width: 193px; padding-top: 183px; background-repeat: no-repeat; text-align: center; }
.index #nav-catalog SPAN { display: block; margin: 0 auto; position: relative; left: 15px; }

.typical #nav-catalog { position: relative; z-index: 5; padding: 15px 60px 0 60px; }
.typical #nav-catalog LI { margin: 30px 27px 0 0; }
.typical #nav-catalog .nav-item-cur { position: relative; }
.typical #nav-catalog .nav-item-cur .container,
.typical #nav-catalog .nav-item-cur .corner { background-image: url(/i/nav_catalog_cur.png); background-repeat: no-repeat; top: 0; }
.typical #nav-catalog .nav-item-cur .left { left: -6px; }
.typical #nav-catalog .nav-item-cur .right { right: -6px; }
.typical #nav-catalog .nav-item-cur .left,
.typical #nav-catalog .nav-item-cur .right { width: 6px; height: 39px; }
.typical #nav-catalog .nav-item-cur .right { background-position: -6px 0; }
.typical #nav-catalog .nav-item-cur .bottom { width: 10px; height: 5px; left: 50%; background-position: -12px 0; margin-left: -5px; }
.typical #nav-catalog .nav-item-cur .container { height: 39px; background-position: -22px 0; float: left; position: relative; z-index: 1; }
.typical #nav-catalog, #nav-catalog A { color: #FFF; }
.typical #nav-catalog .nav-item-cur .corner-container { z-index: 0; }
.typical #nav-catalog A { cursor: hand; cursor: pointer; }
.typical #nav-catalog .l { cursor: default; }
.typical #nav-catalog A, .typical #nav-catalog .l { display: block; background-repeat: no-repeat; white-space: nowrap; }
.typical #nav-catalog .button { float: left; position: relative; top: 0; left: -6px; padding: 2px; //margin-right: -100%; }
.typical #nav-catalog .button INS { width: 35px; height: 35px; }
.typical #nav-catalog .title { padding-top: 19px; height: 20px; overflow: hidden; float: left; position: relative; //left: 35px; //margin-right: 35px; }
.typical #nav-catalog .title * { position: relative; top: -0.7em; display: block; }

.typical #nav-catalog .nav-item-selected .button { background: url(/i/nav_catalog_over_bg.png) no-repeat; }

/* Common navigation */
#nav-common { position: absolute; top: 0; left: 100%; white-space: nowrap; font-size: 1em; padding: 16px 0 0 0; }
#nav-common LI { position: relative; left: -25px; left: -6px; clear: left; padding-top: 10px; //margin-top: 10px; //padding-top: 0; }
#nav-common LI:after { content: ''; display: block; clear: both; }
#nav-common A:link { color: #3982C4; }
#nav-common A:visited { color: #3982C4; }
#nav-common A:hover { color: #FFF; }
#nav-common A:active { color: #FFF; }
#nav-common .nav-item, #nav-common .nav-item-selected { height: 24px; position: relative; float: left; }
#nav-common .nav-item { background: #FBFFC4; }
#nav-common .nav-item-selected { background: #4F687D; }
#nav-common .nav-item-selected A:link { color: #FFF; }
#nav-common .nav-item-selected A:visited { color: #FFF; }
#nav-common .nav-item-selected A:hover { color: #FFF; }
#nav-common .nav-item-selected A:active { color: #FFF; }
#nav-common .left { left: -10px; }
#nav-common .right { right: -10px; }
#nav-common .nav-item .left,
#nav-common .nav-item .right,
#nav-common .nav-item-selected .left,
#nav-common .nav-item-selected .right { width: 10px; height: 24px; background: url(/i/nav_corners.png); position: absolute; top: 0; }
#nav-common .nav-item .right { background-position: -10px 0; }
#nav-common .nav-item-selected .left { background-position: -20px 0; }
#nav-common .nav-item-selected .right { background-position: -30px 0; }
#nav-common .container { padding-top: 12px; }
#nav-common A, #nav-common SPAN { position: relative; top: -0.7em; }
#nav-common SPAN { color: #FFF; cursor: default; }

/* Subnavigation */
#subnav { font-size: 0.9375em; margin-top: 59px; float: left; }
#subnav LI { margin: 0 0 8px 0; }
#subnav A, #subnav .l, #subnav .i, #subnav .i INS { height: 42px; }
#subnav A, #subnav SPAN { display: block; white-space: nowrap; position: relative; }
#subnav SPAN { color: #4F687D; }
#subnav .i, #subnav .i INS { width: 42px; }
#subnav .i { background: url(/i/subnav_bg.png); position: absolute; top: 0; left: 0; }
#subnav A .i INS { cursor: pointer; cursor: hand; }
#subnav .t { padding: 21px 0 0 49px; }
#subnav .t INS { position: relative; top: -0.7em; }
#subnav A .t INS { text-decoration: underline; }
#subnav .nav-item .i { background-position: 0 0; }
#subnav .cur .i, #subnav .cur .i INS, #subnav .nav-item-selected .i { background-position: -42px 0; }
#subnav A:link { color: #3982C4; }
#subnav A:visited { color: #3982C4; }
#subnav A:hover { color: #4F687D; }
#subnav A:active { color: #4F687D; }

#container { width: 100%;  height: 100%; min-height: 100%; background: url(/i/clouds_right.png) no-repeat 100% 0; position: relative; //overflow: hidden; }
HTML>BODY #container { height: auto; }
.index #container { margin-bottom: -429px; }
.typical #container { margin-bottom: -306px; }
#footer, #clear { clear: both; }
#container, #footer { text-align: left; margin-left: auto; margin-right: auto; }

#content { position: relative; z-index: 10; margin-bottom: 10px; }
#content .left-col { border-top: 2px solid #9DDD4F; }
#content .left-col .reducer { padding: 0 0 0 54px; }
#content .right-col .reducer { padding: 0 50px 0 0; position: relative; }
#content .line, #content .line INS { height: 2px; border-left: 1px solid #FBFFC0; font-size: 0; }
#content .line { background: #F5A400; overflow: hidden; }
#content .line INS { background: #8DB6F3; width: 50%; float: right; }

.index #content { overflow: hidden; width: 100%; }
.typical #content { padding-top: 22px; }

#footer { position: relative; }

/* Index Footer */
.index #clear, .index #footer, .index #footer .bg { height: 429px; }
.index #footer { background: #E1EDA5 url(/i/footer_bg_index_houses.png) repeat-x; }
.index #footer .bg { background: url(/i/footer_bg_index_trees.png) repeat-x bottom; }
#house { width: 999px; height: 225px; background: url(/i/house.png) no-repeat center top; margin: 0 auto; position: relative; top: 126px; }
#house * { width: 179px; height: 191px; background: url(/i/arc.png); margin-left: 437px; position: relative; top: 21px; }
.index #counter { width: 207px; height: 78px; background: url(/i/counter_bg.png) no-repeat; position: absolute; top: 351px; right: 0; }
.index #counter IMG { margin: 44px 0 0 116px; }
#stander, #copyright { font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 0.7em; }
#stander { background-position: -62px 0; height: 107px; position: absolute; top: 295px; left: 125px; left: 10%; }
#stander, #stander .left, #stander .right { height: 107px; background-image: url(/i/stander.png); background-repeat: no-repeat; }
#stander .left, #stander .right { position: absolute; top: 0; width: 31px; }
#stander .left { left: -31px; }
#stander .right { right: -31px; background-position: -31px 0; }
#stander P { position: relative; top: -0.7em; color: #A36E3C; }
#stander A { color: #3982C4; }
#stander #address { position: relative; top: 16px; right: 0; }
#stander #location { position: absolute; top: 49px; right: 0; }
#copyright { color: #93AEBD; background: #5F7B94; margin-left: 26px; position: relative; float: right; }
#copyright A { color: #B8CBD8; }
#copyright .corner-container { position: absolute; width: 100%; }
#copyright .container { padding: 7px 14px 7px 14px; }
#copyright .corner { width: 16px; height: 12px; top: 0; background-image: url(/i/copyright_corners.png);  }
#copyright .left { left: 0; }
#copyright .right { right: 0; }
#copyright .top .right { background-position: -16px 0; }
#copyright .bottom .corner { top: -12px; }
#copyright .bottom .left { background-position: 0 -12px; }
#copyright .bottom .right { background-position: -16px -12px; }
#contacts { position: absolute; bottom: 13px; right: 209px; }

/* Typical footer */
.typical #clear, .typical #footer { height: 306px; }
.typical #footer { color: #6A8FA6; background: url(/i/footer_bg_typical.png) repeat-x; }
.typical #footer .left-col, .typical #footer .right-col { margin-top: 223px; }
.typical #footer .left-col { border-top: 2px solid #CEDAE1; }
.typical #footer .left-col IMG { margin: 46px 0 0 4px; }
.typical #footer .right-col { font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 0.7em; }
.typical #footer .line, #footer .line INS { height: 2px; border-left: 1px solid #FFF; font-size: 0; }
.typical #footer .line { background: #95AEBF; overflow: hidden; margin-bottom: 50px; }
.typical #footer .line INS { background: #CEDAE1; width: 50%; float: right; }
.typical #footer P { position: relative; top: -1.7em; z-index: 2; }
.typical #illustration { width: 100%; height: 250px; background: no-repeat bottom right; position: absolute; top: 56px; right: 0; z-index: 1; }
#phone { color: #95AEBF; font-size: 1em; min-height: 42px; line-height: 1; position: relative; }
#phone SPAN { display: block; white-space: nowrap; }
#phone .i { width: 14px; height: 42px; background: url(/i/phone.png); font-size: 0; position: absolute; top: 2px; left: -20px; }
#phone .code { font-size: 0.94em; margin-bottom: 0.1em; }
#phone .number { font-size: 2.19em; }
.index #phone { float: right; }
.typical #phone { position: absolute; top: 40px; left: 45%; }
.typical #phone .container { position: absolute; top: -1.7em; }

/* Thickbox */
#TB_overlay { background-color: #000; opacity: .5; filter: alpha(opacity=50); width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; }
#TB_window { position: fixed; z-index: 102; display: none; text-align: left; top: 50%; left: 50%; }
#TB_caption { height: 25px; padding: 7px 30px 10px 25px; float: left; }
#TB_closeWindow { width: 100%; position: relative; z-index: 1; }
#TB_closeWindow INS { position: absolute; top: -27px; right: -36px; }
#TB_closeWindowButton { background: url(/i/close.png); display: block; width: 37px; height: 37px; position: relative; }
#TB_closeAjaxWindow { padding: 7px 10px 5px 0; margin-bottom: 1px; text-align: right; float: right; }
#TB_ajaxWindowTitle { float: left; padding: 7px 0 5px 10px; margin-bottom: 1px; }
#TB_title { background-color: #e8e8e8; height: 27px; }
#TB_ajaxContent { clear: both; padding: 2px 15px 15px 15px; overflow: auto; text-align: left; line-height: 1.4em; }
#TB_ajaxContent.TB_modal { padding: 15px; }
#TB_ajaxContent p { padding: 5px 0; }
#TB_load { position: fixed; display: none; height: 13px; width: 208px; z-index: 103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }
#TB_HideSelect { z-index: 99; position: fixed; top: 0; left: 0; background-color: #fff; border: none; filter: alpha(opacity=0); -moz-opacity: 0; opacity: 0; height: 100%; width: 100%; }
#TB_iframeContent { clear: both; border: none; margin-bottom: -1px; margin-top: 1px; _margin-bottom: 1px; }

#TB_window .holder { float: left; position: relative; z-index: 0; }
#TB_window .holder:after { content: ''; display: block; clear: both; height: 1px; }
#TB_window .holder .t { background: url(/i/frame_t.png) no-repeat 0 0; left: -20px; }
#TB_window .holder .r { background: url(/i/frame_r.png) no-repeat 100% 0; top: -20px; }
#TB_window .holder .b { background: url(/i/frame_b.png) no-repeat 100% 100%; right: -20px; }
#TB_window .holder .l { background: url(/i/frame_l.png) no-repeat 0 100%; }
#TB_window .holder .t,
#TB_window .holder .r,
#TB_window .holder .b,
#TB_window .holder .l { position: relative; width: auto; height: auto; //float: left; }
#TB_window .container { position: relative; top: 13px; left: 15px; margin: 0 12px 0 0px; padding: 0px 0 11px 0; }
#TB_window .container A { display: block; background: #FBFFB8; }

#TB_links { position: absolute; top: 50%; left: 0; z-index: 2; width: 100%; }
#TB_prev, #TB_next { position: absolute; top: -30px; }
#TB_prev { left: 20px; }
#TB_next { right: -10px; }
#TB_prev A, #TB_next A { display: block; width: 42px; height: 42px; background: url(/i/picture_thumb_through_buttons.png); }
#TB_prev A { background-position: 0 0; }
#TB_prev A:hover { background-position: -84px 0; }
#TB_next A { background-position: -42px 0; }
#TB_next A:hover { background-position: -126px 0; }