html {height: 100%}
*html body {height: 100%;}
body {
  position: relative;
  margin: 0;
  padding: 0;
  width: 100%;
	min-height: 100%;
  background: #38509A url(images/simvol.jpg) no-repeat;
  color: #a1b3e9;
  font: 12px tahoma, vardana, arial;
}
a {color: #C9D4F7;}
h1 {color: #f0ed5a; font: normal 17px arial}
h2 {font-size: 14px}

#main {margin: 0; padding: 0; padding-left: 274px}
#wrap:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	}
*html #wrap {height: 1%;}
#content {width: 100%; background: #415BA6; padding-bottom: 30px; margin-bottom: 100px;}
div#content:after {
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
	}
*html div#content {height: 1%;}
#head {background: url(images/logo_bg.gif) bottom repeat-x}
#header {height: 280px; background: url(images/logo.jpg) left bottom no-repeat}
#header h1 {margin-top: 200px; margin-left: 30px}
#top_links {height: 43px; background: #24366B; padding-top: 8px;}
#icons {float: left; width: 171px; height: 34px; margin: 0 0 0 25px; padding: 10px 13px; background: url(images/icons_bg.gif) no-repeat}
#icons span {padding: 0 55px}
#contacts {float: left; width: 278px; height: 34px; text-align: center; padding-top: 8px; background: url(images/contact_links_bg.gif) no-repeat}
#contacts a {text-decoration: none; font-size: 13px}
#contacts a:hover {text-decoration: underline}
#version {position: absolute; top: 8px; right: 0; height: 34px; text-align: center; padding: 8px 20px 0; background: url(images/contact_links_bg.gif) no-repeat}
#version a {text-decoration: none; font-size: 13px}
#version a:hover {text-decoration: underline}
#menu ul {margin: 15px 30px 0px 30px; padding: 0}
#menu ul li {display: inline; list-style-type: none; padding: 10px 20px; background: #536CB4}
#menu ul li:hover {background: #3C5292}
#menu ul li.current {background: #3C5292}
#menu ul li.current a {color: #88ACF3; text-decoration: none}
#text {padding: 10px 30px; max-width: 650px; /width: 650px;}
#block {font-size: 11px; float: left; margin-top: 30px; width: 33%; min-height: 100px;}
#block img {border: 5px solid #5F7BBA}

#left {
  position: absolute;
  top: 295px;
  width: 264px;
  left: 0;
  border-left: 10px solid #415BA6;
  background: #38509A url(images/menu_bg.jpg) no-repeat;
}
#left ul {
  font-family: Arial Narrow, arial;
  font-size: 14px;
  text-transform: uppercase;
  color: #FFFFFF;
  list-style: none;
  margin: 0; padding: 15px 0 0 40px;
  line-height: 26px;
}
#left ul a {
  text-decoration: none;
}
#left ul a:hover   {
  color: #86D4A6;
  text-decoration: underline;
  list-style-image: url(images/arr.gif);
}
#left ul li:hover   {
  text-decoration: underline;
  list-style-image: url(images/arr.gif);
}
#left h1 {margin: 30px 0 10px 40px}

#footer {
  position: absolute;
  left: 0;
  bottom: -13px;
  height: 95px;
  width: 100%;
  color: #677DC6;
  background: url(images/foofter_bg.gif) bottom repeat-x
}
#footer_left {position: absolute; left: 0; bottom: 0; width: 10px; height: 600px; background: #415BA6}
#counter, #copyright {float: left}
#copyright {font: 12px arial; padding-left: 80px}

#counter {padding-left: 300px; width: 150px}