* {
  margin: 0; padding: 0;
  text-align: left;
}
html, body {
  width: 100%; height: 100%;
  margin: 0; padding: 0;
}
body {
  min-height: 100%;
  min-width: 900px;
}


/***********
 Page & Foot
 ***********/
#Page {
  height: auto !important;
  min-height:100%;
  height: 100%;
  padding: 0 20px;
  background: #fff;
}
#PreFoot {
  clear: both;
  height: 195px;
  margin: 0; padding: 0;
}
#Foot {
  position: relative;
  height: 120px;
  margin: -120px 0 0 0; padding: 0;
}  


/****
 Head
 ****/
#Head {
  z-index: 0;
  position: relative;
  width: 100%;
  margin: 0;
  padding: 20px 0 0 0;
  background: #fff url('/_i/head-shadow.jpg') no-repeat center 4px;
}

#Head .visual {
  z-index: 0;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 120px;
  background: #c8d2e9 url('/_i/head-bg.jpg') no-repeat right top;
}
#Head .visual .light {
  z-index: 0;
  position: absolute;
  width: 432px; height: 120px;
  margin-left: -200px;
  left: 26%;
  background: url('/_i/head-light.png') no-repeat left top;
  //background: none;
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_i/head-light.png');
}

/* sides */
#Head .sideL, #Head .sideR {
  z-index: 2;
  position: absolute;
  width: 9px; height: 120px;
}
#Head .sideL {
  top: 0px; left: 0px;
  background: url('/_i/head-side-l.gif') no-repeat 0 0;
}
#Head .sideR {
  top: 0px; right: 0px !important;
  right: -1px;
  background: url('/_i/head-side-r.gif') no-repeat 0 0;
}

/* logo */
#Head .visual .logo {
  z-index: 0;
  position: absolute;
  width: 320px; height: 120px;
  margin-left: -150px;
  left: 26%;
}
#Head .visual .logo img {
  z-index: 0;
  display: block;
  width: 299px; height: 66px;
  margin: 20px 0 0 10px;
}
#Head .visual .logo .logoimg {
  z-index: 0;
  display: block;
  width: 299px; height: 66px;
  margin: 20px 0 0 10px;
  background: url('/_i/logo.png') no-repeat left top;
  //background: none;
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_i/logo.png');
}
#Head .visual .swf {
  z-index: 0;
  position: absolute;
  top: 13px; left: 0px;
  width: 320px; height: 80px;
  margin: 0;
}
#Head .visual .onmain {
  z-index: 1;
  position: absolute;
  top: 0px; left: 0px;
  width: 299px; height: 66px;
  display: block;
  margin: 0;
}
#Head .visual .onmain a {
  width: 299px; height: 66px;
  display: block;
  text-decoration: none;
}

/* icons */
#Head .visual .icons {
  z-index: 1;
  position: absolute;
  top: 50px; right: 6%;
  width: 84px; height: 25px;
  margin-right: -42px;
}
#Head .visual .icons a,
#Head .visual .icons div {
  display: block;
  width: 25px; height: 25px;
  font-size: 1px;
}
#Head .visual .icons .onmain {
  position: absolute; top: 0px; left: 0px;
  background: url('/_i/i-onmain.gif');
}
#Head .visual .icons .onmain a:hover {
  background: url('/_i/i-onmain-h.gif');
}
#Head .visual .icons .feedback {
  position: absolute; top: 0px; left: 28px;
  background: url('/_i/i-feedback.gif');
}
#Head .visual .icons .feedback a:hover {
  background: url('/_i/i-feedback-h.gif');
}
#Head .visual .icons .search {
  position: absolute; top: 0px; left: 56px;
  background: url('/_i/i-search.gif');
}
#Head .visual .icons .search a:hover {
  background: url('/_i/i-search-h.gif');
}
#Head .visual .icons div.bg {
  background: url('/_i/i-bg.png');
  //background: none;
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_i/i-bg.png');
}
#Head .visual .icons .onmain div.img { background: url('/_i/i-onmain.gif');}
#Head .visual .icons .feedback div.img { background: url('/_i/i-feedback.gif');}
#Head .visual .icons .search div.img { background: url('/_i/i-search.gif');}


/***
 Nav
 ***/
#Nav {
  z-index: 2;
  position: absolute;
  top: 116px; left: 26%;
  width: 68%; height: auto;
  padding: 0 3px;
}

#Nav .line {
  z-index: 5;
  position: absolute; left: 0px; bottom: 0px !important;
  display: block !important;
  display: none;
  width: 100%; height: 2px;
  background: url('/_i/line-white.gif') repeat-x;
}

#Nav .cornerTL, #Nav .cornerTR, #Nav .cornerBL, #Nav .cornerBR {
  z-index: 4; position: absolute;
  width: 11px; height: 24px;
}
#Nav .cornerTL {
  top: 0px; left: 0px;
  background: url('/_i/nav-corner-tl.png') no-repeat 0 0;
  //background: none;
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_i/nav-corner-tl.png');
}
#Nav .cornerTR {
  top: 0px; right: 0px;
  background: url('/_i/nav-corner-tr.png') no-repeat 0 0;
  //background: none;
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_i/nav-corner-tr.png');
}
#Nav .cornerBL {
  bottom: 0px; left: 0px;
  background: url('/_i/nav-corner-bl.png') no-repeat 0 0;
  //background: none;
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_i/nav-corner-bl.png');
}
#Nav .cornerBR {
  bottom: 0px; right: 0px;
  background: url('/_i/nav-corner-br.png') no-repeat 0 0;
  //background: none;
  //filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/_i/nav-corner-br.png');
}

#Nav .wrapA, #Nav .wrapB, #Nav .wrapC {
  z-index: 3; position: relative;
  width: auto; height: auto;
}
#Nav .wrapA {
  margin: 0 4px; padding: 1px 0;
  background: #ffe9d4;
}
#Nav .wrapB {
  margin: 22px -4px; padding: 1px 0;
  background: #ffe9d4;
}
#Nav .wrapC {
  margin: -19px 5px; padding: 0px 0px;
  //margin-bottom: -24px;
  background: #ffe9d4 url('/_i/nav-pattern.gif') repeat;
  min-height: 22px;

}

/* menu */
#Nav table {
	border-collapse: collapse; border-spacing: 0; empty-cells: show; border: 0;
	overflow: visible;
}
#Nav table td, #Nav table th {
  width: 4%;
  padding: 3px 8px 5px 8px;
  text-align: center;
  overflow: visible;
  white-space: nowrap;
  font-weight: normal;
  font-size: 15px;
}
#Nav table td.pad {
  width: 2%; padding-left: 3px; padding-right: 3px;
}

#Nav a {font-size: 15px; text-decoration: underline; color: #c91f3d;}
#Nav a:visited {color: #c91f3d;}
#Nav a:hover {color: #555b75;}

#Nav table div {
  font-size: 15px;
  margin: 0 0 -10px 0; padding: 0;
  //padding: 3px 0;
  text-align: center;
  color: #82879e;
  background: #fff url('/_i/nav-active-corners.gif') top left no-repeat;
}
#Nav table div div {
  margin: 0; padding: 10px 10px 12px 10px;
  background: url('/_i/nav-active-corners.gif') top right no-repeat;
}
#Nav table div a {color: #82879e;}
#Nav table div a:visited {color: #82879e;}
#Nav table div a:hover {color: #555b75;}


/****
 Foot
 ****/
#Foot a:link {color: #8c7f8c;}
#Foot a:visited {color: #8c7f8c;}
#Foot a:hover {color: #c91f3d;}

#Foot .wrap {
  width: auto;
  height: 100px;
  margin: 0 30px;
  background: url('/_i/foot-shadow.jpg') no-repeat center 1px;
}
#Foot .line {
  width: auto;
  height: 20px;
  background: url('/_i/line-foot.gif') repeat-x center top;
}
#Foot table { width: 100%; height: 100px; margin: 0;}
#Foot table th {
  width: 95%;
  padding: 15px 30px 0 30px;
  vertical-align: top;
}
#Foot table td {
  width: 5%;
  padding: 0 30px 0 0;
  text-align: right;
  vertical-align: top;
}
#Foot table td .counterwrap {
  position: relative;
  width: 100%;
  margin: 0; padding: 0;
  text-align: right;
}

/* address */
#Foot address {
  display: block;
  margin: 0;
  padding: 0 20px 7px 20px;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #707798;
}
#Foot p {
  margin: 0;
  padding: 0px 20px;
  font-size: 11px;
  font-style: normal;
  font-weight: normal;
  color: #fff;
}
#Foot p span.contacts {
  padding: 0px 10px 0 16px;
  background: url('/_i/foot-icon-contacts.gif') no-repeat left 3px;
}
#Foot p span.login {
  padding: 0px 10px 0 15px;
  background: url('/_i/foot-icon-login.gif') no-repeat left 3px;
}

/* petrovs */
#Foot th.petrovs {
  position: relative;
  padding-left: 0;
  font-size: 11px;
  font-style: normal;
  color: #707798;
}
#Foot th.petrovs div {
  position: relative;
  top: 0; left: 0;
  margin: 0; padding: 0;
  color: #707798;
}
#Foot th.petrovs h4 {
  position: relative;
  top: -9px; left: 27px;
  margin: 0; padding: 0 30px 0 0;
  font-size: 11px;
  font-weight: normal;
  color: #707798;
}

/***************/
#Foot .counters {
  width: auto;
  height: 100%;
  margin: 0;
  padding: 15px 30px;
  white-space: nowrap;
  text-align: center;
  opacity: 0.8;
  font-size: 15%;
}
#Foot div.counter {
  display: inline;
  margin: 0; padding: 0;
}
#Foot div.counter * {
  display: inline;
}


/*******
 Content
 *******/
#Content {
  clear: both;
  margin: 70px 0 0 0;
  width: 100%;
}

#Title {
  margin: 0;
  padding: 0 0 45px 26%;
}
#Title h1 { margin-bottom: 0px;}
#Title.h2 h1 { font-size: 135%; font-weight: normal;}

#Menu {
  float: left;
  width: 20%;
  margin: 0;
  padding: 3px 0 45px 15px;
}

#Frame {
  float: none;
  width: auto;
  margin: 0 0 0 26%;
  padding: 0 60px 30px 0;
}

#UnderFrame {
  clear: both;
  float: none;
  width: auto;
  margin: 0 11% 0 11%;
  padding: 0 0 30px 0;
}