html, body {
    margin: 0;
    padding: 0;
    font-size: 14px;
    font-family: 'Andale Mono', 'Trebuchet MS', Helvetica, sans-serif;
    background: url("img/bg.png") left top transparent;
    color: black;
}

img {
    border: 0;
}

a {
    font-size: 15px;
    color: #b27008;
    text-decoration: none;
}

a:hover {
    color: #999;
}

strong {
    font-size: 15px;
    color: #999;
}

ul {
    margin-top:5px;
}

#header {
    background: url("img/header-bg.png") right bottom no-repeat;
    margin-left: 30px;
    padding-top: 20px;
    padding-bottom: 15px;
    width: 970px;
}


#motto {
    padding-left: 10px;
    font-style: italic;
}

#main {
    background: url("img/main-bg.png") right top no-repeat;
    width: 970px;
    height: 787px;
    margin-left: 30px;

}

#about {
    color: #80808;
    position: absolute;
    left: 200px;
    top: 230px;
    letter-spacing: -1;
}

#about div.links p {
    margin-top: 5px;
    margin-bottom: 5px;
}

#contacts {
    position: absolute;
    left: 700px;
    top: 90px;
}

#contacts p {
    margin-top: 3px;
    margin-bottom: 3px;
    letter-spacing: -1;
}

#contacts h2,
#news h2 {
    margin-bottom: 5px;
    color: #6f6f6f;
    font-family: Verdana;
}

#contacts #social-media {
    margin-top: 10px;
    position: absolute;
    left: 85px;
}

#contacts .link,
#contacts a {
    font-size: 15px;
    letter-spacing: -2;
}

#news {
    position: absolute;
    left: 690px;
    top: 460px;
    width: 250px;
}