* {padding:0; margin:0; outline:none}

html {height:100%}

body {height:100%; background:#fefa96 url(../images/bg.png) repeat-x left top; font:14px calibri; color:#5b5a39; _behavior:url("./css/csshover.htc")}

img {border:0}

a {color:#fe571a}
a:hover {color:#ff8c18; text-decoration:underline}

ul {list-style:none}

.grey {display: block; opacity: 0.6; position: fixed; width: 100%; height: 100%; background:none repeat scroll 0 0 #888888; z-index:900; filter: alpha(opacity=60)}

.clear:after {content:"."; display:block; clear:both; visibility:hidden; height:0}

.wrapper {min-height:100%; _height:100%; background:url(../images/main.png) no-repeat center top}

.content {width:1004px; margin:0 auto; padding-bottom:185px}

.header {position:relative; height:145px}
.header .logo {position:absolute; left:50px; top:25px}
.header .header-about {position:absolute; color:#000; left:305px; top:45px; width:420px}
.header .header-phone {position:absolute; font:18px "trebuchet ms"; color:#fff; top:45px; right:52px}
.header .header-yandex-map {color:#fff; position:absolute; top:70px; right:35px; font-size:12px; padding-right:22px;}
.header .header-yandex-map a {color:#fff}
.header .header-yandex-map a:hover {text-decoration:none}

.projects {width:100%}
.circle {float:left; width:335px; margin-right:-3px; text-align:center; height:273px; font-size:18px; line-height:22px; color:#4b4949; padding-top:50px; background:url(../images/circle.png) no-repeat left top}
.circle:hover {background-position:left -324px}
.circle p {width:240px; margin:0 auto}
.circle p.project-logo {height:45px}
.circle h4 {font-size:18px; font-weight:normal; padding:25px 0 3px 0; width:240px; margin:0 auto}

.tags {height:473px; position:relative; line-height:30px}
.tags-projects {position:absolute; left:145px; top:15px; width:360px}
.tags-clients {position:absolute; left:585px; top:15px; width:330px}
.tags a {color:#fff; margin-right:5px}
.tags a:hover {color:#fff; text-decoration:none}
.tags a.size-16 {font-size:16px}
.tags a.size-18 {font-size:18px}
.tags a.size-20 {font-size:20px}
.tags a.size-21 {font-size:21px}
.tags a.size-22 {font-size:22px}
.tags a.size-24 {font-size:24px}
.tags a.size-28 {font-size:28px}
.tags a.size-35 {font-size:35px}
.tags a.size-36 {font-size:36px}
.tags h5 {padding-bottom:20px; font-size:24px; font-weight:normal}
.tags h5 a,
.tags h5 a:hover {color:#000}

.content-text {padding:0 30px 0 305px; position:relative}
.content-text h3 {font-size:18px; font-weight:normal; color:#1e1e1e; padding-bottom:10px}
.content-text h3.ul-title {padding-left:40px}
.content-text p {padding-bottom:10px}
.content-text ul {padding-left:40px}
.content-text ul li {padding:0 0 10px 30px; background:url(../images/li.gif) no-repeat 3px 8px}

.content-left {position:absolute; font-size:12px; color:#91906a; left:60px; _left:-245px; top:75px; width:185px}

.footer {height:132px; margin-top:-132px; background:url(../images/footer.gif) repeat-x left top}
.footer-inner {width:875px; padding-right:21px; position:relative; margin:0 auto; font-size:11px; color:#91906a}
.footer-left {position:absolute; left:0; top:27px}
.footer-center {position:absolute; left:241px; top:27px}
.footer-right {position:absolute; top:27px; right:21px}