html{width: auto; font-family: Arial; font-size: 100%; margin: 0px; padding: 0px;}
body{width: auto; font-size: 0.8em; margin: 0px; padding: 0px; color: #333333; padding: 30px; padding-top: 29px; background: url(../images/bg.gif) left top repeat-x;}

img{border: 0px solid;}
img, p, hr{padding: 0px; margin: 0px;}
a{color: #336666; text-decoration: underline;}
a:hover{color: #666600;}
h1, h2, h3, h4, h5 {padding: 0px; margin: 0px;}
h1,h2 {color: #336666; font-size: 1.45em; font-weight: bold; padding-bottom: 12px;}
h3 {color: #336666; font-weight: bold; padding-bottom: 7px;}
hr {width: 100%; border-top: 1px solid #336666; border-bottom: 1px solid white;}
.h1, .h2, .h3 {color: #336666; font-size: 1.45em; font-weight: bold; padding: 0px; margin: 0px; margin-bottom: 12px;}
.clearboth{width: 100%; height: 0px; line-height: 0px; font-size: 0px; clear: both; }

#ad {text-align: center; width: 100%;}
#dv {width: 1020px; margin: auto;}
#tr {width: 1020px;}

#header {width: 1020px; height: 511px;}
#header img { vertical-align: bottom;}

#menu {width: 1020px; height: 57px; background: url(../images/menu/bg.gif) left top repeat-x;}
#menu .left {width: 1020px; height: 57px; background: url(../images/menu/left.gif) left top no-repeat;}
#menu .right {width: 1020px; height: 57px; background: url(../images/menu/right.gif) right top no-repeat;}
#menu .linki {width: auto; padding: 12px 55px 0px 55px; text-align: left;}
#menu .linki span{color: #666600; font-size: 1.3em; font-weight: bold; margin-right: 70px;}
#menu .linki a{font-size: 1.3em; font-weight: bold; margin-right: 70px;}
#menu .linki .last {margin: 0px;}

#content {width: 1020px; background: url(../images/content/bg.gif) left top repeat-y;}
#content .left {width: 1020px; background: url(../images/content/left.gif) left top no-repeat;}
#content .right {width: 1020px; background: url(../images/content/right.gif) right top no-repeat;}

#context {width: auto; background: url(../images/content/logo.gif) right 25px no-repeat; min-height: 411px; padding: 15px 55px 12px 55px; text-align: left;}
#context .mess{padding-bottom: 12px;}
#context .mess p {padding-bottom: 0px;}
#context p {padding-bottom: 12px;}
#context .mess img {border: 1px solid #336666; margin-right: 10px; margin-bottom: 15px;}
#context .mess .right_image {margin: 0px; margin-left: 10px;}
#context .mess .ost {line-height: 11px;}
#context .room {padding-bottom: 17px;}
#context .room img {border: 1px solid #336666; margin-right: 15px; margin-bottom: 5px; margin-top: 5px;}
*html #context{ 
 Height: expression(((document.documentElement.clientHeight || document.body.clientHeight) < 411)? "411px" : "411px");
}

#news .title{color: #336666; font-weight: bold; font-size: 1.0em; padding-bottom: 0px;}
#news .title span {font-size: 0.9em; color: #666666;}

#subway {width: 1020px; background: url(../images/subway/bg.gif) left top repeat-y;}
#subway .left {width: 1020px; background: url(../images/subway/left.gif) left bottom no-repeat;}
#subway .right {width: 1020px; background: url(../images/subway/right.gif) right bottom no-repeat;}
#subway .bottom {width: 1020px; background: url(../images/subway/bottom.gif) left bottom repeat-x;}
#subway .info {width: auto; padding: 0px 55px 45px 55px; text-align: left;}

#copyright {width: 100%; text-align: left; border: 0px none;}
#copyright td {white-space: nowrap;}
#schetchik {width: auto; text-align: center; padding-top: 46px;}

.relevant {width: 300px; position: absolute; height: 43px; background: url(../images/relevant.png) no-repeat; padding: 24px 0px 0px 96px; margin-right: 50px;}

#gallery ul { list-style: none; }
#gallery ul li { display: inline; }
