body, html {
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
background: #fafdf2;
}
#container{
margin:0 auto;  /*выравниваем макет по центру в современных браузерах */
text-align:left;  /*Отменяем tex-align:center заданное в Body. Делаем чтобы весь текст в макете выравнивался по левому краю */
width:950px; /* ширина нашего макета*/
background: #fafdf2;
font-family: Arial, Helvetica, sans-serif;
}
a { font-family: Arial, Helvetica, sans-serif; color:#4cbed6; text-decoration:underline; font-style:italic;}
a:hover {text-decoration:none;}
/*Здесь пишем стили для шапки сайта */
#header{
	height:300px; background:url(img/head_bg.jpg) no-repeat center; font-size:12px; border-bottom: 2px dotted #0CF;
}
#top {height:40px; }
#logo { float:left; margin-top:50px;}
#contact {float:right; width: 250px; text-align:right; color:#4cbed6; margin-top:50px;}
#header h1 { color: #787878; font-size:14px; font-style:italic;
	margin: 0; /* Обнуляем отсупы для заголовка первого уровня, находящегося в шапке. Это нужно обязательно делать, при использовании заголовков. Если используются параграфы, то тоже нужно обнулить отсупы для них. */
	padding: 10px 0; /* Задаем поля */
}
#line1 { padding-top: 40px;padding-bottom:30px; border-bottom: 2px dotted #0CF; height:230px; font-size:12px; color: #333;}
#line1 h1{ font-size:20px; font-style:italic; color:#4cbed6; margin: 0;padding: 10px 0; font-weight:400;}
#line2 { padding-top: 30px; padding-bottom:30px; border-bottom: 2px dotted #0CF; width:950px; font-size:12px; color:#666;}
#line2 h1{ font-size:20px; font-style:italic; color:#4cbed6; margin: 0;padding: 10px 0; font-weight:400;}

#line3 { padding-top: 40px; padding-bottom:30px; border-bottom: 2px dotted #0CF; font-size:12px; color:#666;}
#line3 h3{ font-size:20px; font-style:italic; color:#4cbed6; margin: 0;padding: 10px 0; font-weight:400;}
#stuff {  background-color: #DFE2D3; width:100%; min-height:50px; margin-top:30px;}
#inner_text { color:#333; padding: 30px; padding-top:0px; vertical-align:top; text-align:justify;}
#tag { margin:10px;}
/*Здесь пишем стили для левой колонки сайта */
#left{

width:250px;  /*ширина колонки */
float:left;  /*обязательное выравнивание по левому краю,с включением обтекания*/
}
#menu {width:200px; height:200px; background:url(img/menu.jpg) no-repeat center; 
 display: table-cell;
    vertical-align: middle;}
	#menu a {color: #666; font-style:normal; font-size:14px;}
.middle{
    margin-top:expression((parentNode.offsetHeight - this.offsetHeight)<0 ? "0" : (parentNode.offsetHeight - this.offsetHeight)/2 + "px");	
}


/*Здесь пишем стили для правой колонки сайта */
#right{
width:250px; /*ширина правой колонки */

float:right; /*обазятельное выравнивание колонки по правому краю с включением обтекания */
}
/*Здесь пишем стили для блока контента */
#content{ padding:30px; padding-top:0px;

margin:0px; /*обнуляем отступы сверху и снизу*/
margin-left:252px; /*обязательный отступ слева, должен быть немного больше ширины левой колонки */
margin-right:252px; /*Обязательный отступ справа, должен быть немного больше ширины правой колонки */
}
#content h1 {
margin:0px; /* Обнуляем отсупы для заголовка первого уровня, находящегося в блоке контента.*/
} 
#content p {
margin:0px; /* Обнуляем отсупы для параграфов я, находящегося в блоке контента.*/
padding:5px; /*задаем поля, т.е. чтобы был промежуток между строками, чтобы было понятно, что это параграф :)*/
}
/*атрибут, который опускает подвал сайта ниже всех блоков. Нужен для корректной работы макета. */
#clear{
height:0;
font-size:1px;
line-height:0px;
clear:both;
}
/*Здесь пишем стили для подвала сайта */
#footer{ height:150px; padding-top:45px; color:#09F;
}
#footer p{ color:#09F;
margin:0px;  /* обнуляем отступы*/
padding: 10px 0; /*  задаем поля */
}
A IMG {
 border: none;}
 a:active, a:focus, img { outline: 0; }