/* body */

body, html {
background-image: url(images/fone.png);
margin:0px; /*Это хорошая практика обнулять поля и отсупы, т.к. различные браузеры их по разному воспринимают. */
padding:0px;
/*text-align:center; /*Выравниваем макет по центру в старых версиях браузеров */
background-color: #e7e7e7;
}

/* important */

#part01{
width: 287px;
height: 808px; 
background-image: url(images/site2_01.png);
}

#part02{
width: 706px;
height: 12px; 
background-image: url(images/site2_02.png);
}

#part03{
width: 287px;
height: 1024px; 
background-image: url(images/site2_03.png);
}

/* blocks */

#logo{
width: 504px;
height: 91px; 
background-image: url(images/site2_04.png);
}

#contacts{
width: 202px;
height: 91px; 
background-image: url(images/site2_05.png);
}

#new{
width: 153px;
height: 78px; 
background-image: url(images/site2_06.png);
}

#minilogo{
width: 195px;
height: 78px; 
background-image: url(images/site2_07.png);
}

#nashevse{
width: 156px;
height: 78px; 
background-image: url(images/site2_08.png);
}

#part1{
width: 1px;
height: 174px; 
background-image: url(images/site2_09.png);
}

#uslugi{
width: 199px;
height: 174px; 
background-image: url(images/site2_10.png);
}

#part2{
width: 2px;
height: 528px; 
background-image: url(images/site2_11.png);
}

#body{
width: 504px;
height: 822px; 
background-image: url(images/site2_12_1.png);
}

#friends{
width: 200px;
height: 176px; 
background-image: url(images/site2_13.png);
}

#links{
width: 200px;
height: 178px; 
background-image: url(images/site2_14.png);
}

#scores{
width: 201px;
height: 177px; 
background-image: url(images/site2_15.png);
}

#part3{
width: 1px;
height: 393px; 
background-image: url(images/site2_16.png);
}

#hui{
width: 287px;
height: 216px; 
background-image: url(images/site2_17.png);
}

#fignya{
width: 201px;
height: 195px; 
background-image: url(images/site2_18.png);
}

#part4{
width: 705px;
height: 21px; 
background-image: url(images/site2_19.png);
}

/* texts */

#text-uslugi{
padding-left: 25px;
padding-top: 46px;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
line-height: 12px;
color: #e7e7e7;
}

a:link { text-decoration: none; color: #e7e7e7; }
a:active { text-decoration: underline; color: black; }
a:visited { text-decoration: none; color: #e7e7e7; }
a:hover { text-decoration: underline; color: black; }

#text-friends{
padding-left: 25px;
padding-top: 44px;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
line-height: 12px;
color: #e7e7e7;
}

#text-content{
color: #e7e7e7;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
line-height: 12px;
padding-top: 15px;
padding-left: 20px;
padding-right: 15px;
}

#text-links{
padding-left: 25px;
padding-top: 44px;
font-family: "Trebuchet MS", sans-serif;
font-size: 12px;
line-height: 12px;
color: #e7e7e7;
}

/* scores */

#img-scores{
padding-top: 44px;
padding-left: 4px;
text-align:center;
}