html, body { height: 100%; margin: 0; padding: 0; color: white; font: normal 12px/14px Arial, sans-serif; }
#top, #content, #footer { width: 760px; background: black; margin: auto; }
#all { position: relative; height: 100%; }
html>body #all { height: auto; min-height: 100%; }
#empty { height: 90px; *height: 95px; }
#footer { height: 80px; padding-top: 10px; padding-bottom: 5px; *padding-bottom: 0px; position: absolute; bottom: 0; left: 50%; margin-left: -380px; margin-right: 0px; }
/*
html { background: black url('/img/iface/body.gif') 50% 0% repeat-y; }
body { background: url('/img/iface/b.gif') no-repeat; background-attachment: fixed; }
*/
html { background: black url('/img/iface/body.gif') 50% 0% repeat-y; _background: black url('/img/iface/b.gif') no-repeat; background-attachment: fixed; }
body { background: none; _background: black url('/img/iface/body.gif') 50% 0% repeat-y; background-attachment: fixed; }

/* layout */
.both { clear: both; height: 1px; overflow: hidden; margin-bottom: -1px; }
/* #nl { display: none; } */
.section .section div.right { float: right; width: 257px; }
.no-mar-top { margin-top: 0px !important; }
.no-pad-left { padding-left: 0px !important; }
.nobr { white-space: nowrap !important; }
p.right { text-align: right; }

/* font, colors */
.section h1 { font-size: 24px; color: white; }
.section .section { margin: 14px 0px 0px 0px; }
.section .section div.right { color: #8f8f8f; line-height: 15px; }
.section .section .content { float: left; width: 420px; padding-left: 61px; }
.section .section .content.content-left { width: 481px; padding-left: 0px; }
.small, #technology .content .small, #powered-by p { font-size: 9px; font-family: Arial, sans-serif; color: #818181; }
#technology .content p, #technology .content ul { color: #f08831; }
a { color: #cd1004; }
a:hover { color: #FF1405; text-decoration: none; }

/* share decor */
#nl, #nl li { margin: 0px; padding: 0px; list-style: none; }
#nl { 
  width: 30px; 
  position: fixed; left: 50%; top: 131px; margin-left: 382px;
  _position: absolute; _top:expression( 130 + eval(document.documentElement.scrollTop) + "px" );
}
#nl li { margin-bottom: 7px; position: relative; }
#nl .top, #nl .bot { width: 30px; }
#nl .top { padding-top: 5px; background: transparent url('/img/iface/nl-top.gif') left top no-repeat; }
#nl .bot { padding-bottom: 5px; background: transparent url('/img/iface/nl-bottom.gif') left bottom no-repeat; }
#nl .bg { padding: 1px 0px; zoom: 1; background: transparent url('/img/iface/nl-bg.gif') left bottom repeat-y; }
#nl .v-line, #nl .lining { position: absolute; left: 0px; top: 0px; font-size: 1px; line-height: 1px; }
#nl .v-line { left: 1px; width: 1px; background: #0a0a0a; }
  #nl .theory .v-line { background: #854e20; }
  #nl .practice .v-line { background: #852035; }
  #nl .technology .v-line { background: #2b5c85; }
  #nl .theory .lining { background: #854e20; }
  #nl .practice .lining { background: #852035; }
  #nl .technology .lining { background: #2b5c85; }
#nl img { display: block; }
#nl .arrow { position: absolute; left: 11px; top: 12px; background: #676767; }
  #nl .theory .arrow { background: #ff9134; }
  #nl .practice .arrow { background: #b82647; }
  #nl .technology .arrow { background: #119dc3; }
#nl .image { margin: 0px 0px 7px 3px; padding-top: 17px; width: 22px; position: relative; }
#nl .image .gray { background: #676767; }
#nl .image span { display: block; zoom: 1; cursor: pointer; }
#nl .image span.imgLoaded { _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ this.childNodes[0].src +"', sizingMethod='crop')"); } 
#nl .image img { _visibility: hidden; }

a img { border: none; }
#top { border-bottom: 1px solid #393939; }
#top_zaglushka { border-bottom: 1px solid #000000; }

#top div { border-bottom: 13px solid #3b3b3b; }
#top div div { border-bottom: 5px solid #303030; }
#top div div div { 
  border-bottom: 1px solid #1a1a1a; 
  background: transparent url('/img/iface/top-bg.gif') 25px top no-repeat;
  height: 130px; 
}
#logo { 
  display: block; width: 276px; height: 69px; background: transparent url('/img/iface/logo-screen.gif') left top no-repeat;
  float: right; position: relative; right: 36px; top: 42px;
}
#logo img { display: block; border: 0px; visibility: hidden; }

.section h1 { margin: 28px 0px 0px 0px; }
  .bg-b36625 { background-color: #b36625; }
  .bg-b36625 span { border-bottom: 7px solid #b36625;}
  .bg-640722 { background-color: #640722; }
  .bg-640722 span { border-bottom: 7px solid #640722;}  
  .bg-043a50 { background-color: #043a50; }
  .bg-043a50 span { border-bottom: 7px solid #043a50;}
  #theory.section h1 { margin-top: 0px; }  
.section h1 img { position: relative; }
.section h1 span { display: block; }
.section h1 .shadow { 
  background: transparent url('/img/iface/h1.png') right top no-repeat; 
  zoom: 1; _width: 200px; _margin-left: 560px; 
  _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/iface/h1.png', sizingMethod='crop');
}
.section h1 span span { 
  background: none; border-bottom: 1px solid black; padding: 10px 0px 5px 58px;
  _position: relative; _left: -560px; _zoom: 1; _margin-right: -560px;
}
.section h1 span span span { 
  display: block; padding: 0px; border: none;
  _margin: 0px; _position: static; _left: 0px; _zoom: 1; 
  _filter:expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+ this.childNodes[0].src +"', sizingMethod='crop')");
}
.section h1 img {
  _visibility: hidden;
}

.author { background: #666 url('/img/iface/1x1-black.gif') left top no-repeat; float: left; margin-bottom: 14px; }
.author div { background: transparent url('/img/iface/1x1-black.gif') right top no-repeat; }
.author div div { background-position: left bottom; }
.author div div div { background-position: right bottom; padding: 1px; } 
.author img { display: block; }

.section .section div.right blockquote { 
  position: relative; left: -10px; 
  background: transparent url('/img/iface/bull-01.gif') 0px 3px no-repeat;
  margin: 1em 0px; padding-left: 10px; width: 215px;
}
.section .section .right .slogan { display: block; margin-bottom: 10px; clear: both; }
.section .section .right .separator {
  font-size: 1px; line-height: 1px;
  clear: both; margin: 9px 0px; 
  position: relative; 
  height: 1px; *overflow-y: hidden;
}
.section .section .right .separator div {
  font-size: 1px; line-height: 1px;
  position: absolute; right: 0px; top: 0px;
  width: 281px; height: 1px; *overflow-y: hidden;
  background: #CE0F01 url('/img/iface/s-s-right-sep.gif') left top no-repeat;
}
.section .section .right .separator .long {
  width: 308px; 
  background: #CE0F01 url('/img/iface/s-s-right-sep-long.gif') left top no-repeat; 
}

.section h2, .section h3 { margin: 0px; padding: 3px 0px 4px 61px; }
.section h2 { padding-top: 20px; background: transparent url('/img/iface/bull-02.gif') 43px 18px no-repeat; }

.logos, .logos li { list-style: none; }
.logos li { 
  float: left; width: 138px; margin-top: 31px; padding-bottom: 100px;
  background-position: left top; background-repeat: no-repeat; 
}

.reflection {}
  .reflection-01 {
    height: 509px; margin-bottom: -50px; 
    background: transparent url('/img/content/01-reflection.gif') 0px 345px; 
  }

.static-tab { background: transparent url('/img/iface/static-tab.gif') left top no-repeat; height: 23px; margin: 18px 0px; }
.static-tab div { margin-left: 13px; width: 102px; text-align: center; padding-top: 8px; }

#powered-by {
  position: relative; border: 2px solid #666; border-width: 2px 0px;  
  background: #800d06 url('/img/iface/footer-powered-by-bg.jpg') right top repeat-y; 
}
#powered-by .slogan { position: absolute; top: 8px; left: 35px; }
#powered-by p { display: block; margin: 0px; margin-left: 594px; line-height: 10px; }
#powered-by p span { 
  display: block; width: 40px; text-align: right; float: left; margin-right: 8px;
  position: relative; top: 10px; 
}
#powered-by p img { display: block; padding: 10px 0px 9px 0px; }

#copyrights { margin: 7px 15px 0px 34px;}
#copyright_zaglushka { margin: 7px 25px 0px 44px; }
#copyrights span { display: block; float: right; position: relative; top: 4px; }
#copyrights sup { vertical-align: super-top; margin-left: -1px; margin-right: 1px; }


/* local */
#practice .logos { margin-top: 40px; }
#practice h2 { margin-top: 24px; }
#practice .right { margin-top: 15px; }

#technology h1 { margin-bottom: 32px; }
#technology .content p, #technology .content ul { padding-left: 25px; margin: 16px 0px;}
#technology .static-tab { margin-top: -17px; }

#liveinternet-counter { position: absolute; left: 643px; top: 65px; display: block; }
