body {
    margin: 0;
    padding: 0;
    font-size: 10pt;
    font-family: Verdana, Tahoma, sans-serif;
}
* {
    margin: 0;
    padding: 0;
}
img {
    border: 0;
}
html, body, table, td {
    height:100%;
    }
table {
    width:100%;
    }
td {
    text-align:center;
    vertical-align:middle;
    }
#container {
    width: 840px;
    height: 480px;
    position: relative;
    text-align: left;
    margin: 0 auto;
}
#logo {
    position: absolute;
    top: 0;
    left: 579px;
}
#menu {
    list-style: none;
    width: 198px;
    height: 480px;
    position: absolute;
    top: 0;
    left: 0;
    background: #FFF;
}
#menu li a {
    text-indent: -9999px;
}

#hidden {
    display: none;
}

#kto, #kto-active {
    height: 91px;
    width: 198px;
    background: url(images/design/kto.gif) no-repeat;
}
#chto, #chto-active {
    height: 91px;
    width: 198px;
    margin-top: 101px;
    background: url(images/design/chto.gif) no-repeat;
}
#kak, #kak-active {
    height: 91px;
    width: 198px;
    margin-top: 97px;
    background: url(images/design/kak.gif) no-repeat;
}
#menu li a {
    height: 91px;
    width: 198px;
    display: block;
}
#kto a:link, #kto a:visited {
    background: url(images/design/kto-g.gif) 80px 100% no-repeat;
}
#kto a:hover, #kto a:active, #kto-active a {
    background: url(images/design/kto-b.gif) 80px 100% no-repeat;
}
#chto a:link, #chto a:visited {
    background: url(images/design/chto-g.gif) 80px 100% no-repeat;
}
#chto a:hover, #chto a:active, #chto-active a {
    background: url(images/design/chto-b.gif) 80px 100% no-repeat;
}
#kak a:link, #kak a:visited {
    background: url(images/design/kak-g.gif) 80px 100% no-repeat;
}
#kak a:hover, #kak a:active, #kak-active a {
    background: url(images/design/kak-b.gif) 80px 100% no-repeat;
}
#text {
    position: absolute;
    top: 0;
    left: 216px;
    width: 336px;
}
#text1 {
    position: absolute;
    top: 0;
    left: 216px;
    width: 600px;
}
h1 {
   font-size: 10pt;
}
#bc {
    position: absolute;
    top: 65px;
    left: 270px;
}
#gallery {
    margin: 0 auto;
}
#gallery ul {
    list-style: none;

    margin: 0 auto;
    width: 800px;
}
#gallery ul li {
    clear: both;
    height: 140px; 
}

#gallery li a:link, #gallery li a:visited {
    width: 96px;
    height: 96px;
    display: block;
    float: left;
    margin: 2px 14px;
    border: 1px solid #969696;
}
#gallery li a:hover, #gallery li a:active {
    border: 3px solid #969696;
    margin: 0 12px;
}

* html .g1:hover, * html .g1:active {
    margin-left: 13px !important;
}