Полный код + screenshot
margin: 0;
padding: 0;
}
ul { /*для списка отменяем маркеры*/
list-style: none;
}
a { /*для ссылок отменяем подчёркивание*/
text-decoration: none;
}
body {
background: url(../images/background1.png) no-repeat 50% 0 #0e0e0e;
font: 12px/1.67 Arial, Helvetica, sans-serif;
padding: 40px 0;
}
.wrapper {
width: 960px;
margin: 0 auto;
}
/*HEADER BEGIN*/
header {
background: #ffffff;
height: 97px;
-webkit-border-radius: 7px 7px 0 0;/*для разных браузеров которые могут не потдерживать(webkit - движок, опера и мозила)*/
-o-border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
border-radius: 7px 7px 0 0;
}
header h1 {
float: left;
margin: 30px 0 0 40px;
}
.tel {
background: url(../images/bg-phone.png) repeat-x 0 0;/*repeat-x-Фоновый рисунок повторяется только по горизонтали. Аналогично repeat no-repeat*/
padding: 3px 27px 3px 90px;/*размер картинки*/
font-size: 18px;
font-weight: bold;
color: #c0c0c0;
float: right;
}
nav{
float: right;
clear: right;
}
nav li {
float: right;
margin: 20px 30px 0px 5px;
}
nav li a {
color: #808080;
text-transform: uppercase; /*заглавные буквы*/
font-weight: bold;
padding: 3px 15px;
}
nav li a:hover {
background: url(../images/bg-bt.gif) repeat-x 0 0;
color: #ffffff;
border-radius: 4px;
}
nav li.current a {
background: url(../images/bg-bt.gif) repeat-x 0 0;
color: #ffffff;
border-radius: 4px;
border: 1px solid #00224b;
}
/*HEADER END*/
@font-face {
font-family: Treb;
src: url(../fonts/treb.ttf);
}
.slider-block {
background: url(../images/slider-bg.png) no-repeat 0 0;
height: 332px;
padding: 85px 50px 0;
font-size: 29px;
font-family: Treb;
color: #fff;
line-height: 34px;
}
.fs-35 {
font-size: 35px;
font-style: bold;
text-transform: uppercase;
margin: 10px 0 35px;
}
.started {
background: url(../images/rr.png) no-repeat 95% 55%,
url(../images/bg-button.gif) repeat-x 0 0;/*95 и 60 - repeat по x и y*/
font-size: 20px;
color: #b90016;
text-transform: uppercase;
font-weight: bold;
padding: 15px 50px 13px 25px;
border-radius: 8px;
-o-border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
}
.underhead {
background: #ededed;
padding: 35px 0 22px 50px;
}
.underhead li {
float: left;
padding: 12px 0 12px 90px;
}
.underhead h3 {
font-size: 15px;
color: #575757;
}
.underhead:auto {
content: '';
display: table;
clear: both;
}
