body {
    margin: 0;
    padding: 0;
    font: 13px/1.22 verdana,arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;
    color: #fff;
    background: #999;
}

table { font-size:inherit;font:100%; }

pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:99%; }

a:link, a:visited { color: #fff; text-decoration: none; }
a:hover { color: #900; }

img { border:0 }

h3 {
    margin: 0;
    padding: 5px 0;
    color: #fff;
    font-weight: normal;
    font-size: 77%;
    text-align: right;
    background: url(images/dots.gif) repeat-x left top;
}

#wrapper {
    width: 787px;
    height: 790px;
    margin: 0;
    padding: 0;
    font-size: 100%;
    background: #999 url(images/made_in_ussr.png) no-repeat 0 0;
}

#head {
    width: 787px;
    height: 14px;
    background: url(images/everything.gif) no-repeat 0 0;
}

#top {
    width: 521px;
    height: 635px;
    margin: 0;
    padding: 10px 0 0 266px;
    background: url(images/r.gif) no-repeat 186px 52px;
}

#top h1 {
    margin: 0 0 5px 0;
    padding: 0;
    font-size: 100%;
    font-weight: normal;
}

#top p {
    margin: 7px 0 0 16px;
    padding: 0;
    font-size: 77%;
    line-height: 135%;
}

#top #categories {
    width: 520px;
    margin: 0 0 0 1px;
    padding: 0;
    border-collapse: collapse;
    background: url(images/pattern1.png) no-repeat left top;
}

#top #categories a { display: block; margin: 2px 0 5px 0;  }

#top #categories .head { padding: 32px 20px 0 18px; }

th {
    text-align: left;
    font-weight: normal;
}

td {
    text-align: right;
    font-size: 77%;
    color: #000;
}

#top #categories th {
    padding: 0 0 0 18px;
    margin: 0;
    background: url(images/dots.gif) repeat-x left bottom;
}

#top #categories td {
    margin: 0;
    padding-right: 20px;
    background:  url(images/dots.gif) repeat-x left bottom;
}


#bottom1 {
    float: left;
    display: block;
    width: 218px;
    height: 105px;
	margin: 15px 27px 0 19px;
	padding: 0;
}

#facebook {
    float: left;
    width: 115px;
    height: 26px;
    background:  url(images/m_facebook.gif) no-repeat left top;
    margin: 0;
	padding: 0;
}

#twitter {
    float: left;
    width: 103px;
    height: 26px;
    background:  url(images/m_twitter.gif) no-repeat left top;
    margin: 0;
	padding: 0;
}

#mline {
    float: left;
    width: 218px;
    height: 9px;
    background:  url(images/m_line.gif) no-repeat left top;
    margin: 0;
	padding: 0;
}

#diafilms {
    float: left;
    width: 218px;
    height: 70px;
    background:  url(images/m_diafilms.gif) no-repeat left top;
    margin: 0;
	padding: 0;
}

#bottom2 {
    float: left;
    width: 521px;
    height: 155px;
    padding: 38px 0 0 0;
    background: url(images/pattern1.png) no-repeat left top;
}

#bottom2 p {
    width: 521px;
    height: 80px;
    margin: 0;
    padding: 0;
    text-align: center;
    background: #999;
}

#gallery {
    width: 521px;
    height: 605px;
    padding-top: 20px;
    background: url(images/pattern3.png) repeat-y 1px top;
}

#gallery table {
    width: 475px;
    margin: 0 23px 10px 23px;
    background: #999;
}

.gallery #gallery table { margin-bottom: 12px; }

#gallery h1 {
    margin: 0;
    padding: 0;
}

#gallery th { padding: 0 0 0 8px; }
#gallery td { padding-right: 0 8px 0 0; }

#gallery #pictwrap {
    height: 481px;
    margin: 0 23px 12px 23px;
    background: #fff;
    text-align: center;
}

.gallery #gallery #pictwrap {
    height: 546px;
    margin: 0 23px 12px 23px;
    padding: 12px 0 0 13px;
    background: #fff;
    text-align: left;
}

#gallery #pictwrap img {
    vertical-align:middle;
}

.gallery_thumb {
    margin: 0 6px 6px 0;
}

#gallery #thumbnails {
    height: 70px;
    margin: 0 23px;
}

#gallery .thumb {
    margin-right: 5px;
    border: none;
}

#bhome, #bff, #bprev, #bnext {
    position:absolute;
    width: 35px;
    height: 35px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}

.gallery #bhome, .view #bhome {
    left: 267px;
    top: 85px;
}

.gallery #bhome { background: url(images/button_home.png) no-repeat left top; }

.view #bhome { background: url(images/button_thumbs.png) no-repeat left top; }

#bff {
    left: 752px;
    top: 85px;
    background: url(images/button_ff.png) no-repeat left top;
}

#bprev {
    left: 267px;
    top: 508px;
    background: url(images/button_prev.png) no-repeat left top;
}

#bnext {
    left: 752px;
    top: 508px;
    background: url(images/button_next.png) no-repeat left top;
}

.gallery #bprev, .gallery #bnext { top: 588px; }

#home {
    position:absolute;
    width: 217px;
    height: 111px;
    left: 24px;
    top: 22px;
    display: block;
    text-indent: -9000px;
    z-index: 1;
}
