@charset "utf-8";

#bg
{
position: absolute;
width: 100%;
height: 100%;
background-image: url(bg.jpg);
background-position: left bottom;
background-repeat: no-repeat;
background-color: #1b1b1b;
}

#logo
{
position: absolute;
left: 10%;
top: 55px; 
width: 290px;
height: 40px;
font-family: 'Actor', sans-serif;
font-style: normal;
font-weight: normal;
font-size: 24pt;
color: #fff;
}

#closed
{
position: absolute;
width: 100%;
height: 100%;
background-image: url(closed.png);
background-repeat: no-repeat;
background-position: center;
}

#skype-to-phone
{
position: absolute;
right: 10%;
top: 55px; 
width: 80px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-image: url(skype-to-phone.png);
}

#skype-to-phone:hover
{
background-color: #6aa1e5;
}

#skype-to-skype
{
position: absolute;
right: 18%;
top: 55px; 
width: 80px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-image: url(skype-to-skype.png);
}

#skype-to-skype:hover
{
background-color: #6aa1e5;
}

#vk
{
position: absolute;
right: 26%;
top: 55px; 
width: 80px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-image: url(vk.png);
}

#vk:hover
{
background-color: #6aa1e5;
}

#facebook
{
position: absolute;
right: 32%;
top: 55px; 
width: 80px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-image: url(facebook.png);
}

#facebook:hover
{
background-color: #6aa1e5;
}

#twitter
{
position: absolute;
right: 38%;
top: 55px; 
width: 80px;
height: 40px;
background-position: center;
background-repeat: no-repeat;
background-image: url(twitter.png);
}

#twitter:hover
{
background-color: #6aa1e5;
}