* {font-family: Tahoma, sans-serif; color: #565656; margin: 0; padding: 0}

img {border: none}



a:link, a:visited {text-decoration: underline; color: #ae0000}

a:hover, a:active {text-decoration: none; color: #ae0000}



p {font-size: 80%}

p, ul {margin-bottom: 18px}

li {margin-left: 15px; font-size: 80%}

li li {font-size: 100%}



h1 {font-weight: normal; color: #c03d3d; font-size: 110%; margin-top: 10px}

h3 {font-size: 85%; font-weight: bold; margin-bottom: 3px}



#content table {margin-bottom: 15px; border: 1px solid #888; border-collapse: collapse}

#content table td {font-size: 80%; border: 1px solid #888; padding: 2px 4px 2px 4px}



#content p td {font-size: 100%} /* for MSIE */



/* Макет */

#top_menu {float: right; margin-top: 40px; padding-right: 43px}

#top_menu div {float: left; padding-right: 21px; height: 25px}

#top_menu a, #top_menu div span {display: block; float: left; text-transform: uppercase; color: #3e3e3e; font-weight: bold; font-size: 70%; height: 25px}

#top_menu a:link, #top_menu a:visited {text-decoration: none}

#top_menu a:hover, #top_menu a:active, #top_menu div span, #top_menu a.active_link {text-decoration: none; background: url('/pic/top_menu_underline.gif') repeat-x left bottom}



#bottom_center {width: 980px; height: 153px; margin: 0 auto}

#copyright {float: left; color: #fff; padding: 82px 0 0 52px; font-size: 65%}



#main_top {float: left; width: 100%}



#main_cols {float: left; margin-top: 100px; width: 100%}

#main_col1 {float: left; width: 212px; padding-left: 15px}

#main_col2 {float: left; width: 202px; padding-left: 88px}

#main_colvideo {float: left; width: 502px; padding-left: 8px; margin-top:20px;}


#left_col {float: left; width: 490px; padding: 0 40px 0 15px; background: url('/pic/v_separator.gif') repeat-y right top}



#col1 {float: left; width: 213px; padding: 0 40px 0 15px}

#col2 {float: left; width: 213px; padding: 0 40px 0 47px}

#col3 {float: left; width: 213px; padding: 0 0 0 30px}



#contacts1 {float: left; width: 420px}

#contacts2 {float: right; width: 414px}

#contacts1 div.form_row {float: left; clear: left; margin-bottom: 5px}

#contacts1 div.field_name {float: left; width: 112px; font-size: 80%}

#contacts1 div.field {float: left}

#contacts1 div.field input {width: 247px; height: 22px; border: 1px solid #c6c6c6; float: left}

#contacts1 div.field input.bad_value {border: 1px solid #f00}

#contacts1 div.field textarea {width: 247px; border: 1px solid #c6c6c6; font-size: 80%}

#contacts1 div.field textarea.bad_value {border: 1px solid #f00}

#contacts1 div.field input.button {width: 120px; height: 22px; border: 1px solid #aaa; float: left}



a:link.detail, a:visited.detail, a:hover.detail, a:active.detail {color: #949494}



img.title {color: #ae0000; font-weight: bold; margin: 9px 0 28px 0}



#float {position: absolute; display: hidden}



p.error {margin-bottom: 5px; color: #ae0000; font-weight: bold}

p.ok {margin-bottom: 25px; color: #080; font-weight: bold}



/* Блоки */



#news_right {float: right; width: 290px; padding-right: 19px}



div.news_block_pic {width: 287px; height: 86px; margin-bottom: 11px; cursor: pointer}

div.news_block_text {width: 287px; height: 86px; position: absolute; opacity: 0.8; visibility: hidden}

div.news_block_text div {background-color: #000; position: absolute; bottom: 0; left: 0; width: 100%}

div.news_block_text div a:link, div.news_block_text div a:visited, div.news_block_text div a:hover, div.news_block_text div a:active {display: block; text-decoration: none; padding: 5px 25px 5px 25px; color: #fff; font-size: 80%}



a.news_block_border {display: block; width: 287px; height: 86px; position: absolute; text-decoration: none}



#all_partners {font-size: 70%; padding: 13px 10px 0 0; text-align: right}

#all_partners a {color: #909090}



#works_menu {width: 152px; background: #dfdfdf url('/pic/works_top.gif') no-repeat 0 0; float: left}

#works_menu div.top {min-height: 433px; padding: 25px 12px 28px 15px; font-size: 70%}

#works_menu div.bottom {width: 152px; height: 18px; background: url('/pic/works_bottom.gif') no-repeat 0 0}



#works_menu div.item {margin-top: 17px}

#works_menu div.item a {color: #666666}

#works_menu div.active {color: #ae0000; font-weight: bold}

#works_menu div.active div, #works_menu div.active a {color: #ae0000}

#works_menu div.sublevel {margin: 15px 0 17px 5px}

#works_menu div.sublevel div, #works_menu div.sublevel a {font-weight: normal; margin-top: 0}



#works_main {float: left; width: 724px; padding-left: 12px; margin-top: 31px}

#works_main div.works_title {color: #ae0000; text-transform: uppercase; font-weight: bold; height: 79px; margin: 0 0 4px 20px}



#works_main div.works_item {float: left; width: 167px; padding: 0 0 28px 14px}

#works_main div.works_item div {font-size: 70%; color: #949494; margin: 15px 0 0 27px}

#works_main div.works_item div.img {margin: 0}

#works_main div.works_item a.works_prev {display: block; width: 167px; height: 122px; margin-bottom: 18px; text-decoration: none}



#works_line {clear: left; font-size: 70%; font-weight: bold; text-align: right; padding: 22px 30px 0 0}

#works_line a, #works_line span {margin-left: 17px}



#works_main div.works_one {width: 600px; margin-left: 45px}

#works_main div.works_cli_name {float: left; font-size: 70%; font-weight: bold; height: 80px}

#works_main a.all_cli_works {display: block; float: right; font-size: 70%; font-weight: bold; height: 30px}

#works_main div.pic_area {width: 600px; min-height: 400px; clear: left; text-align: center}

#works_main div.works_previews {width: 600px; height: 96px; margin-top: 15px; float: left; overflow: hidden}

#works_main td.works_preview {padding-right: 9px}

#works_main textarea {font-size: 80%}



#works_links {margin-top: 35px; float: left; width: 600px; font-size: 70%}

#works_links a {color: #999}

#works_links div.prev {float: left; width: 200px; height: 20px}

#works_links div.up {float: left; width: 200px; text-align: center; height: 20px}

#works_links div.next {float: right; height: 20px}



#news_main {margin: 100px 0 0 15px}



div.news_item {float: left; padding-right: 130px; margin-bottom: 25px}

div.news_item img {vertical-align: bottom}

div.news_date {color: #c03d3d; font-size: 110%; margin-top: 10px}

div.news_announcement {font-size: 70%; color: #999999; width: 300px}

div.news_detail a {color: #c03d3d; font-size: 70%}



#news_one {width: 515px; float: left; border: 1px solid #dedede; border-width: 0 1px 0 0; padding: 0 20px 0 15px}



#clients_main {float: left; width: 888; margin-top: 31px; margin-right: -17px}



#clients_main div.client_item {float: left; width: 167px; margin-right: 14px}

#clients_main div.client_item div {font-size: 70%; color: #949494; margin: 15px 0 0 27px}

#clients_main div.client_item div.img {margin: 0}

#clients_main div.client_item a.cli_prev {display: block; width: 167px; height: 122px; margin-bottom: 18px; text-decoration: none}



#client_line {clear: left; font-size: 70%; font-weight: bold; text-align: right; padding-top: 35px}

#client_line a, #client_line span {margin-left: 17px}



h2.cli_name {color: #ae0000; font-size: 90%}



td.clients_bottom {text-align: center; vertical-align: middle; background: no-repeat center center; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30)}



div.client_bottom {float: left; width: 120px; height: 50px}

div.client_bottom a {display}



#clients_bottom {height: 166px; padding-top: 50px; clear: left}

#clients_bottom div.clients_area {width: 888px; height: 116px; background: #fff url('/pic/main_partners.gif') no-repeat 0 0}

#clients_bottom div.client_item {float: left; width: 120px; height: 50px; opacity: 0.3; -moz-opacity: 0.3; -khtml-opacity: 0.3; filter: alpha(opacity=30)}

#clients_bottom div.client_item a {display: block; width: 120px; height: 50px; background: no-repeat center center; text-decoration: none}