#header {       // Класс верхней части
background:url(http://lesson-ds.ucoz.ru/lesson1/h_bg.png) no-repeat;      // Прописываем фон.
width:1152px;      // Прописываем ширину фона
height:111px;      // Прописываем высоту фона
margin:0 auto;      // Делаем элемент по центру
padding-top:11px;    // Отступы внутри
}

#logo {       // Класс логотипа
background:url(http://lesson-ds.ucoz.ru/lesson1/logo.png) no-repeat;      // Прописываем фон логотипа
width:144px;      // Прописываем ширину логотипа
height:59px;      // Прописываем высоту логотипа
float:left;       // Делаем расположение логотипа в левой части верхней части
margin:10px 0 0 170px;      // Выравниваем элемент
}

#h_banner {       // Прописываем класс баннера
float:right;       // Делаем расположение баннера в правой части верхней части
margin:9px 40px;       // Выравниваем элемент
}

#h_menu {      // Основной класс меню
float:right;      // Делаем расположение меню в правой части верхней части
height:37px;      // Прописываем высоту меню
list-style:none;     // Убираем маркеры в меню
margin:0 5px 0 0;      // Выравниваем меню
}

#h_menu li {
float:left;     // Делаем расположение ссылок в меню с левой части
height:37px;      // Прописываем высоту меню
}
#h_menu li a {
height:37px;      // Прописываем высоту меню
padding:0 15px;      // Выравниваем текст в ссылке меню
text-decoration:none;     // Убираем подчеркивание ссылок
color:#fff;      // Цвет ссылки в меню
font:11px Tahoma;      // Шрифт и его размер
}

.viewn {
width:481px;
height:auto;
margin:0 0 5px 0;    // Отступы от материалов
padding:0;
font:11px Tahoma;     // Стиль шрифта во всем виде материалов
color:#fff;
}

.viewn_title {
background:url(http://lesson-ds.ucoz.ru/lesson2/title.png) no-repeat;
width:481px;
height:38px;
line-height:38px;     // Выравниваем текст строго по центру
padding-left:10px;
}

.viewn_content {
background:#242424;
border-radius:0 0 5px 5px;     // Закругления фона контента только в нижних углах
-moz-border-radius:0 0 5px 5px;    // Класс закругления для браузера "Mozilla"
-ms-border-radius:0 0 5px 5px;     // Класс закругления для браузера "IE"
-webkit-border-radius:0 0 5px 5px;    // Закругления для браузеров "Safara and Chrome"
padding:8px;    // Отступы внутри контента
}

.viewn_content_in {
height:137px;
}

.viewn_screen {
float:left;      // Расположение скриншота
background:#30445b;
border-radius:5px;    // Закругление фона скриншота
width:145px;
height:130px;
}

.viewn_screen img {     // Класс изображения для класса viewn_screen
width:139px;
height:124px;
margin:3px;     // Отступы изображения от родительного класса
}

.viewn_message {
float:right;     // Расположение текста
width:305px;
padding:0 5px 0 5px;
}

.viewn_info {
text-align:center;     // Расположение текста
color:#fff;
}