body,
html {
  margin:0;
  padding:0;
  color:#000099;
 background: url(7.bmp) ;
}

#container{
width:970px; /*задаем шиирину макета*/
margin:25px auto;  /*выравниваем макет по центру в современных браузерах */
text-align: left;
 background: url(05.jpg);
}

#head {
   margin: 0 auto;
  position: relative;
  height: 200px;
   width:960px;
 margin: 0 0;
  background: url(06.jpg);
   }
#head1 {
   float:left;
   margin: 0 auto;
  position: relative;
  height: 227px;
   width:960px;
 margin: 0 0;
    }
#content{
 float:left;
  width:960px;
  margin: 0 0 ;

  }
#merejka {
  float:left;
  width:960px;
   height: 30px;
   margin: 0 0;
  background: url(8.png) repeat-x;
}
#foot {
 height: 70px;
 clear:both;
 margin: 0 0 ;
}


A:link {text-decoration: none; color: #000;}
A:visited {text-decoration: none; color: #000;}
A:active {text-decoration: none}
A:hover {text-decoration: none; color: #f00;}

#ugol{
 background:rgba(191, 217, 240, 0.8); /*фон блока*/
 /*background:#99FFFF; фон блока */
 border: 5px #07AE20 solid; /* стили рамки */
 -moz-border-radius: 10px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 10px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius:10px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 10px; /* закругление углов для всех, кто понимает */
  behavior:url(border-radius.htc); /* закругление для Internet Explorer */
 padding: 0px; /* внутренние отступы */
}