/* Almighty reset */

* {
    padding: 0;
    margin: 0;
}

html, body {
    height: 100%;
}

img {
    border: 0;
}

/* General layout */

body {
    min-width: 1000px;
    background: #FFFFFF url(/img/bg-header.png) no-repeat right top;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 10pt;
}

#wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -230px;
}

#header {
    position: relative;
    height: 220px;
    clear: both;
}

#container {
    /* IE devs eat shit. */
    width: 100%;
    overflow: auto;

    padding-bottom: 250px; /* Space for footer */
    clear: both;
}

#content {
    padding-left: 280px;     /* LC */
    padding-right: 280px;    /* RC */
}

#sidebar {
    float: right;
    width: 250px;           /* RC width */
}

#navigation {
    float: left;
    width: 250px;           /* LC width */
    padding-top: 15px;
    padding-left: 30px;
}

#footer {
    /* Background height is 230px */
    height: 230px;
    background: url(/img/bg-footer.png) left top no-repeat;
    text-align: center;
}

/* Header */

.header-logo {
    position: absolute;
    height: 63px;
    width: 63px;
    left: 50px;
    top: 50px;
    background: url(/img/header-logo.png) no-repeat;
}

.header-caption {
    position: absolute;
    width: 175px;
    height: 61px;
    left: 50px;
    top: 135px;
    background: url(/img/header-caption.png) no-repeat;
}

.header-email {
    position: absolute;
    right: 70px;
    top: 115px;
    padding-left: 15px;
    background: url(/img/icon-mail.png) 0 3px no-repeat;
}

.header-email, .header-email a {
    color: #294291;
    font-size: 10pt;
}

.header-menu {
    padding-top: 160px;
    padding-left: 250px;
    padding-right: 250px;
    font-size: 10pt;
    color: #000000;
}

.header-menu ul {
    width: 100%;
}

.header-menu li {
    float: left;
    text-align: center;
    list-style: none;
}

.menu-short {
    width: 30%;
}

.menu-long {
    width: 39%;
}

.header-menu a {
    padding-left: 25px;    
}

.header-menu a, .header-menu a:visited {
    color: #000000;
    text-decoration: none;
    background: url(/img/icon-folder-inactive.gif) left center no-repeat;
}

.headermenu a:active, .header-menu a:hover {
    color: #294291;
    text-decoration: underline;
    background: url(/img/icon-folder-active.gif) left center no-repeat;
}

#search {
    position: absolute;
    right: 35px;
    top: 155px;
    width: 200px;
    background: url(/img/search-bg.png) left top repeat-x;
}

.search-left {
    background: url(/img/search-left.png) left top no-repeat;
}

.search-right {
    background: url(/img/search-right.png) right top no-repeat;
    padding-left: 5px;
    padding-top: 2px;
}

#search-input {
    border: 0;
    width: 170px;
    height: 23px;
    background: transparent;
}

/* Left column */

.tip-box * {
    zoom: 1.0;
}

.tip-box {
    position: relative;
    width: 211px;
}

.tip-box-bottom {
    background: url(/img/tip-bg-bottom.png) bottom repeat-x;
}

.tip-box-left {
    background: url(/img/tip-bg-left.png) left bottom no-repeat;
}

.tip-box-right {
    background: url(/img/tip-bg-right.png) right bottom no-repeat;
}

.tip-box-top {
    padding-top: 20px;
    padding-bottom: 6px;
    background: url(/img/tip-bg-top.png) left top no-repeat;
}

.tip-box-borders {
    border-left: solid #9F9F9F 1px;
    border-right: solid #9F9F9F 1px;
    padding: 40px 20px 20px 40px;
}

.tip-box-header {
    position: absolute;
    left: 20px;
    top: 20px;
    padding-left: 20px;
    font-size: 11pt;
    color: #646464;
    background: url(/img/tip-icon.png) left center no-repeat;
    width: 180px;
}

.tip-box-text {
    font-size: 8pt;
    color: #646464;
}

.legend-box {
    padding-top: 40px;
    color: #646464;
}

.legend-box p {
    font-size: 11pt;
    width: 210px;
    text-align: center;
}

.legend-box ul {
    padding-top: 25px;
    padding-left: 25px;
}

.legend-box li {
    font-size: 8pt;
    list-style: none;
    padding-left: 45px;
    padding-top: 17px;
    padding-bottom: 23px;
}

.legend-icon-russian {
    background: url(/img/icon-big-made-in-russia.png) left center no-repeat;
}

.legend-icon-safe-human {
    background: url(/img/icon-big-safe-for-you.png) left center no-repeat;
}

.legend-icon-safe-env {
    background: url(/img/icon-big-safe-for-env.png) left center no-repeat;
}

/* Right column */

#sidebar p {
    padding-left: 6px;
    font-size: 10pt;
    color: #333333;
}

#sidebar p a {
    color: #294291;
    text-decoration: underline;
}

.map-caption, .sidebar-partners {
    margin-left: 6px;
    padding-left: 25px;
    font-weight: bold;
    font-size: 12pt;
    color: #294291;
}

.map-caption {
    background: url(/img/icon-map.png) left center no-repeat;
}

.sidebar-partners {
    background: url(/img/icon-partners.png) left center no-repeat;
}

.map-image {
    width: 205px;
    height: 240px;
    background: url(/img/map.png) 50% 50% no-repeat;
}

.map-address {
    text-align: left;
    padding-left: 6px;
    padding-right: 45px;
}

#sidebar .map-address p {
    font-size: 9pt;
}

.map-phone {
    height: 100px;
    background: url(/img/footer-phone.gif) 10px center no-repeat;    
}

.sidebar-univent {
    height: 100px;    
    background: url(/img/logo-univent.png) 10px center no-repeat;    
}

.sidebar-purple {
    font-weight: 600;    
    color: #294291;
}

/* Content */

.content-header {
    position: relative;
    margin-top: 15px !important;
    margin-bottom: 15px !important;
    height: 35px;
}

#content h1 {
    float: left;
    clear: none;
    font-family: Tahoma, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bold;
    color: #294291;
}

.content-table {
    text-align: center; /* Suck my dick, IE6 */
}

#content p, #content td {
    font-size: 9pt;
    text-align: left;
}

#content table {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    border-collapse: collapse;
}

#content table td {
    padding-top: 3px;
    padding-bottom: 3px;
}

.table-row-border {
    border-bottom: 2px solid #c5c5c5;
}

.table-td-200 {
    width: 200px;
}

.content-header-links a {
    position: absolute;
    display: block;
    height: 20px;
    text-decoration: none;
    outline: none;
    top: 8px;    
}

.a-top-page {
    right: 0;
    padding-right: 38px;
    background: url(/img/icon-top-page.png) left top no-repeat;
}

.a-top-section {
    right: 38px;
    padding-right: 32px;
    background: url(/img/icon-top-section.png) left top no-repeat;
}

.a-russia {
    left: 250px;
    padding-right: 18px;
    background: url(/img/icon-small-made-in-russia.png) left top no-repeat;
}

.a-you {
    left: 275px;
    padding-right: 18px;    
    background: url(/img/icon-small-safe-for-you.png) left top no-repeat;    
}

.a-env {
    left: 300px;
    padding-right: 18px;    
    background: url(/img/icon-small-safe-for-env.png) left top no-repeat;    
}

.content-purple {
    font-weight: 600;
    color: #294291;
}

/* Footer */

.footer-wrapper {
    padding-top: 135px;
}

.footer-body {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    background: url(/img/footer-bg-right.gif) right bottom no-repeat;
}

.footer-left {
    padding-left: 20px;
    padding-right: 20px;
    background: url(/img/footer-bg-left.gif) left top no-repeat;
}

.footer-right {
    height: 57px;
    background: url(/img/footer-bg.gif) repeat-x;
}

#footer-logo {
    padding-top: 10px;
    float: left;
}

#footer-copy {
    float: left;
    color: #333333;
    font-size: 7pt;
    padding-top: 5px;
    padding-left: 30px;
}

#footer-phone {
    padding-top: 15px;
    float: right;
}