body {
margin:0; /* - отступ от внешних границ - */
padding:0; /* - отступ внутри блока - */
}

#container{
width:100%; /* - ширина блока - */
background: url(bg.png) repeat-y; /* - фоновая картинка, повторяется по вертикали - */
padding : 0;margin: 0; /* - отступы - */
}

#header,#menu,#content,#sub-section,#footer {
overflow:hidden; /* - отображается только область внутри элемента, остальное будет обрезано - */
display:inline-block; /* - обтекание другими элементами - */
}

#header,#footer {width:100%} /* - ширина блока - */

#header {
border-bottom:2px solid #805C1E; /* - цвет нижней границы блока - */
}

#menu,#content,#sub-section {float:left} /* - выравнивание по левому краю - */

#menu {width:20.5%;} /* - ширина блока - */

#content {
width:59.5%; /* - ширина блока --- */
background-color:#fff; /* - цвет фона блока - */
padding : 0 0 20px 0; /* - отступ снизу, чтобы текст не лепился к нижней части блока - */
}

#content p {
font:12px verdana, helvetica, sans-serif;color:#333; /* - размер шрифта, шрифты, цвет текста в блоке - */
padding : 0 9px 0 9px; line-height:1.5; /* - отступ текста в блоке справа и слева, межстрочный интервал - */
}

#sub-section {width:20%;} /* - ширина блока -*/

#sub-section p {
font:10px verdana, helvetica, sans-serif;color:#EDD9AF; /* - размер шрифта, шрифты, цвет текста в блоке - */
padding : 0 7px 0 7px; line-height:1.5; /* - отступ текста в боке справа и слева, межстрочный интервал - */
}

#footer {
clear:left; /* - отмена обтекания с левого края элемента -*/
background-color:#44330F; /* - цвет фона блока - */
padding : 10px 0 10px 0; /* - отступ сверху и снизу - */
text-align:center; /* - равнение по центру - */
}

#footer p{
font:10px verdana, helvetica, sans-serif;color:#9C7523; /* - размер шрифта, шрифты, цвет текста в блоке - */
}

UL {
list-style: none; /* - убираем маркеры - */
line-height:1.5; /* - межстрочный интервал - */
}
span.c1 {
display:none; /* - прячем то, что заключено в тег span - */
}
h1 {
background:url(vizant.jpg) no-repeat; /* - вместо заголовка будет картинка - */
height:180px; /* - высота картинки - */
margin:0; /* - отступ - */
}
h2 {
color:#684E17; /* - цвет текста - */
font:22px helvetica, verdana, arial, sans-serif;
font-weight:900; /* - насыщенность шрифта - */
margin: 5px 0 0 10px; /* - отступ сверху и слева - */
}
h3 {
color:#916C20;
font:22px helvetica, verdana, arial, sans-serif;
font-weight:900;
margin: 5px 0 0 10px;
}
h4 {
color:#E2C17E;
font:22px helvetica, verdana, arial, sans-serif;
font-weight:900;
margin: 5px 0 0 10px;
}
a, a:visited {
color:#7B5C1C; /* - цвет ссылок - */
font:16px helvetica, verdana, arial, sans-serif;
font-weight:900;
text-decoration:none; /* - убрали подчеркивание - */
}
a:hover{
color:#E7E7D3; /* - цвет ссылок при наведении курсора- */
font:16px helvetica, verdana, arial, sans-serif;
font-weight:900;
text-decoration:none;
}
strong {
font:16px verdana, arial, helvetica, sans-serif;
color:#E2C17E;
font-weight:900;
padding : 5px 0 5px 10px;
}