body {
    font-family: Georgia, serif;
    margin: 0;
}
p { margin: 0; }
ul li { margin: 2px 0 2px 0; }
#content ul li a { color: #aaa; }

#figure {
    position: absolute;
    bottom: 0px;
    left: -500px;
}

#top {
    position: relative;
    overflow: hidden;
    text-align: center;
}
#header {
    height: 300px;
    position: relative;
    width: 800px;
    margin: 0 auto;
    text-align: left;
}
h1 {
    position: absolute;
    bottom: 0px;
    margin: 0;
    font-size: 3em;
}
#navigation {
    position: absolute;
    top: 20px;
    right: 10px;
    text-align: right;
}
#navigation a {
    display: block;
    color: #000;
    text-decoration: none;
    margin: 0 0 2px 0;
}
#navigation a:hover {
    color: #f00;
}
#bottom {
    background: #000;
    color: #fff;
    min-height: 600px;
    text-align: center;
}
#content {
    width: 800px;
    margin: 0 auto;
    padding: 2px 0;
    text-align: left;
}
h2 {
    margin: 2px 0 0 0;
    font-size: 1.6em;
}
#content div h2 {
    font-size: 1.8em;
    margin: 0 0 5px 0;
}
#content div p {
    color: #eee;
}
#content a {
    color: #fff;
    text-decoration: underline;
}
#content a:hover {
    color: #f00;
}
h3 {
    margin: 0 0 15px 0;
}
#about, #programmer, #cms, #servis, #reference, #contact {
    margin: 40px 0;
}
#content div p.perex {
    color: #aaa;
    margin: 0 0 10px 0;
    font-style: italic;
}
#contact p, #data p {
    margin: 2px 0 2px 0;
}
#contact p span, #data p span {
    color: #aaa;
    float: left;
    width: 125px;
    margin-right: 10px;
    display: block;
    text-align: right;
}
#data {
  float: right;
  margin: 38px 0 0 0;
}