* {
padding: 0;
margin: 0;
}

body {
background-color: black;
}

#yg1, #yg2, #yg3, #yg4, #st1, #st2, #st3, #st4, #tutanh, #podval, #privet, #razdel, #ssilki  {
position: absolute;
}

#yg1, #yg2, #yg3, #yg4 {
width: 50px;
height: 50px;
z-index: 1;
}


#yg1 {
left: 0px; 
top: 0px; 
background-image: url(http://ssk29.narod.ru/yg1.PNG);
}

#yg2 {
right: 0px; 
top: 0px; 
background-image: url(http://ssk29.narod.ru/yg2.PNG);
}

#yg3 {
left: 0px; 
bottom: 0px; 
background-image: url(http://ssk29.narod.ru/yg3.PNG);
}

#yg4 {
right: 0px; 
bottom: 0px; 
background-image: url(http://ssk29.narod.ru/yg4.PNG);
} 



#st1, #st2 {
background-repeat: repeat-x;
left: 0px; 
width: 100%;
height: 50px;
}

#st1 {
background-image: url(http://ssk29.narod.ru/st1.PNG);
top: 0px;
}

#st2 {
background-image: url(http://ssk29.narod.ru/st2.PNG);
bottom: 0px;
}



#st3, #st4 {
background-repeat: repeat-y;
top: 0px;
width: 50px;
height: 100%;
}


#st3 {
background-image: url(http://ssk29.narod.ru/st3.PNG);
left: 0px; 
}

#st4 {
background-image: url(http://ssk29.narod.ru/st4.PNG);
right: 0px; 
}

#tutanh {
left: 50%; 
top: 50%; 
margin-left: -325px; 
margin-top: -50px;
z-index: 4; 
}

#tutanh img {
width: 650px; 
height: 100px; 
}


#podval {
background-color: black;
color: rgb(190, 190, 190);
bottom: 25px;
left: 50%; 
margin-left: -320px;
width: 640px;
z-index: 3;
font-family: monospace;
font-size: 15px;
}

#privet {
background-color: black;
color: red;
top: 32px;
left: 50%; 
margin-left: -320px;
width: 640px;
z-index: 3;
font-family: Verdana;
font-size: 16px;
text-align: center;
}

#privet span {
font-size: 18px;
font-weight: bold;
}

#privet span a {
color: red;
}

#razdel {
background-color: black;
color: yellow;
top: 42px;
left: 42px; 
z-index: 3;
font-family: Tahoma;
font-size: 16px;
}

#1 {
font-size: 19px;
color: 999900;
font-weight: bold;
}

#2 {
font-size: 16px;
color: red;
}

#razdel a {
color: #FFD700;
}

#razdel a:hover {
color: maroon;
}


#ssilki {
background-color: black;
color: yellow;
top: 60%;
right: 42px; 
z-index: 3;
font-family: Tahoma;
font-size: 16px;
text-align: right;
}


#ssilki span {
font-size: 19px;
color: 4040CD;
font-weight: bold;
}

#ssilki a {
color: #1E90FF;
}

#ssilki a:hover {
color: maroon;
}