/* Стиль страницы */
html { background-color: #333333; }
body { padding: 40px 0px 40px 0px; color: #b4b4b4; font-family: "Tahoma", "Verdana", "Arial", "Sans-Serif"; font-size: 8pt; }
a { color: #ffffff; }

/* Основаная "раскладка" */
table.main { width: 100%; }
    table.main td.left { width: 25%; min-width: 150px; }
    table.main td.center { width: 25%; min-width: 250px; }
    table.main td.right { width: 50%; min-width: 500px; }

/* Верхняя часть страницы (лого, слоган итд) */
table.main tr.top td { background-color: #2d2d2d; }
    table.main tr.top td.center { text-align: center; line-height: 0px; }
    table.main tr.top td.right div { margin-left: 20px; text-transform: uppercase; font-weight: bold; }
        table.main tr.top td.right div span { color: #ffdc00; padding-left: 1px; padding-right: 1px; }
    table.main tr.top td.left div { margin-right: 20px; text-align: right; text-transform: uppercase; }
        table.main tr.top td.left div a { color: #ffdc00; text-decoration: none; }

table.main tr.bottom td { background-color: #2d2d2d; height: 40px; white-space: nowrap; }
    table.main tr.bottom td.center { text-align: center; }
    table.main tr.bottom td.left div { text-align: right; margin-right: 20px; margin-left: 20px; }
    table.main tr.bottom td.right div { margin-left: 20px; }
        table.main tr.bottom td.right div a { color: #b4b4b4; font-weight: bold; text-decoration: none; }

/* Желтая полоска вверху и внизу сайта */
table.main tr.x-line td { height: 2px; }
    table.main tr.x-line td.center { background-color: #ffdc00; }

/* Основное меню сайта (левый верх) */
div.menu { padding: 40px 20px 40px 0px; background-image: inherit; background-position: inherit; background-repeat: inherit; background-color: #181818; }
    div.menu table { width: 100%; }
    div.menu td { white-space: nowrap; }
    div.menu a { text-decoration: none; }
    div.menu span { color: #ffdc00; margin-right: 10px; }
    div.menu td.bar { width: 25%; min-width: 20px; }
    div.menu td.link { text-transform: uppercase; padding: 2px 0px 2px 20px; }
        div.menu td.link a { color: #ffffff; }
        div.menu td.link a:hover { color: #ffdc00; }
    div.menu tr.current td.bar table td { background-color: #ffdc00; padding: 1px; }
    div.menu tr.current td.link, div.menu tr.current td.link a { color: #ffdc00; }
    div.menu tr.sub td.link { text-transform: none; }
        div.menu tr.sub td.link a { color: #b4b4b4; }
        div.menu tr.sub td.link a:hover { color: #ffffff; }
    div.menu tr.sub-current td.link,
        div.menu tr.sub-current td.link a { color: #ffdc00; text-transform: none; }
    div.menu tr.separator td { height: 20px; }

div.visual { background-position: center; background-repeat: no-repeat; }
    div.visual table { width: 100%; }
    div.visual table td.content { padding: 20px; }
    div.visual div.text-1 { font-weight: bold; color: #ffdc00; }
    div.visual div.text-2 { color: #ffffff; text-transform: uppercase; margin-top: 2px; }

/* Сложные полупрозрачные градиенты справа и слева от центрального блока */
.grad-l { background-image: url(/grad-l.png); background-position: right; background-repeat: repeat-y; }
.grad-r { background-image: url(/grad-r.png); background-position: left; background-repeat: repeat-y; }
