
body, html {
margin:0 ; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0;
text-align:center;
background-image: url(22.jpg);
}


#container{
  width:1050px;
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
background-image: url(22.jpg);

min-width:550px;  /*задаем минимальную ширину макета в современных браузерах */
width:expression (   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 550
?
"550px"
:
"auto"
)
:
(
document.body.clientWidth < 550
?
"550px"
:
"auto"
)
);

}
/*Здесь пишем стили для шапки сайта */
#header{
height:350px;
margin:0px;
}

#blok{
margin-top: 10px;
margin-right: 120px;
width:130px;
float:right;
font-size: 35px;
  color: #FFFF00;
  font-family:   Georgia;
}

#lan{
width: 100%;
 height: 5px;
 background-color:#0099CC;
}

#menu-g{
  margin:0px;
  background-color: #0099CC;
  background: url(1.gif);
  height:38px;
}

#left{
background-color:#0099CC;
background-image:URL(33.jpg);
width:289px;
float:left;
}

#blok2 {
 display: block;
  position: absolute;
margin-top:225px;
width:260px;
margin-left: 20px;
text-align: center;
 }

/*#blok3 {
margin-top: 10px;
margin-right: 150px;
width:150px;
}*/

#content{
background-image: url(3.jpg);
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:290px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */  
height:100%;
}

#clear{
  margin:0px;
height:0px;
font-size:0px;
line-height:0px;
clear:both;
}

#futer{
  height: 50px;
}

A:link {text-decoration: none;  color: #006600;  }
A:visited {text-decoration: none;  color: #006600;}
A:active {text-decoration: none; color: #FF0033;}
A:hover {text-decoration: none;  color: #FF0033;}

#ugol{
 border: 10px #0099CC solid; /* стили рамки */
 -moz-border-radius: 30px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 30px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius: 30px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 30px; /* закругление углов для всех, кто понимает */
  behavior:url(border-radius.htc); /* закругление для Internet Explorer */
 padding: 0px; /* внутренние отступы */
}
#ugol1{
 border: 5px #0099CC solid; /* стили рамки */
 -moz-border-radius: 15px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 15px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius: 15px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 15px; /* закругление углов для всех, кто понимает */
 behavior:url(border-radius.htc); /* закругление для Internet Explorer */
 background-color: #99CCCC;
 background-image: url(33.jpg);
 padding: 8px; /* внутренние отступы */
}
#ugol2{
 width:100%; /* Длина фигуры */
 height:50px; /* Высота фигуры */
 color: #2D2D2D; /* цвет текста */
  font-size: 20px;
  background-image: url(5.jpg);
  -moz-border-radius: 0 0 20px 20px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 0 0 20px 20px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius: 0 0 20px 20px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 0 0 20px 20px; /* закругление углов для всех, кто понимает */
  behavior:url(border-radius.htc); /* закругление для Internet Explorer */
 padding: 0px; /* внутренние отступы */
}
#ugol3{
 border: 4px #0099CC solid; /* стили рамки */
 -moz-border-radius: 15px; /* закругление для старых Mozilla Firefox */
 -webkit-border-radius: 15px; /* закругл. для старых Chrome и Safari */
 -khtml-border-radius: 15px; /* закругл. для браузера Konquerer системы Linux */
 border-radius: 15px; /* закругление углов для всех, кто понимает */
 behavior:url(border-radius.htc); /* закругление для Internet Explorer */
 background-color: #99CCCC;
 background-image: url(22.jpg);
 padding: 8px; /* внутренние отступы */
}