* {font-size: 100.01%;}

html, body {height: 100%;}

html {
    -filter: expression(
        document.execCommand("BackgroundImageCache", false, true)
    ); 
}

body {
    margin: 0;
    padding: 0;
    background: #fff url(/images/body.gif) 1250px repeat-y;
    font: normal 0.8em/1.4 verdana, tahoma, arial;
    color: #7c7c7c;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0.9em 0 0.3em;
    font-weight: bold;
    font-size: 1em;
    line-height: 1.3;
}

h1 {
    margin: -0.2em 0 0;
    padding: 0 0 0.2em;
    border-bottom: 1px solid #e5e5e5;
    font: normal 1.85em arial;
    color: #a5a4a4;
}

h2 {
    margin: 0 0 0.9em;
    padding-top: 0.4em;
    font-size: 1.1em;
    color: #010101;
}

h3 {font-size: 0.9em;}

p, address, blockquote, ul, ol, dl, form {
    margin: 0 0 1.2em;
    padding: 0;
    font-style: normal;
}

ul {list-style-type: none; margin-bottom: 0;}

ol {list-style-type: decimal;
    list-style-position: outside;
    padding-left: 1.8em;
    margin-left: 1em;
}

li, dt, dd {margin: 0;}

table {
    margin: 0 0 1.2em;
    border-collapse: collapse;
    border-spacing: 0;
}

th, td {
    padding: 0;
    vertical-align: center;
    line-height: 30px;
}

img {border: 0;}

input, select, button, textarea {
    font-family: verdana, tahoma, arial;
    color: #000;
}

a {
    text-decoration: underline;
    color: #000;
}

a:hover, a:active, a:focus {color: #a00;}

abbr, acronym {border-bottom: 1px dotted #000;}

var {
    font-style: normal;
    color: #a00;
}

ins {text-decoration: none;}

.small {font-size: 80%;}

.big {font-size: 120%;}

.error {color: red;}

.z {border: 1px dashed red;}

/*-------------------------------*/

#container {
    min-width: 980px;
    width: 100%;
    -width: expression(
        document.documentElement.clientWidth < 980 ? '980px' : (document.documentElement.clientWidth > 1250 ? '1250px' : '100%') 
    );    
    max-width: 1250px;
    min-height: 100%;
    -height: 100%;
    position: relative;
}

/*---footer----------------------*/

#footer {
    width: 100%;
    height: 6.3em;
    position: absolute;
    left: 0;
    bottom: 0;
    background: #e5e5e5;
}

#footer div {padding: 1.65em 63px 0 53px;}

#footer div:after {
    clear: both;
    display: block;
    content: '';
}

#footer div address {float: left;}

#footer div p {float: right;}

/*---header----------------------*/

#header {
    margin: 0;
    width: 100%;
    overflow: hidden;
    position: relative;
    background: url(/images/header.gif) 0 100% repeat-x; 
}

#header li {
    margin: 0;
    width: 25%;
    float: left;
    clear: right;
}

#header * {display: block;}

#header strong {
    margin: 0 -1px;
    position: relative;
    zoom: 1;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #fff #e5e5e5;
    background: none;
}

#header span,
#header a {height: 81px;}

#header a {
    width: 100%;
    cursor: pointer;
}

#header span {
    margin: 0 auto;
    width: 200px;
    background-image: url(/images/logo.png);
}

#logo-1 span,
#logo-1 a span {background-position: 0 0;}

#logo-1 a:hover span {background-position: 0 -81px;}

#logo-1 strong span,
#logo-1 strong a:hover span,
#logo-1 strong a span {background-position: 0 -162px;}

#logo-2 span,
#logo-2 a span {background-position: -200px 0;}

#logo-2 a:hover span {background-position: -200px -81px;}

#logo-2 strong span,
#logo-2 strong a:hover span,
#logo-2 strong a span {background-position: -200px -162px;}

#logo-3 span,
#logo-3 a span {background-position: -400px 0;}

#logo-3 a:hover span {background-position: -400px -81px;}

#logo-3 strong span,
#logo-3 strong a:hover span,
#logo-3 strong a span {background-position: -400px -162px;}

#logo-4 span,
#logo-4 a span {background-position: -600px 0;}

#logo-4 a:hover span {background-position: -600px -81px;}

#logo-4 strong span,
#logo-4 strong a:hover span,
#logo-4 strong a span {background-position: -600px -162px;}

#header span span {display: none;}

/*---content---------------------*/

#content {padding: 0 35px 7.3em;}

.wrapper {
    padding: 0.9em 315px 0.4em 0;
    zoom: 1;
}

.wrapper:after {
    clear: both;
    display: block;
    content: '';
}

.wrapper .d,
.wrapper .c,
.wrapper .b,
.wrapper .a {
    float: left;
    clear: right;
}

.wrapper .a {width: 100%;}

.wrapper .b {
    margin-right: -305px;
    padding-left: 20px;
    width: 285px;    
}

.wrapper .headline {padding-top: 0;}

.headline {border-bottom: 1px solid #e5e5e5;}

.three {
    margin-right: -15px;
    padding-bottom: 0;
    padding-right: 0;
    position: relative;
}

.thr2ee .c {width: 33.3%;}

.thr2ee .r {padding-right: 15px;}
.three2 {
    width: 33.3%;
    float: left;
} 
.three2 .r{
    padding-right: 15px;
}

.index {
    margin: -1em -20px 1em 0;
    padding: 0;
    position: relative;
}

.index .c {width: 50%;}

.index .d {width: 25%;}

.index .r {padding-right: 20px;}

.wrapper h1 {
    margin: 0;
    padding: 0;
    border: 0;
}

h1 span {color: #010101;}

.index h1 {
    margin-bottom: 0.4em;
    padding-top: 1.3em;
}

.wrapper h2 var {
    margin: 0.45em 0 -1.35em;
    display: block;
    font-size: 0.7em;
    font-weight: normal;
}

.price {
    margin: 0.3em 0 0 0;
    padding: 0 0 5px 20px;
    float: right;
    background: url(/images/download.gif) 0 0.15em no-repeat;
}
.download {
    margin: 0.3em 0 0 0;
    padding: 0 0 5px 20px;
    background: url(/images/download.gif) 0 0.15em no-repeat;
}

.off-image {
    padding-left: 0;
    background: none;    
}

/*---menu------------------------*/

.menu {
    margin: 0;
    overflow: hidden;
}

.menu li {
    margin: 0.2em 2em 0 0;
    float: left;
    font-size: 0.9em;
    color: #a00;
}

/*---special---------------------*/

.special {
    margin: 0;
    overflow: hidden;
}

.special li {
    margin: 0 0 0 -16px;
    padding: 0 16px;
    float: left;
    background: url(/images/special.gif) 7px 0.55em no-repeat;
    font-size: 0.85em;
    color: #a00;
}

/*---pict------------------------*/

.pict {
    margin: 0;
    margin-right: 22px;
    -margin-right: 11px;
    float: right;
    overflow: hidden;
}

.pict * {
    width: 11px;
    height: 13px;
    float: left;
    overflow: hidden;
    display: block;
    background-image: url(/images/pict.gif);
    zoom: 1;
}

.pict li {margin: 0 0 0 12px;}

#loupe a:hover,
#loupe {background-image: url(/images/loupe_r.gif)}

#loupe a {background-image: url(/images/loupe.gif)}

#home a:hover,
#home {background-position: 0 0;}

#home a {background-position: 0 -13px;}

#map a:hover,
#map {background-position: -11px 0;}

#map a {background-position: -11px -13px;}

#mail *,
#mail {width: 13px;}

#mail a:hover,
#mail {background-position: -22px 0;}

#mail a {background-position: -22px -13px;}

#rss a:hover,
#rss {background-position: -35px 0;}

#rss a {background-position: -35px -13px;}

#question *,
#question {width: 13px;}

#question a:hover,
#question {background-position: -46px 0;}

#question a {background-position: -46px -13px;}

#eng *,
#eng {width: 17px;}

#eng a:hover,
#eng {background-position: -59px 0;}

#eng a {background-position: -59px -13px;}

#rus *,
#rus {width: 16px;}

#rus a:hover,
#rus {background-position: -76px 0;}

#rus a {background-position: -76px -13px;}

.pict span {display: none;}

/*---plesh-----------------------*/

.plesh {
    margin: 0.9em -35px 2em;
    height: 400px;
    position: relative;
    zoom: 1;
    background: url(/images/plesh.jpg) center top no-repeat;
}


/*----dash-----------------------*/

.dash dd,
.dash dt {
    margin: 0;
    padding-left: 15px;
}

.dash dt {
    margin-top: 0.3em;
    background: url(/images/dash.gif) 0 0.7em no-repeat;
    font-size: 0.9em;
    font-weight: bold;
}

.mini dt {
    margin-top: 0.7em;
    font-weight: normal;
}

.mini dd {font-size: 0.85em;}

.date dd,
.date dt {
    padding-left: 0;
    background: none;
}


.date dt {margin-top: 1.5em;}

.date dd {padding-left: 0;}

.date dt var {
    margin-bottom: 0.25em;
    display: block;
    font-size: 0.9em;
    font-weight: normal;
}

/*---counter---------------------*/

.counter {
    padding-top: 0.75em;
    font-size: 0.9em;
    color: #a00;
}

.counter span,
.counter a {
    margin-left: 0.3em;
}

.counter span {color: #7c7c7c;}

/*--†----------------------------*/

.† {
    margin-top: -1em;
    padding: 0 30px 1px 40px;
    border-left: 1px solid #e5e5e5;
}

.† div {margin: 3.5em 0 -1.3em; }

.† p {
    margin-top: 0.45em;
    padding: 0 0 5px 20px;
    background: url(/images/download.gif) 0 0.15em no-repeat;
}

/*---editor----------------------*/

.editor {
    padding-right: 0;
    zoom: 1;
}
 
.editor ul li {
    padding-left: 1.3em;
    -text-indent: expression(
        parentNode && parentNode.nodeName == 'UL' ? '-1.3em' : 0
    );
    behavior: expression(
        !this.before && parentNode && parentNode.nodeName == 'UL' ? this.before = this.innerHTML = '&#151;&#160;' + this.innerHTML : ''
    );    
}

.editor ul>li {text-indent: -1.3em;}

.editor ul>li:before {content: '\2014\a0';}

/*----------------------*/
a.on, .on {
   color: #a00;
   text-decoration: none;   
}

.alink {
 text-decoration: none; /* “¡¨à ¥â ¯®¤ç¥àª¨¢ ­¨¥ ¤«ï ááë«®ª */
color: #7c7c7c;
} 
.alink:hover { 
 text-decoration: underline; /* „®¡ ¢«ï¥¬ ¯®¤ç¥àª¨¢ ­¨¥ ¯à¨ ­ ¢¥¤¥­¨¨ ªãàá®à  ­  áá뫪ã */
}