body { background-color: #335FA8 }

div.container { text-align: center }
div.grid {
  width: 906px;
  padding-left: 27px;

  text-align: left;
  margin: 0 auto;
}

div#top { height: 329px }
div#top div.container {
  height: 100%;

  background: transparent url("/images/bg/top/photo.jpg") repeat-x center 163px
}

strong#logo, a#logo {
  display: block;
  width: 300px;
  height: 96px;

  float: right;
  margin: 0 4px 0 10px;

  background-image: url("/images/logo.png")
}
strong#logo span, a#logo span { display: none }

p.phones { display: block; float: left; margin: 35px 0 0; color: #F8F7F5; font-size: 125% }

ul#navigation { display: block; clear: both }
ul#navigation li {
  float: left;
  width: 20%;

  background: transparent url("/images/bg/top/menu-marker.gif") no-repeat right top
}
ul#navigation li, ul#navigation li a, ul#navigation li a span { display: block; height: 26px }
ul#navigation li a { margin: 2px 32px 0 8px }
ul#navigation li a span { background: transparent url("/images/bg/top/menu-left.gif") no-repeat 0px 1px; padding: 1px 0 0 8px }

ul#navigation li a span span {
  background: #AFC3D7 url("/images/bg/top/menu-right.gif") no-repeat right top;

  color: #F8F7F5;

  text-align: center;
  font-size: 125%;

  height: 19px;
  padding: 0 8px 1px 0;
}

ul#navigation li.first a { margin-left: 0 }
ul#navigation li.last { background-image: none }
/*ul#navigation li.last a { margin-right: 0 }*/

/* fucking ie6 hack */
ul#navigation li a:hover { background-color: transparent }

ul#navigation li.selected a span span,
ul#navigation li a:hover span span
{
  background-color: #EEA820;
  background-image: url("/images/bg/top/menu-right-active.gif");

  font-weight: bold;

  padding-top: 1px;
  padding-bottom: 0
}
ul#navigation li.selected a span,
ul#navigation li a:hover span
{ background-image: url("/images/bg/top/menu-left-active.gif") }


div#top div.decor {
  float: left;
  clear: both;
  padding: 7px 0 0 0;
  background: transparent url("/images/bg/top/decor-top-right.jpg") no-repeat right 14px;
}
div#top div.decor div.decor {
  padding: 0 8px 0 0;
  background: transparent url("/images/bg/top/decor-bottom-right.jpg") no-repeat right bottom;
}
div#top div.decor div.decor div.decor {
  width: 873px;
  height: 200px;

  padding: 0;

  background: #F8F7F5 url("/images/bg/top/decor.jpg")
}

div#middle div.container { background-color: #E9EAEC; padding-bottom: 40px }

div#bottom {
  background: transparent url("/images/bg/bottom.gif") repeat-x left top;
  color: #E9EAEC;

  padding: 1em 0 0 0;

  height: 78px
}

div#wrapper { float: left; width: 906px }
div#content { margin: 0 206px 0 156px }

div#certificates { float: left; width: 156px; margin-left: -906px }
div#certificates div.padding { padding: 0 10px 10px 0 }

div#news { float:left; width: 206px; margin-left: -206px }
div#news div.padding { padding: 0 0 10px 16px }

div#news h3, div#news h2 { text-align: center }

div#news h3 { margin: 25px 0 15px }

div#news dl { font-size: 92%; color: #030303; padding: 0 16px }

div#content h1 {
  text-align: center;

  font-weight: bold;
  font-size: 105%;

  color: #000000
}
div#content div.decor { background: #F9FCFD url("/images/bg/content.gif") repeat-y left top }
div#content div.decor div.decor { background: transparent url("/images/bg/content-top.gif") no-repeat left top }
div#content div.decor div.decor div.decor {
  background: transparent url("/images/bg/content-bottom.gif") no-repeat left bottom;
  padding: 11px 24px;
  min-height: 469px
}

div#content h2 { margin: 12px 0 10px; color: #C98501 }
div#content ul, div#content p { margin: 12px 0 }

div#content ul li {
  display: block;
  padding-left: 22px;
  margin: 5px 0;
  background: transparent url("/images/bg/list-marker.gif") no-repeat left 5px
}


div#bottom p { display: block; float: left }
div#bottom p.design, div#bottom p.copyright { font-size: 92% }
div#bottom p.design { width: 13em }
div#bottom p.copyright { float: right; margin-left: 0 }
div#bottom p.contacts { text-align: center; margin-left: 14em }

div#bottom a, div#bottom a:hover, div#bottom a:visited { color: #E9EAEC; text-decoration: none }

a.banner img, a.banner object { padding: 4px; border: 1px solid #609CD6 }
a.banner { margin: 13px 0; display: block }

a.certificate { margin: 10px 0; display: block }
a.certificate img { border: 1px solid #609CD6 }


.hidden { display: none }
.clearfix { clear: both }


/* FIX */

div#bottom p.contacts { text-align: center; margin-left: 12em }
div#content div.decor div.decor div.decor {min-height: 569px}
div#content h1 {margin: 0;}
a.certificate img {border: 1px solid #609CD6; padding: 4px;}
strong#logo, a#logo, object#logo {display: block; width: 300px; height: 96px; float: right; margin: 0 4px 0 10px}
strong#logo, a#logo {background-image: url("/images/logo.png") }
a.banner img, a.banner object {border: none;}
div.banner {border: 1px solid #609CD6; padding: 4px; margin: 13px 0;}