html {background:#0080e7 url(/img/bg.png) left top;}
body {color: #fff; font:0.75em/1.5em Verdana, Arial, Helvetica, sans-serif; background:url(/img/bg_top.png) top repeat-x;}

#page {background:url(/img/bg_btm.jpg) bottom repeat-x;}

#colmask {background: url(/img/logo.jpg) left top no-repeat; padding-top:150px;}

#logo {position:absolute; left:0; top:0; width:310px; height:240px; z-index:1}
#logo a {position:absolute; padding:74px 0 0 37px; font:29pt Tahoma; font-weight:bold; color:#0080e7; width:212px; height:131px; overflow:hidden; background:#fff; z-index:2}
#logo a span {position:absolute; left:0; top:0; width:249px; height:205px; background: url(/img/logo.jpg) left top no-repeat}
body #logo div.motto {position:absolute; left:285px; top:58px; font:29pt Arial; color:#fff; height:51px; overflow:hidden}
body.ru #logo div.motto {width:469px}
body.en #logo div.motto {width:397px}
body #logo div.motto span {position:absolute; left:0px; top:0px; height:51px}
body.ru #logo div.motto span {width:469px; background: url(/img/motto_ru.png) left top no-repeat}
body.en #logo div.motto span {width:397px; background: url(/img/motto_en.png) left top no-repeat}

#flags {
  margin: 0; padding: 0; list-style: none;
  position: absolute; right: 280px; top: 11px; z-index: 1100; 
}

#flags li {float: left;  }
#flags li a{ margin-right:13px; float: left;  overflow: hidden; color: #fff;  text-decoration: none;
}
/*#flags {position:absolute; z-index:22; right:150px; top:9px; width:90px}
#flags li {float:left; overflow:hidden; margin-right:10px; font-size:0.5em}*/
/*#flags li a {display:block; position:relative; width:18px; height:14px; background:url(/img/flags.gif) left bottom no-repeat;}*/
/*#flags li a:hover {height:13px;}
#flags li.en a {background-position:-14px bottom}
#flags li.ru a {background-position:-45px bottom}*/

#qlinks {position:absolute; z-index:22; right:0; top:10px; width:90px}
#qlinks li {float:left; overflow:hidden; margin-right:10px; font-size:0.5em}
#qlinks li a {display:block; position:relative; width:12px; height:12px; background:url(/img/qlinks.gif) left bottom no-repeat;}
#qlinks li a:hover {height:11px;}
#qlinks li.home a {background-position:left bottom}
#qlinks li.mail a {background-position:-24px bottom}
#qlinks li.smap a {background-position:-48px bottom}
#qlinks li.frum a {background-position:-70px bottom}

#flashHolder object {position:absolute; height:345px; width:233px; right:0; top:0; z-index:20}

#contentHolder {position:relative}
#content div.contentLines {position:relative; z-index:25; margin-right:235px}
#content div.secondPart {min-height:430px}
#content big.welcome {font:20pt/20pt "Trebuchet MS", Tahoma; display:block}
#content p {margin:1em 0px; text-indent:1em;}
#content a {text-decoration:underline; color:#fff}
#content a:hover {}
#content ul {margin-left:1.5em}
#content ol {margin-left:2em}
#content table {width:100%; border-collapse:collapse; margin:0 0 1em}
#content caption {font-size:1.5em; text-align:center; width:100%; line-height:2em; padding-top:0.3em}
#content th,
#content td{padding:0.2em 1em; color:#fff; border:1px #fff solid}
#content th{background:#3b92f0}
#content blockquote{padding-left:1em; border-left:2px #fff solid; margin:1em 0}

div#delimeterTop {display:none}
body.withAnnounce div#delimeterTop {background:url(/img/delim_t_line.png) left bottom repeat-x; height:21px; clear:both; position:relative; margin-top:25px; left:-36px; display:block}
div#delimeterTop .decorRight {position:absolute; display:block; right:-36px; top:-10px; width:567px; height:79px; background:url(/img/delim_t_liner.png) right top no-repeat; z-index:10;}
div#delimeterTop .decorBottom {position:absolute; display:block; right:-36px; bottom:-211px; width:172px; height:163px; background:url(/img/announce_tr.jpg) -1px top no-repeat; z-index:10;}

#announceBlock {display:none}
body.withAnnounce #announceBlock {background:#005dd2 url(/img/announce_r.jpg) right repeat-y; margin-top:57px; margin-left:-239px; padding-right:50px; display:block;}
#announceBlock div.lineTop {background:url(/img/announce_t.png) top repeat-x; height:3px}
#announceBlock div.lineBottom {background:url(/img/announce_b.png) top repeat-x; height:4px; clear:both; margin-right:-50px;}
#announceBlock div.inner {min-height:200px; background:url(/img/announce_l.png) left repeat-y; padding:0 75px 0 250px}

#announceBlock ul.announceList {list-style:none}
#announceBlock ul.announceList li {width:45%; float:left; margin-right:-50%; padding-top:1em; margin:0 1em 1em 0}
#announceBlock ul.announceList li.even {clear:both}
#announceBlock ul.announceList li strong {border-left:3px #47a1ff solid; display:block; padding-left:0.5em; color:#7bbcff; margin:0.3em 0}
#announceBlock ul.announceList li a {text-decoration:none}
#announceBlock ul.announceList li a:hover {text-decoration:underline}
#announceBlock ul.announceList img {display:block; padding:0 1em}

#announceBlock div.inner p,
#announceBlock div.inner table,
#announceBlock div.inner dl {clear:both}

div#delimeterBottom {background:url(/img/delim_b_line.png) left bottom repeat-x; height:21px; clear:both; margin-top:19px; margin-left:-285px; position:relative; clear:both}
div#delimeterBottom .decorLeft{background:url(/img/delim_b_linel.jpg) left top no-repeat; width:297px; height:287px; margin-top:19px; position:absolute; left:0; top:-48px; z-index:1}
body.withAnnounce div#delimeterBottom .decorTop{background:url(/img/announce_bl.png) top right no-repeat; height:60px; width:300px; position:absolute; bottom:0; left:0; top:-79px; z-index:2;}
body.withAnnounce div#delimeterBottom .decorRight{background:url(/img/announce_br.jpg) top right no-repeat; height:128px; width:90px; position:absolute; top:-53px; right:0; z-index:5}


div.mainMenuContainer {background:url(/img/mm_bg.jpg) left bottom repeat-y; width:249px; margin:90px 0 220px; position:relative; z-index:10}
#mainMenu {background:url(/img/mm_bgt.jpg) left top no-repeat; position:relative; top:-5px; min-height:280px; z-index:3; font:1.1em Tahoma, Arial, Helvetica, sans-serif}
#mainMenu ul {margin-left:1em; list-style:none; background:none; float:none; margin-bottom:0}
#mainMenu li {padding:0 10px 3px 38px;}
#mainMenu li a {font-weight:bold; padding-left:5px; border-left:4px #cce3fc solid}
#mainMenu li.active a {font-weight:bold; padding-left:5px; border-left:4px #04369e solid; color:#a3d7ff}
#mainMenu li ul {list-style:square inside}
#mainMenu li a{color:#fff; text-decoration:none}
#mainMenu li a:hover{text-decoration:underline}
#mainMenu li li {padding-left:0; font-size:0.95em; font-weight:normal; color:#cce3fc}
#mainMenu li li.active {color:#04369e}
#mainMenu li li a {font-weight:normal; padding-left:0; border-left:0}
#mainMenu li.active li a {font-weight:normal; padding-left:0; border-left:0; color:#fff}
#mainMenu li.active li.active a {color:#a3d7ff}

div.mainMenuContainer div.decorRight {position:absolute; right:-21px; width:21px; background:url(/img/mm_bgr.png) left repeat-y; height:100%; clear:both; position:absolute; top:0px; z-index:2;}
div.mainMenuContainer div.decorBottom{background:url(/img/mm_bgb.png) left top no-repeat; height:100px; clear:both; position:absolute; bottom:-57px; width:280px; z-index:2; left:0}
div.mainMenuContainer div.decorTop{background:url(/img/mm_bgtt.jpg) left top no-repeat; height:131px; clear:both; position:absolute; top:-131px; width:16px; z-index:25; right:-16px;}

#footer {background:url(/img/bg_btmr.jpg) right bottom no-repeat}
#footer div.inner {background:url(/img/bg_btml.jpg) left bottom no-repeat; height:395px; position:relative; left:-1px}
#footer div.decorLeft {background:url(/img/bg_btmlt.png) left top no-repeat; top:-190px; height:190px; width:274px; position:absolute; left:0}
#footer form#search  {height:190px; width:250px; position:absolute; left:24px; top:-190px}
#footer form#search input.submit {background:#1c78da; border:2px #4f96e2 outset; font-size:0.9em; color:#fff; padding:0 1em; margin:0;}
#footer a.prod {position:absolute; white-space:nowrap; left:85px; bottom:25px; line-height:1.5em; font-size:0.75em; color:#fff; text-decoration:none; background: url(/img/dextra.jpg) left center no-repeat; padding-left:30px}
#footer a.prod strong {display:block}
#footer div.copy {position:absolute; white-space:nowrap; right:20px; bottom:20px; line-height:1.3em; font-size:0.9em; color:#fff; text-decoration:none;}
#footer div.copy address {font-style:normal; font-size:0.9em; color:#badcff}