* {margin: 0; padding: 0}

body {font-family: Tahoma, Arial, sans-serif; font-size: 100.01%; color: #393939; background: #e1ded7 url(../images/body_bg.jpg) repeat center 0}
html, body {height: 100%}

img {border: 0}

table {width: 100%; font-size: 100%; border-collapse: collapse; vertical-align: top; text-align: left; border: none}
td {vertical-align: top; text-align: left}

ul {list-style: none}

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

h1 {font-size: 500%; color: #203b4b; height: 88px}
h2 {font-size: 100%; margin-bottom: 5px}

p {margin-bottom: 10px}

.red {color: #ed1c24}


#main {position: relative; width: 864px; min-height: 100%; font-size: 0.75em; margin: 0 auto}
*html #main {height: 100%}

#header {height: 184px}
#header div.top {font-size: 85%; height: 36px; padding: 15px 3px 0 0; text-align: right}
#header div.top a {margin-left: 18px}
#logo {float: left; width: 225px; padding-left: 2px}
#tels {float: left; padding-top: 28px}
#tels span.left {float: left; margin-right: 5px}
#tels span.right {float: left; margin-right: 14px}
#header div.right {float: right; width: 222px; padding-top: 25px}
#done {float: right; margin: -43px 2px 0 0}

a.img {padding: 1px; border: #aaa9a6 solid 1px}
a.img, a.img img {float: left}

#last_projects {float: left; width: 100%; margin-bottom: 46px}
#last_projects div.block {float: left; width: 264px; margin-right: 36px}
#last_projects div.right div.block {margin: 0}
#last_projects a.img {background: #fbfbfb}
#last_projects div.text {float: left; font-size: 120%; padding: 13px 0 0 24px}
#last_projects div.text span.head {display: block; position: relative; padding-left: 16px; margin-left: -8px; background: url(../images/last_li_bg.gif) no-repeat 0 5px}

#works {float: left; width: 600px}

div.column a.head {display: block; height: 20px; padding: 5px 0 0 12px; margin-bottom: 11px; background: #393939 url(../images/a_arrow.gif) no-repeat 238px 10px}
div.column a.head:hover {background-image: url(../images/a_arrow_h.gif)}
div.column {float: left; width: 263px; padding: 0 37px 9px 0}
div.column li {float: left; width: 263px; padding-bottom: 16px}

#other_works {float: left; font-size: 150%; padding-left: 21px; background: url(../images/a_arrow_red.gif) no-repeat 3px 4px}
#other_works img {float: left}

#simple_block {float: right; width: 264px; padding-top: 36px}
#simple_block a.img {margin-bottom: 20px}
#simple_block span.head {float: left; width: 264px; font-size: 210%; color: #ed1c24; height: 36px}
#simple_block div.text {padding: 0 6px 0 16px}

#contactus {padding-right: 17px; background: url(../images/a_contactus.gif) no-repeat right 5px}

#feedback {position: absolute; left: 0; width: 100%; padding-top: 36%; z-index: 255}
#feedback div.block {position: relative; width: 428px; height: 504px; margin: 0 auto}
#feedback div.top {height: 7px; font-size: 0; background: url(../images/feedback_bg_top.gif) no-repeat 0 0}
#feedback div.bot {height: 7px; font-size: 0; background: url(../images/feedback_bg_bot.gif) no-repeat 0 bottom}
#feedback div.mid {height: 452px; padding: 38px 36px 0 0; text-align: right; background: #fff}
#feedback span.head, #do_order span.head {display: block; height: 75px; font-size: 330%; color: #ed1c24}
#feedback input.text, #do_order input.text {width: 349px; height: 15px; padding: 9px 0 6px 12px; font-family: Tahoma, Arial, sans-serif; font-size: 10px;
	color: #9b9b9b; margin-bottom: 16px; border: #b9b6af solid 1px}
#feedback textarea, #do_order textarea {width: 349px; height: 152px; padding: 9px 0 6px 12px; font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #9b9b9b;
	margin-bottom: 12px; border: #b9b6af solid 1px}
#feedback input.button, #do_order input.button {float: right; margin-top: 6px}
#file {float: left; padding-left: 39px; font-size: 10px; color: #474747; text-align: left}
#file input {width: 80px; height: 22px; margin-top: 5px}
 
#navigation {position: relative; margin: -20px 0 36px 1px; font-size: 85%}
#navigation a {padding-left: 17px; background: url(../images/a_arrow_red.gif) no-repeat 0 5px}
#navigation.type2 {margin-top: -13px} /* если в тексте заголовка присутствует "Й" */

#services div.line {float: left; width: 100%; padding-bottom: 24px}
#services div.left {float: left; width: 390px}
#services div.right {float: right; width: 390px}
#services span.head {display: block; height: 35px}
#services div.text {font-size: 95%; padding-left: 12px}

#gallery {float: left; width: 530px}
#gallery div.top {float: left; width: 530px; background: #323232 url(../images/gallery_bg.gif) repeat-y 0 0}
#gallery div.top div.block {background: url(../images/gallery_bg_top.gif) no-repeat 0 0}
#gallery div.top div.block_in {padding: 26px 0 44px 0; text-align: center; background: url(../images/gallery_bg_bot.gif) no-repeat 0 bottom}
#gallery div.bot {float: left; position: relative; width: 516px; height: 173px; left: 6px; margin-top: -1px; background: #393939}
#prev {float: left; padding: 80px 0 0 17px}
#next {float: right; padding: 80px 17px 0 0}
#prev img, #next img {float: left}
#gallery div.bot div.block {margin: 11px 40px}
#gallery div.bot div.block a {margin: 0 7px}

#who_text {float: left; width: 455px}
#tz {float: left; width: 455px}
#tz a {float: left; padding: 15px 0 0 48px; height: 42px; color: #2656b5; background: url(../images/a_tz.gif) no-repeat 0 0}

#gallery_info {float: right; width: 295px; padding-top: 12px}
#gallery_info span.head {float: left; width: 305px; position: relative; font-size: 150%; padding-left: 16px; margin: 0 -10px 2px -16px;
	background: url(../images/last_li_bg.gif) no-repeat 0 7px}
#gallery_info a.web {float: left; font-size: 95%; padding: 2px 0 2px 26px; background: no-repeat 0 0}
#gallery_info div.block {float: left; width: 295px; padding-top: 14px; font-size: 95%}
#gallery_info div.block span.date {display: block; font-size: 85%; margin-bottom: 25px}
#gallery_info ul {padding-top: 2px}
#gallery_info li {padding: 0 0 3px 13px; background: url(../images/gallery_li.gif) no-repeat 0 7px}

#web_items {float: left; width: 864px; padding-bottom: 12px}
#web_items div.block {float: left; width: 263px; height: 160px; padding-right: 37px}
#web_items div.right div.block {padding-right: 0}

#do_order {float: right; width: 363px; text-align: right}
#do_order #file {padding-left: 10px}

#footer_block {clear: both; height: 150px}
#footer_main {clear: both; position: relative; height: 90px; margin: -90px 0; font-size: 0.75em}
#footer {width: 864px; height: 90px; margin: 0 auto; font-size: 95%}
#footer div.left {float: left; width: 354px; padding-left: 36px; background: url(../images/footer_logo.gif) no-repeat 2px 3px}
#footer div.left span {display: block; margin-bottom: 2px}
#footer div.mid {float: left}
#footer div.mid span {display: block; padding-left: 14px; margin-bottom: 2px}
#footer div.mid span.bot {background: url(../images/footer_tel.gif) no-repeat 0 1px}
#footer div.right {float: right; width: 114px}
#footer div.right span {display: block; padding-left: 17px; margin-bottom: 2px}
#footer div.right a.bot {padding-left: 17px; background: url(../images/footer_mail.gif) no-repeat 0 4px}