html, body {width:100%;height:100%;margin:0;padding:0;border:0}
body {background:#383838 url(gfx/bg.jpg) center top repeat-y}
body, td {font-family:Verdana, Arial, Helvetica, sans-serif;font-size:13px}
.rel {position:relative}
.abs {position:absolute}
.fl {float:left}
.fr {float:right}
.clear {clear:both}
a img {border:0}
#container {background:url(gfx/vertical.png) top left repeat-y;width:980px}
#loopleft {background:url(gfx/loop_left.png) top left repeat-x}
#loopright {background:url(gfx/loop_right.png) top left repeat-x}
#logo {left:40px;top:90px}
#topmenu {font-size:22px;font-style:italic;right:0;top:26px;font-weight:bold}
#topmenu a {color:#4c470e;text-decoration:none;height:122px;display:inline-block; text-shadow: 0 0 3px #fff}
#topmenu span {width:1px;height:122px;display:inline-block;vertical-align:middle}
#topmenu .left {margin-right:20px}
#topmenu .right {margin-left:20px}
#topmenu a:hover {background:url(gfx/menulight_bg.png) top center repeat-x; text-shadow: 0 0 6px #fff;color:#000}
#topmenu a:hover .left, #topmenu a:hover .right {background:url(gfx/menulight_border.png) top left no-repeat}
#whitebg {background:url(gfx/bg_light.jpg) 255px 0 repeat-y}
#content {width:655px;padding:0 35px 35px 35px}
#content p {margin:0;padding:0}
#content img {border-color:#fff}
#content a {color:#7f7400}
#left {width:233px;font-size:11px;font-weight:bold}
#left a {display:block;width:198px;text-align:left;background:url(gfx/menubelka_loop.png) top left repeat-y;margin-bottom:5px;color:#000;text-decoration:none}
#left a span {padding: 0 5px 5px 17px;text-algin:left;display:block}
#left a:hover {text-shadow: 0 1px 2px #aaa;color:#333}
#dsgclose {margin-left:216px;background:url(gfx/horizontal.png) 39px 0 no-repeat}
#bottommenu {top:-8px;right:15px;font-size:15px;font-style:italic;font-weight:bold}
#bottommenu a {color:#000;text-decoration:none;text-shadow: 0 0 3px #fff;display:inline-block;padding:0 15px}
#bottommenu a:hover {color:#333;text-shadow: 0 1px 1px #ddd}