html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    min-height: 100%;
}
html {
    font-size: 75%;
    overflow-y: scroll;
}
body {
    font: 100% Tahoma, Arial, sans-serif;
    background: #C03129 url(/img/bg_main.png) repeat-x bottom;
    color: #fff;
}
input, textarea, select, option {
    font: 100% Tahoma, Arial, sans-serif;
}
body.style1 { background-color: #C03129; }
body.style2 { background-color: #2F7DD5; }
body.style3 { background-color: #59BB00; }
a {
    color: #fff;
    text-decoration: underline;
}
a:hover {
    color: #ff0;
}
a img { border: 0; }
.container {
    width: 620px;
    margin: 0 auto;
    position: relative;
}
h1 {
    margin: 0;
    padding: 50px 0 0;
    font-weight: normal;
    font-size: 1.5em;
    text-transform: uppercase;
}
h1 strong {
    font-weight: normal;
    font-size: 2.6em;
    display: block;
}
.main-page h1 { text-align: center; }
h1 a { text-decoration: none; }
h2 {
    font-weight: normal;
    font-size: 3em;
    text-transform: uppercase;
    margin: 0 0 0.2em 0;
    padding: 0;
}
.cloud {
    margin: 50px auto;
    padding: 0;
    list-style: none;
    height: 304px;
    position: relative;
    width: 570px;
    background: url(/img/cloud.png) no-repeat;
}
.cloud li {
    position: absolute;
}
.item-portfolio { font-size: 3.2em; left: 173px; top: 135px; }
.item-blog { font-size: 2.6em; left: 453px; top: 126px; }
.item-typesetting { font-size: 1.7em; left: 85px; top: 158px; }
.item-programming { font-size: 1.3em; left: 157px; top: 206px; }
.item-logo { font-size: 1.2em; left: 267px; top: 236px; }
.item-authorworks { font-size: 1.3em; left: 335px; top: 190px; text-align: center; }
.item-authorworks span { font-size: 0.7em; display: block; }
.item-about { font-size: 1.3em; left: 40px; top: 86px; }
.item-contacts { font-size: 2.6em; left: 144px; top: 63px; }
.item-feedback { font-size: 1.3em; left: 307px; top: 99px; }

.works {
    margin: 0;
    padding: 0;
    list-style: none;
}
html>body .works { overflow: hidden; }
* html .works { height: 1%; }
.works li {
    width: 33%;
    float: left;
    padding-bottom: 10px;
    height: 170px;
}
.works img {
    width: 200px;
    height: 132px;
    border: 1px solid #000;
}
.works li.f { text-align: left; }
.works li.s { text-align: center; width: 34%; }
.works li.t { text-align: right; }
* html .works li.t { margin-right: -1px; }
.descr {
    text-align: center;
}

.main-menu {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}
.main-menu li {
    display: inline;
    margin-right: 1em;
}

.copy {
    text-align: center;
    margin: 0;
    padding: 1em 0;
    color: #ccc;
    line-height: 200%;
}
.copy img {
    opacity: 0.2;
    filter:alpha(opacity=20);
}

.contacts {
    font-size: 1.5em;
}

#request-form {
    margin: 0;
    padding: 0;
    font-size: 1.5em;
}
#request-form ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
#email { display: none; }
#request-form label {
    display: block;
}
#request-form input, #request-form textarea {
    margin-bottom: 1em;
}

#colorSelector {
    position: fixed;
    top: 10px;
    left: 10px;
    width: 20px;
    height: 18px;
}
#colorSelector div {
    position: absolute;
    width: 20px;
    height: 18px;
    top: 0;
    left: 0;
    background: #C03129 url(/img/colorpicker/select.gif) center;
}