body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
#container{
background-color:#99CCFF;
background-image:URL(9.jpg);
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
min-width:550px;  /*задаем минимальную ширину макета в современных браузерах */
width:expression(   /*задаем минимальную ширину макета в старых версия браузера. Просто замените цифру на свою шиирину :) */
(document.compatMode && document.compatMode == 'CSS1Compat')
?
(
document.documentElement.clientWidth < 550
?
"550px"
:
"auto"
)
:
(
document.body.clientWidth < 550
?
"550px"
:
"auto"
)
);
}
/*Здесь пишем стили для шапки сайта */
#header{
background-color:#63b9da;
background-image:URL(103.jpg);
 height:120px;
margin:0px;
}
#header p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:10px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}


/* begin Flash */
#art-flash-area
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  overflow: hidden;
}

#art-flash-container
{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 120px;
}

#art-flash-container div.art-flash-alt
{
    position: relative;
    width: 110px;
    height: 30px;
    margin: 0 auto;
    top: {flash_alt_top}px;
}
/* end Flash */

/*Здесь пишем стили для левой колонки сайта */
#left{
background-color:#99CCFF;
background-image:URL(9.jpg);
width:215px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}

/*Здесь пишем стили для блока контента */

#content{
background: url(6.png) repeat-x;
background-color:#99CCCC;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:215px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
height:100%;
}
#content h4 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
padding:10px;
text-align:center;
}
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:10px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
text-align:left;
}

A:link {text-decoration: none;  color: #006600;  }
A:visited {text-decoration: none;  color: #006600;}
A:active {text-decoration: none; }
A:hover {text-decoration: none;  color: #FF0033;}

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

/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:0px;
line-height:0px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#merejka_niz{
background-image:URL(7.png);
height:19px;
}
#footer{
background-color:#99CCCC;
background-image:URL(9.jpg);
height:70px;
}
#footer p{

margin:0px;  /* обнуляем отступы*/
padding: 5px 0; /*  задаем поля */
}