body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
background-color:#e7e7e7;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
}
#table {
background-color:#FFFFFF;}
#klient {
background-image:url(image/fon_left.JPG); background-repeat:repeat-y; background-position:left;}
#kontaktu {
background-image:url(image/fon_right.JPG); background-repeat:repeat-y; background-position:right;}
#left {
background-image:url(image/fon_left.JPG); background-repeat:repeat-y; background-position:left;}
#right {
background-image:url(image/fon_right.JPG); background-repeat:repeat-y; background-position:right;}
#container{

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"
)
);
}
/*Здесь пишем стили для шапки сайта */
#con{
padding-left:30px;
padding-top:20px;
}
#klient {
background-color:#f9f9f9;}
#kontaktu {
background-color:#f9f9f9}
#header h1 {
text-align:center;
color:#FFFFFF;
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}
#header h2 {
text-align:center;
color:#CCCCCC;
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}
/*Здесь пишем стили для левой колонки сайта */

/*Здесь пишем стили для блока контента */
#content{
background-color:#d5d7b5;
margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:152px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:102px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#footer{
background-color:#d292bc;
}
#footer p{
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
}