body, html, p, ul, li, h1, h2, h3, h4, h5, h6, img, form, blockquote, fieldset, legend, ol, ul, li, dl, dd, dt {margin:0; padding:0; border: 0}
input, select, label {vertical-align:middle;outline:0}
ul, ol {list-style-type:none}
p {line-height:1.6;color:#000}
table {border-collapse:collapse; border-spacing:0}
hr {display:none}

html {background:#E4E4E4 url(../img/html-bg.png) repeat-x 0 0}
body {font: normal 62.5%/1 Arial,Tahoma,sans-serif;background:url(../img/body-bg.png) repeat-x 0 100%;color:#000;padding:0 0 50px 10px}

a {color:#000;text-decoration:underline}
a:hover {color:#000;text-decoration:none}

.right {text-align:right}
.left {text-align:left}
.float-r {float:right}
.float-l {float:left}

ul.usability {position:absolute;top:0;left:-9999px}

.wrapper {width:1000px;background:#fff url(../img/wrapper-bg.png) repeat-y 0 0}

.header {width:960px;height:320px;background:url(../img/header-bg.jpg) no-repeat;padding:10px 0 0;position:relative;left:-10px;padding:0px 0 0 50px}

.header h1 {display:block;padding:10px 4px;font-size:1.8em;color:#525252;font-family:Trebuchet MS;background:#E8E8E8;width:550px;margin:0 0 15px}

.header p {font-size:1.4em;width:570px}

.header p.logo {width:743px;height:80px;overflow:hidden;position:relative;margin:0 0 60px -3px}
.header p.logo span {display:block;width:743px;height:80px;position:absolute;top:0;left:0;background:url(../img/logo.png) no-repeat}

.header a.hire {display:block;width:0;height:58px;padding:0 0 0 195px;overflow:hidden;background:url(../img/hire-bg.png) no-repeat 0 0;position:absolute;top:213px;right:141px}
.header a.hire:hover {background:url(../img/hire-bg.png) no-repeat 0 -58px}

.services {width:980px;background: url(../img/services-bg.png) no-repeat 0 100%;padding:0 10px 30px}
.services div {background:#171717;position:relative;padding:50px 0}
.services h1, .services h1 span {display:block;width:790px;height:50px;margin:0 auto;color:#fff;position:relative;overflow:hidden;font-size:4em;text-align:center}
.services h1 span {position:absolute;top:0;left:0;background:url(../img/services-h1-bg.png) no-repeat}

.content {margin:0 30px 15px}
.content p, .content .box, .content dd, .content table {font-size:1.2em;line-height:1.6}

.content h2 {font-size:1.5em;font-weight:bold;margin:10px 0 40px;border-bottom:1px solid #EBEBEB;clear:both}
.content h2 span {background:#fff;padding:5px 10px;border-right:5px solid #fff;position:relative;top:7px}
.content h2.references {margin-bottom:15px}

.content .box {width:226px;float:left;margin:0 12px 0 0;border-bottom:1px solid #EBEBEB;padding:25px 0 15px;color:#666;display:inline;background:url(../img/shadow.jpg) no-repeat 0 163px}
.content .box.nomargin {margin:0}
.content .box img {display:block;margin:0 0 8px;border:3px solid #F5F4F3}
.content .box strong {display:block;color:#000}
.content .box.last {border-bottom:0 none}

.content table {width:460px}
.content table tr {background:#F5F5F5;}
.content table th {;font-weight:normal;text-align:left;color:#fff;padding:10px}
.content table th span {background:#718800;padding:5px}
.content table td {text-align:right;padding:5px;font-weight:bold}
.content table td, table th {border-bottom:5px solid #fff}

.content dl {width:290px;float:left;margin:0 20px 20px 10px;display:inline}
.content dl.last {margin:0}
.content dt {font-size:1.3em;font-weight:bold;background:url(../img/ico-point.png) no-repeat 0 50%;padding:2px 0 2px 20px;margin:0 0 5px}

.content .float-r {width:430px}

.contact {clear:both;background: url(../img/contact-bg.png) no-repeat 0 0;padding:20px 10px 0;color:#fff;height:100%}
.contact h2 {font-size:1.5em;font-weight:bold;margin:0 0 40px;border-bottom:1px solid #3B3B3B;clear:both}
.contact h2 span {background:#1B1B1B;padding:5px 10px;border-right:5px solid #171717;position:relative;top:7px}
.contact-in {background:#171717;padding:30px 0}
.contact .float-r {width:350px;padding:0 50px 0 0}
.contact .float-l {width:530px;padding:0 25px;background:#171717 url(../img/contact-div-bg.jpg) no-repeat 0 0}

.contact form p {clear:left;padding:5px 0}
.contact form label {float:left;width:90px;color:#fff;font-size:1.2em;padding:3px 0 0}
.contact form input.txt {width:240px;height:18px;padding:3px 1px 0;font-size:1.2em;font-family:Arial}
.contact form input.submit {width:100px;height:36px;color:#ccc;border:0 none;font-size:1.2em;font-weight:bold;text-transform:uppercase;text-align:center;background:url(../img/submit-bg.png);line-height:36px;cursor:pointer}
.contact form input.submit:hover {color:#fff}
.contact form textarea {width:390px;height:135px;padding:3px;font-size:1.2em;font-family:Arial}
.contact form input.txt, .contact form textarea {border:3px solid #ccc}
.contact form input.txt:focus, .contact form textarea:focus {border:3px solid #7B9500}
.contact form p.antispam {padding-left:90px}
.contact form p.antispam label {width:160px}
.contact form p.last {padding:15px 0 0 90px}
.contact div.ok, .contact div.error {text-align:center;font-size:1.2em;background:#272727;padding:15px;margin:0 0 15px 90px;line-height:1.4;border:2px solid #3C3C3C}
.contact div.ok p, .contact div.error p {padding-left:35px;color:#fff}
.contact div.ok p {background:url(../img/ico-ok.png) no-repeat 0 50%}
.contact div.error p {background:url(../img/ico-error.png) no-repeat 0 50%}

.contact address {font-size:1.2em;font-style:normal;line-height:1.6}
.contact address span {display:block;padding:8px 0 8px 45px}
.contact address span.icq {background:url(../img/icons-bg.png) no-repeat 0 0}
.contact address span.msn {background:url(../img/icons-bg.png) no-repeat 0 -34px}
.contact address span.skype {background:url(../img/icons-bg.png) no-repeat 0 -70px}
.contact address span.email {background:url(../img/icons-bg.png) no-repeat 0 -104px;border-bottom:1px solid #333;padding:8px 0 15px 45px;margin:0 0 15px}

.footer {width:980px;margin:0 auto;height:90px;;padding:0 10px 10px;background:url(../img/footer-btm-bg.png) no-repeat 0 100%}

.footer .own-projects {float:left;width:420px;font-size:1.2em;padding:30px 90px 15px 20px;position:relative}
.footer .own-projects img {float:left;margin:0 10px 0 0}
.footer .own-projects h2, .footer .own-projects h2 span {display:block;width:165px;height:20px;position:absolute;top:8px;right:110px;overflow:hidden;font-size:1.2em}
.footer .own-projects h2 span {top:0;left:0;background:url(../img/own-projects-h2-bg.png) no-repeat}

.footer .social-media {float:right;width:240px;position:relative;padding:20px 20px 0 190px}
.footer .social-media h2, .footer .social-media h2 span {display:block;width:170px;height:35px;position:absolute;top:40px;left:0;overflow:hidden;font-size:1.2em}
.footer .social-media h2 span {top:0;left:0;background:url(../img/social-media-h2-bg.png) no-repeat}

.footer .social-media a {margin:2px 5px 0}
.footer .social-media a, .footer .social-media a span {float:left;width:56px;height:56px;position:relative;cursor:pointer}
.footer .social-media a span {position:absolute;top:0;left:0;background-image:url(../img/social-media-bg.jpg);background-repeat:no-repeat}

.footer .social-media a.f span {background-position:0 0}
.footer .social-media a.f:hover span {background-position:0 -240px}
.footer .social-media a.in span {background-position:0 -56px}
.footer .social-media a.in:hover span {background-position:0 -297px}
.footer .social-media a.t {margin-top:-70px}
.footer .social-media a.t, .footer .social-media a.t span {width:89px;height:56px;padding-top:72px}
.footer .social-media a.t span {background-position:0 -112px}
.footer .social-media a.t:hover span {background-position:0 -354px}

.footer .own-projects, .footer .social-media {background:url(../img/footer-bg.png) repeat-x 0 0}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
* html .clearfix {height: 1%}
.clearfix {display: block}
.clr {clear:both;height:0;font-size:0;line-height:0}