body {
  background:url(../images/hbg.gif) repeat; 
}

#page-list {
  width: auto;
  height:100%;
  margin:0;
  padding:0;
  border-bottom: 6px solid #900;
  border-left:6px solid #900;
  border-right:6px solid #900;
}
#header .inner h2 strong {
	color: #26026A;
}

#header {
  width: 100%;
  height: 215px; 
  margin: 0;
  padding:0;
  border-bottom: 10px solid #900;
  background:url(../images/fone_header.jpg) center no-repeat;
}

#header .inner {
  margin: 0 0 20px 0;
  padding: 20px;
  color: #fff; 
  margin-left:-20px;
  margin-right:-20px;
}
#header .inner h2 {
	font-size:1,5em;
	font-family: Verdana, Geneva, sans-serif;}

#header-banner{
  width: auto;
  margin: 0;
  padding: 0;
 }
 
#content {
  float: right;
  width: 65%;
  margin:15px 15px 15px 15px;
  padding: 0; 
}

#content .inner {
  margin-right: 0;
  padding: 15px;
  color: #333;
  border: 5px solid #00F;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px; 
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}
#content .inner h1{
	font-size: 3em;
	font-family: Times New Roman;
	font-weight: bold;
	color: #900;}
#content .inner h2{font-size: 3em;
	font-family: Times New Roman;
	font-weight: bold;
	color: #F00;}
#content .inner h3{font-size: 2,5em;
	font-family: Times New Roman;
	font-weight: bold;
	color: #000;}
#content .inner h4{font-size: 2,5em;
	font-family: Times New Roman;
	font-weight: bold;
	color: #900;}
#content .inner h5{font-size: 2.0em;
	font-family: Times New Roman;
	font-weight: bold;
	color: #000;}
#content .inner h6{font-size: 2.5em;
	font-family: Times New Roman;
	font-weight: bold;
	color: #000;}
#content .in {
          padding: 5px 5px 5px 5px;
        }
        
#content .inner .in img {
          width:200px;
          border: 5px solid #900;
        }
        
#content .inner .in img:hover {
          width:200px;
          border: 5px solid red;
          cursor: pointer;
        }

#sidebar {
  float: right;
  width: 18%;
  height:auto;
  margin-top:15px;
  margin-bottom:10px;
  padding: 0;
}

#sidebar .inner {
  margin-right: 0;
  padding: 0;
  background: #CCC;
  border: 5px solid #900;
  -webkit-border-bottom-right-radius:5px;
  -webkit-border-top-right-radius: 5px; 
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-left-radius: 5px;
}
#footer {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  background: url(../images/header.png) repeat-y;
  border-top:7px solid #900;  
}
#sidebar .inner h2{
	font-size:1.5em;
	color: #006;}
	

#footer .inner {
  padding: 5px 20px;
}
 
 html, body, div {
          margin:0;
          padding:0;
          color:#000;
          font-family: Arial, Helvetica, sans-serif;
        }

#sidebar .inner .in {
          padding: 5px 5px 5px 5px;
        }
        
#sidebar .inner .in img {
          width:110px;
          border: 5px solid #900;
        }
        
#sidebar .inner .in img:hover {
          width:110px;
          border: 5px solid red;
          cursor: pointer;
        }
        
#img_container {
          position: absolute;
          display: none;
          left: 50%;
          margin-left: -250px;
          z-index: 999;
          top: 400px;
        }

#img_container img {
          border: 6px solid #00C;
        }

ul {
		list-style: none;
        margin: 5px;
        padding: 0;
        }
img {
		border: none;
}		

#back-top {
    position: fixed;
    bottom: 20px;
    margin-left: 0;
}

    /* замедление */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}