html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: top; background: transparent; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
h6 { margin-bottom: 10px; font-size: 12px; }
p { margin: 0 0 12px 0; }
a { color: #fff;  }
html { height: 100%; }
body { line-height: 1.3em; background: #5d5f6c url(../img/main-bg.jpg) left top repeat-x; height: 100%; color: #fff; font-family: Tahoma; font-size: 11px; text-align: center; }

.bg1 { background: url(../img/main-bg1.jpg) left top no-repeat; }
.bg2 { background: url(../img/main-bg2.jpg) right top no-repeat; min-width: 980px; }

.main { width: 980px; height: 100%; margin: 0 auto; text-align: left; }

.left { width: 290px; text-align: right; }
.left div.spanner {  width: 290px; }
.left .text { padding-top: 25px; }

.center { width: 400px; height: 790px; text-align: center; vertical-align: middle; }
.center img {}

.right { width: 290px; text-align: left; }
.right div.spanner { width: 290px; }
.right .text { height: 450px; padding-top: 25px; }

.footer { height: 160px; text-align: center; vertical-align: middle; }

.flash-logo { padding-top: 20px; }

.header { display: block; height: 88px; overflow: hidden; vertical-align: bottom; text-align: right; }
.header .sinergiya-logo { display: block; width: 84px; height: 25px; float: right; margin-top: 18px; overflow: hidden; background: url(../img/sinergiya-logo.png) no-repeat; }
.header .sinergiya-logo-en { display: block; width: 84px; height: 25px; float: right; margin-top: 18px; overflow: hidden; background: url(../img/sinergiya-logo-en.png) no-repeat; }
.header .sinergiya-logo span { display: none; }
.header .sinergiya-logo-en span { display: none; }

.header .top-menu { font-size: 9px; color: #fff; clear: both; float: right; display: block; margin-top: 15px; white-space:nowrap; }
.header .top-menu a { color: #fff; }

.side-menu { margin-top: 10px; }
.side-menu li { width: 124px; height: 34px; padding: 12px 0 0 22px; color: #fff; font-size: 12px; font-weight: bold; text-align: left; }
.side-menu li a { width: 102px; height: 30px; color: #fff;  }
.side-menu li.active { background: url(../img/menu-active.png) no-repeat; }

.logos a, .logos b { vertical-align: middle; display: -moz-inline-box; display: inline-block; width: 72px; height: 100px; overflow: hidden; margin: 0 15px }
.logos a span, .logos b span { display: none; }
.logos .beluga { background: url(../img/logo-beluga.png) no-repeat; width: 79px; height: 52px; }
.logos .myagkov { background: url(../img/logo-myagkov.png) no-repeat; width: 73px; height: 100px; }
.logos .rusled { background: url(../img/logo-rusled.png) no-repeat; width: 82px; height: 73px; }
.logos .belenkaya { background: url(../img/logo-belenkaya.png) no-repeat; width: 86px; height: 49px; }
.logos .whitelake { background: url(../img/logo-whitelake.png) no-repeat; width: 60px; height: 65px; }
.logos .goszakaz { background: url(../img/logo-goszakaz.png) no-repeat; width: 66px; height: 95px; }

.assort-list { clear: both; margin-top: 25px;  }
.assort-list li { float: left; display: block; overflow: hidden; width: 119px; height: 130px; text-align: center; }
.assort-list span { margin-top: 4px; display: block; text-decoration: none; }
.assort-list a span { text-decoration: underline; }
 
.assort { position: relative; display: block; }
.assort span { position: absolute; font-size: 14px; font-weight: bold; }

.title { font-size: 14px; font-weight: bold; margin-top: 50px;  }

div.spanner { float: none; clear: both; }