html, body { height:100%; }

/* html[lang=en] .f2 { font-family:'ITCLubalinGraphStdBook'; } */

.s10 { font-size:10px; }
.s12 { font-size:12px; }
.s13 { font-size:13px; }
.s14 { font-size:14px; }
.s16 { font-size:16px; }
.s19 { font-size:19px; }
.s32 { font-size:32px; }
.s38 { font-size:38px; }

.fu { text-transform:uppercase; }
.fb { font-weight:bold; }

/*body { background:#000; }*/

a { color:#0072bc; }
a:hover { color:#009aff; }
a:visited: { color:#72a9cc; }

h1 { font-size:36px; margin-bottom:10px; }
h2 { margin-bottom:20px; font-size:24px; font-weight:bold; }
h3 { margin-bottom:10px; font-size:18px; line-height:1.2em; }

p { margin-bottom:1em; }

/* FORM */

input,
select,
textarea { margin:0; vertical-align:middle; }

input.stretch,
select.stretch,
textarea.stretch { width:100%; }

input[type=button], input[type=submit], button { cursor:pointer; }

input[type=text],
input[type=url],
input[type=email],
input[type=number],
input[type=password],
select,
textarea {
    border:1px solid #fff;
    -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
    padding:0 2px;
    height:23px;
    background:#fff;
    color:#444;
    font:normal 14px Arial, Helvetica, Sans-Serif;
}
select { padding:0; }

textarea { height:auto; resize:none; overflow:auto; }

input[type=text]:focus,
input[type=url]:focus,
input[type=email]:focus,
input[type=number]:focus,
input[type=password]:focus,
select:focus,
textarea:focus {
    border-color:#aaa;
    color:#000;
}

input[type=radio],
input[type=checkbox] { width:13px; height:13px; }

input[disabled] { opacity:0.5; }

/* CONTENT */

section.wrapper { margin:0 auto; padding:0 20px; width:950px; }

ul.langs { float:right; }
ul.langs li {
    float:left;
    margin-left:10px;
    margin-bottom:25px;
}
ul.langs li a {
    display:block;
    background:url(../images/bg-lang.png) #f3f3f3 center no-repeat;
    border-left:1px solid #e8e8e8;
    border-right:1px solid #e8e8e8;
    border-bottom:1px solid #e8e8e8;
    padding:5px 15px;
    color:#777;
    font-size:12px;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}
ul.langs li a:hover {
    border-color:#888;
    color:#000;
    -moz-transition: all 0.2s ease-in;
    -o-transition: all 0.2s ease-in;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

div.logo { margin-bottom:50px; }

div.about { float:left; width:470px; padding-right:20px; margin-bottom:30px; }
div.contacts { float:right; width:430px; }
div.contacts dl { float:left; width:215px; margin-bottom:25px; }
div.contacts dl dt { font-size:11px; }
div.contacts dl dd { font-size:24px; }

ul.features li { float:left; width:152px; margin-left:7px; margin-bottom:40px; font-size:11px; }
ul.features li:first-child { margin-left:0; }
ul.features li img { display:block; margin-bottom:7px; }

div.projects { background:url(../images/bg-middle.png) #ececec top repeat-x; padding-top:23px; font-size:12px; }
div.projects h2 { color:#fff; }
div.projects h2 a { margin-left:3px; }
div.projects h2 img { vertical-align:middle; }
div.projects img.preview { display:block; margin-left:30px; float:right; }
div.projects img.logo { display:block; margin-bottom:18px; }
div.projects section.wrapper { padding-bottom:0; }
div.projects ul { height:326px; overflow:hidden; }
div.projects ul li { width:950px; }

footer { padding-top:40px; }
footer div.contacts { float:left; }
footer div.address { margin-left:480px; font-size:11px; }