* {margin: 0; padding: 0} HTML, BODY, #Main {height: 100%} BODY {font: 0.7em 'Arial', sans-serif; color: #636363; background: #F9F9F9}
A {color: #666} LI {list-style: none} .clear, #Left BR, .right BR, .blocks BR {clear: both} IMG, HR {border: 0} P {margin-bottom: 1em}
HTML>BODY #Main {height: auto} #Main {margin-bottom: -60px; padding-bottom: 60px} #Footer {height: 60px}
#Main {min-width: 995px; width: expression((documentElement.clientWidth || document.body.clientWidth) < 995 ? '995px' : 'auto');}

/* hide */
H1 SPAN, H2 SPAN, H3 SPAN, H4 SPAN, #Phone SPAN, #Svetofor SPAN, .line HR {display: none}

/* Фтопку cellpadding и cellspacing! */
TABLE {border-collapse: separate}


/****** Header ******/
#Header {height: 169px; position: relative; background: white url('/i/d/shapka.jpg') no-repeat 100% 0}

#Header .menu {position: absolute; top: 28px; right: 236px; width: 220px}
#Header .menu LI {float: left; width: 50%; font-size: 1.1em; line-height: 1.6em}
#Header .menu A {color: #C1C8C0; text-transform: uppercase; text-decoration: none}
#Header .menu .active A {color: #FF921F; text-decoration: underline}

#Header #Order {position: absolute; top: 92px; left: 270px; line-height: 33px; padding-right: 44px; background: url('/i/d/icon-order.gif') no-repeat 100% 50%}
#Logo A {position: absolute; top: 46px; left: 70px; width: 128px; height: 69px; background: url('/i/d/logo.gif')}


/****** Container ******/
#Container {overflow: hidden}
#Left {float: left; width: 26%} #Content {float: right; width: 74%; position: relative}
#Left .content {padding: 37px 20px 0 57px} #Content .content {padding-top: 1em} #Content .content .content {padding: 0 1em 0 0}

/*** Content ***/
A.button {padding: 1px 3px; background: #656565; color: white; text-decoration: none}
.content .content A {color: black}
.toc {font-size: 1.2em} .toc LI {padding: 0.3em 0}
.toc UL {margin: 0.5em 0 0 22px}
#Content .content .content {margin-bottom: 1em}
#Content .content .content H3 {margin: 2em 0 1em} #Content .content .content H4 {margin: 1em 0}
#Content .content .content H2, #Content .content .content H3, #Content .content .content H4 {background: none}

/** line **/
#Content .line {clear: both; height: 4px; border-bottom: 2px solid #FFCE6E}
#Content .line DIV {float: right; width: 33%; height: 4px; background: #FFCE6E}
#Content .gray .line {height: 3px; border-bottom: 1px solid #C3C8CC}
#Content .gray .line DIV {height: 3px; background: #C3C8CC}
#Svetofor {position: absolute; top: 0; right: 0; width: 259px; height: 68px; background: url('/i/d/svetofor.jpg')}

/** product **/
#Content .products {margin: 2em 0 1em; float: left; width: 66%} #Content .products BR {clear: both}
#Content .product {float: left; width: 49%; margin-bottom: 2em} .product .image {display: block; height: 110px}
#Content .wide {width: 100%} #Content .wide .product {width: 33%}
#Content .product A {font-weight: bold; font-size: 1.1em; color: #5D5D5D}
#Content .product SPAN {display: block; background: url('/i/d/p.gif') no-repeat 0 50%; padding-left: 15px}

/** titles **/
.pointer {float: left; padding-right: 25px !important; height: 17px; background: url('/i/d/p-title.gif') no-repeat 100% 80%}
H4, #Content H2, #Content H3 {height: 17px; background: url('/i/d/titles.gif') no-repeat}
#Search H4 {width: 37px}
#News H4 {width: 53px; background-position: 0 -17px}
#Phone H4 {width: 82px; background-position: 0 -34px}
#Content #Video H2 {width: 85px; background-position: 0 -102px}
#Content #Poll H2 {width: 43px; background-position: 0 -119px}
#Content #New H3 {width: 53px; background-position: 0 -136px}
#Content #Articles H3 {width: 45px; background-position: 0 -187px}
#Content #Exhibitions H3 {width: 61px; background-position: 0 -221px}
#Content #Photo H3 {width: 31px; background-position: 0 -272px}

/** right **/
.right {float: right; width: 33%}
.right DIV {padding-right: 1em}
.right EM {font-style: normal; color: #28798C}

/*** information ***/
.information #Content H2 {width: 81px; background-position: 0 -153px}
.information .right {padding: 0 0 2em 2em}

/*** career ***/
.career #Content H2 {width: 51px; background-position: 0 -170px}
.career .right {padding: 0 0 2em 2em}

/*** letter ***/
.letter #Content H2 {width: 205px; background-position: 0 -204px}
.letter FORM INPUT {font-size: 1em}
.letter FORM INPUT.button {padding: 1px 5px}
.letter FORM LABEL {float: left; width: 60px; line-height: 1.6em}
.letter FORM TEXTAREA {width: 30em; height: 7em}
.letter .right {padding: 0 0 2em 2em}

/*** products ***/
.products #Content H2 {width: 263px; height: 45px; background: url('/i/d/title-welcome.gif'); margin: 2em 0 1em}
.products #Content .content .content {line-height: 1.5em}
.products .right {padding: 0 0 2em 2em}

/*** order ***/
.order #Content H2 {width: 35px; background-position: 0 -238px}
.order #Content .content .content FORM {letter-spacing: 1px}
.order #Content FORM INPUT {font-size: 1em}
.order #Content LABEL {float: left; width: 150px; padding-right: 42px; text-align: right}
.order #Content INPUT, .order #Content SELECT, .order #Content TEXTAREA {border: 1px solid #ADADAD; font-size: 1em}
.order FORM TEXTAREA {width: 35em; height: 7em}
.order #Content SELECT {color: #999}
.order #Content .buttons {margin: 0.5em 0 1em 192px}
.order .right {padding: 0 0 2em 2em}

/*** forum ***/
.forum #Content H2 {width: 77px; background-position: 0 -255px}
.forum #Content .content .content {width: 259px; margin: 3em 0 2em}

/*** exhibitions ***/
.exhibitions #Content .content H2 {width: 61px; background-position: 0 -221px}
.exhibitions #Content .content .content H3 {margin: 0 0 1em; font-size: 2em; font-family: 'Arial Narrow', sans-serif}
A.pointerButton {color: white !important; font-weight: bold; font-size: 1.2em; text-transform: uppercase; background: #666 url('/i/d/p-button.gif') no-repeat 5px 50%; padding-left: 14px; padding-right: 14px}
.exhibitions .right {padding: 0 0 2em 2em}

/* Video */
#Video .pointer {margin-bottom: 2.5em} #Video P {margin-bottom: 1em}
#Video H3 {width: 176px; height: 51px; background: url('/i/d/title-video.gif'); margin-bottom: 1em}

/* New */
#New {padding-bottom: 2em; border-bottom: 2px solid #FDCA6E} #New .pointer {margin-bottom: 1.5em} 
#New P {margin-bottom: 2em} #New H4 {width: 141px; height: 52px; background: url('/i/d/title-info4lobby.gif'); margin-bottom: 1em}
.career #Content .right DIV, .letter #Content .right DIV {border: 0; padding-bottom: 0}

#Content .content .right {margin-top: 65px; padding-bottom: 2em}
#Content .content .right P {margin-bottom: 2em} 

/* Articles */
#Articles .pointer {margin-bottom: 1.5em} 
#Articles H4 {width: 175px; height: 23px; background: url('/i/d/title-300rubles.gif'); margin-bottom: 1em}

/* Exhibitions */
#Exhibitions .pointer {margin-bottom: 1.5em} 
#Exhibitions H4 {width: 174px; height: 47px; background: url('/i/d/title-taiwan-2006.gif'); margin-bottom: 1em}

/* Poll */
#Poll .pointer {margin: 2.5em 0 1em} #Poll STRONG, #Poll LI {font-size: 1.2em} #Poll P, #Poll UL {margin: 1em 0}
#Poll LI {padding: 2px 0 2px 11px; background: url('/i/d/p-mini.gif') no-repeat 0 50%; font-weight: bold}

/* Photo */
#Photo .pointer {margin: 2.5em 0 1em}
#Photo P {margin-bottom: 2em} #Photo H4 {width: 169px; height: 53px; background: url('/i/d/title-50rubles.gif'); margin-bottom: 1em}


/* blocks */
.blocks {margin: 2.5em 0 2em}
.blocks .block {float: left; width: 33%}
.blocks .pointer {margin-bottom: 1em}
#ForumNews H3 {width: 109px; background-position: 0 -51px}
#Products H3 {width: 99px; background-position: 0 -68px}
#Scheme H3 {width: 105px; background-position: 0 -85px}

#ForumNews LI {padding-left: 17px; background: url('/i/d/p-line.gif') no-repeat 0 50%}
#ForumNews .active {background-image: url('/i/d/p-box.gif')}


/****** Left ******/
#Left .menu {margin-bottom: 4em; border-bottom: 1px solid #EBEBEB}
#Left .menu LI {border-top: 1px solid #EBEBEB}
#Left .menu A {display: block; width: 100%; padding: 0.6em 0; color: #353535; text-decoration: none}
#Left .menu .active A, .products #Container .menu .products A, .information #Container .menu .information A, .company #Container .menu .company A, .news #Container .menu .news A, .letter #Container .menu .letter A, .career #Container .menu .career A, .contacts #Container .menu .contacts A {margin-left: -18px; padding-left: 18px !important;  background: url('/i/d/p-mini.gif') no-repeat 0 50%}

/*** Search ***/
#Search {clear: both; margin-bottom: 2em} #Search .pointer {margin-bottom: 0.5em}
#Search .submit, INPUT.button {background: #606060; color: white; border: 0}

/*** News ***/
#News {margin-bottom: 4em}
#News .pointer {margin-bottom: 2em}
#News DD {margin-bottom: 2em} #News DD A, #Footer A {color: #28798C}
#News P A {display: block; height: 16px; line-height: 16px; padding-left: 20px; background: url('/i/d/icon-news.gif') no-repeat 0 50%}

/*** Phone ***/
#Phone .pointer {margin-bottom: 2em} #Phone H4 {margin-left: 30px}
#Phone .phone {width: 156px; height: 89px !important; background: url('/i/d/phone.jpg')}


/****** Footer ******/
#Footer {background: #F0F1F3; clear: both; position: relative} #Footer P {padding-top: 1em}
#Email {float: left; width: 26%; text-align: center}
#Contacts {float: left; width: 40%}
#Copyright {float: right; width: 20%; margin-right: 5%; text-align: right}