@font-face {
font-family: 'Sansus';
src: url('font/sansus.ttf');
}
html {
background-image: url(images/29-a.png),url(images/37-a.png), url(images/53-a.png);
padding:0;
margin:0;
height: 100%;
}
body {
font-family: Arial, Tahoma, Verdana, sans-sefir;
}
h1 {
font-family: Sansus, Arial, Tahoma, Verdana, sans-sefir;
font-size: 30px;
font-weight: normal;
color: #cb8a99;
text-shadow: 1px 1px 1px #533537;
margin: 15px 0 5px 0;
}
h2 {
font-family: Sansus, Arial, Tahoma, Verdana, sans-sefir;
font-size: 20px; 
font-weight: normal;
color: #888; 
padding: 10px 0 5px 0;
clear: both;
}

* {
margin: 0;
padding: 0;
}

#top {
width: 100%;
font-size: 11px;
color: #c2d5dc;
background-image: url('images/bg-top.png');
border-bottom: 1px solid #000;
}
.top_content {
margin: 0 auto;
width: 960px;
text-align: right;
line-height: 24px;
font-style: italic;
}
.top_content ul {}
.top_content ul li {padding: 0 20px; display: inline;}
.top_content ul li:last-child {padding: 0 10px 0 25px; display: inline;}
.top_content ul li a {text-decoration: none; color: #c2d5dc}
.top_content ul li a:hover {color: #c2d5dc; border-bottom: 1px dashed #c2d5dc}

#main {
margin: 0 auto;
width: 960px;
}

#header {
margin-top: 10px;
width: 960px;
}
.logo {
width: 320px;
float: left;
display: block;
margin: -25px 0 -35px 35px;
}
.nav {
color: #fff; 
width: 960px;
text-align: center;
padding: 25px 0;
clear: both;
background-image: url(images/bg.png);
-webkit-border-radius: 10px 10px 0 0;
-moz-border-radius: 10px 10px 0 0;
border-radius: 10px 10px 0 0;
}
.nav ul {}
.nav ul li {padding: 0 55px; display: inline;}
.nav ul li a {text-decoration: none; color: #fff}
.nav ul li a:hover {color: #c2d5dc; border-bottom: 1px dashed #c2d5dc}

.content {
clear: both;
background: #fff;
padding: 5px 15px 20px 15px;
font-size: 14px;
line-height: 24px;
text-align: justify
}
.content ul {margin: 10px 0 10px 30px}
.content ul li:first-child {margin-top: 0}
.content ul li {margin-top: 10px}
.content ol {margin: 10px 0 10px 30px}
.content a {color:#614e56; text-decoration: none; border-bottom: 1px solid #614e56}
.content a:hover {border-bottom: 1px dashed #614e56}

.leftpic {float: left; margin: 10px 10px 10px 0} 		/* =====  картинка слева  ===== */
.rightpic {float: right; margin: 10px 0 10px 10px} 		/* =====  картинка справа  ===== */

#footer {
width: 100%;
clear: both;
font-size: 12px;
font-style: italic;
color: #fff;
padding-bottom: 30px
}
.footer_content {
margin: 0 auto;
width: 960px;
background-image: url('images/bg.png');
padding: 15px 0;
text-align: center;
line-height: 20px;
-webkit-border-radius: 0 0 10px 10px;
-moz-border-radius: 0 0 10px 10px;
border-radius: 0 0 10px 10px;
}
.footer_content a {color:#c2d5dc; text-decoration: none; }
.footer_content a:hover {border-bottom: 1px dashed #c2d5dc}

#big_img { 															/* =====  отсюда и до конца стили зуммированной скриптом картинки  ===== */
visibility:hidden;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
top: expression(document.getElementsByTagName("body")[0].scrollTop + "px");
background-image: url("images/bg.png");
}
#here_img {
background-image: url("images/bg.png");
padding: 10px 10px 0 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
#here_img .nav_l {float: left; margin: 10px 0;}
#here_img .nav_r {float: right; text-align: right; margin: 10px 0;}
#here_img a {text-decoration: none; margin: 0 10px 0 10px; color: #c2d5dc; font-style: italic; font-size: 14px;}
#here_img a:hover{margin: 0 10px 0 10px; color: #c2d5dc; border-bottom: 1px dashed #c2d5dc}