html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent;}

h1, h2, h3, h4, h5, h6 {font-weight: normal;}


img {border: 0px;}

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


sup {vertical-align: super; font-size: 9px; line-height: 4px;}

table {border: 0px; border-collapse: collapse;}
td {padding: 0px;}

html { height: 100%;}
body {position: relative; width: 100%; height: 100%; background: #24316e; font-family: Arial; font-size: 13px; line-height: 16px; color: #fff;}


/* BASE
--------------------------------------------------------------------------- */

#wrapper {position: relative; overflow: hidden; _overflow: visible; min-width: 1000px; min-height: 100%; background: transparent url(/str/i/bg.png) no-repeat left top; overflow: hidden;}



/* header */

.header {position: relative; margin: 0 0 28px;}
.header:after {content: ' '; clear: both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0;}

.header .my_logo {/*position: relative;*/ float: left; width: 270px; height: 222px; margin: 0 50px -10px 0; background: transparent url(/str/i/logo_stroiaudit.png) no-repeat left top;}
.header .my_logo a {position: relative; overflow: hidden; display: block; width: 135px; height: 135px; margin: 46px 0 0 60px; cursor: pointer; text-indent: 2000px; white-space: nowrap;}

.header .phone {position: relative; float: left; width: 410px; height: 124px; padding: 88px 0 0 3px; background: transparent url(/str/i/bg_phone.png) no-repeat left top; line-height: normal;}
.header .phone .code {position: relative; display: block; font-size: 18px; color: #9298b7;}
.header .phone .number {position: relative; display: block; padding: 5px 0 0; font-size: 36px;}

.header .awards {/*position: relative;*/ float: left; height: 124px; padding: 74px 0 0 88px; background: transparent url(/str/i/bg_awards.png) no-repeat left top; color: #9299b7; line-height: normal;}
.header .awards span {display: block; font-size: 24px;}
.header .awards .s1 {font-size: 36px;}
.header .awards .s2 {padding: 0 0 0 21px;}
.header .awards a {position: relative; display: inline-block; text-decoration: none; color: #9299b7;}
.header .awards a:hover {text-decoration: underline;}

.header .nav {position: absolute; top: 6px; right: 17px; list-style-type: none;}
.header .nav li {position: relative;}


.header .my_menu {position: relative; overflow: hidden; clear: left; float: left; width: 250px; padding: 0 0 0 34px; list-style-type: none;}
.header .my_menu li {position: relative; margin: 0 0 -1px; padding: 8px 8px 7px 48px; background: transparent url(/str/i/line_hor_1.gif) repeat-x left bottom;}
.header .my_menu li.current { padding: 6px 8px 6px 48px; background: #3a467d;}
.header .my_menu li.current a {color: #fff;}
.header .my_menu .marker {position: relative; float: left; margin: 1px 0 0 -26px; font-size: 10px; color: #a7adc5;}
.header .my_menu a {text-decoration: none; color: #a7adc5;}
.header .my_menu a:hover {color: #fff;}
.header .my_menu .corner {position: absolute; width: 5px; height: 6px; background: transparent url(/str/i/corners_3.png) no-repeat; font-size: 0px;}
.header .my_menu .corner_1 {top: 0px; left: 0px; background-position: 0px 0px;}
.header .my_menu .corner_2 {top: 0px; left: -5px; margin-left: 100%; background-position: -5px 0px;}
.header .my_menu .corner_3 {top: 100%; left: 0px; margin-top: -5px; background-position: -10px 0px;}
.header .my_menu .corner_4 {top: 100%; left: -5px; margin-top: -5px; margin-left: 100%; background-position: -15px 0px;}

.header .services_block {position: relative; float: left; width: 644px; height: 292px; margin: 8px 0 0 40px; padding: 0 0 44px;}
.header .services_block .services_block_in {position: relative; width: 644px; height: 292px; background: #4a5587;}
.header .services_block .services_block_in .services_block_top {position: absolute; z-index: 10; top: 0px; left: 0px; width: 644px; height: 14px; background: transparent url(/str/i/bg_services_block_top.png) no-repeat left top; font-size: 0px;}
.header .services_block .services_block_in .services_block_bottom {position: absolute; z-index: 10; top: 280px; left: 0px; width: 644px; height: 14px; background: transparent url(/str/i/bg_services_block_bottom.png) no-repeat left top; font-size: 0px;}
.header .services_block .services_block_in .services_block_img {position: relative; z-index: 3; overflow: hidden; padding: 4px 0 0;}
.header .services_block .services_block_in .services_block_cont_bg {position: absolute; z-index: 4; top: 4px; right: 0px; width: 198px; height: 284px; background: transparent url(/str/i/bg_services_block_cont.png) no-repeat left top;}
.header .services_block .services_block_in .services_block_cont {position: absolute; z-index: 5; top: 4px; right: 0px; width: 198px !important; height: 284px;}
.header .services_block .services_block_in .services_block_cont ul {position: relative; zoom: 1; overflow: hidden; margin: 15px 0 0; padding: 0 0 0 16px; list-style-type: none;}
.header .services_block .services_block_in .services_block_cont ul li {position: relative; zoom: 1; margin: -1px -1px -16px;}
.header .services_block .services_block_in .services_block_cont ul li a {position: relative; zoom: 1; display: block; padding: 17px 0 16px 36px; background: transparent url(/str/i/bg_services_block_cont_point.png) no-repeat left top; cursor: pointer;}
.header .services_block .services_block_in .services_block_cont ul li.current a {background: transparent url(/str/i/bg_services_block_cont_point_current.png) no-repeat left top; text-decoration: none;}

.header .services_block .services_block_in .services_block_cont a {text-decoration: none;}
.header .services_block .services_block_in .services_block_cont a i {font-style: normal; border-bottom: 1px dotted #fff;}
.header .services_block .services_block_in .services_block_cont .current a:hover {cursor: default;}
.header .services_block .services_block_in .services_block_cont a:hover i { border-bottom: 0px;}
.header .services_block .services_block_in .services_block_cont .current i { border-bottom: 0px;}

.header .services_block .all_services_button {position: absolute; z-index: 10; left: 415px; bottom: -1px; width: 94px; height: 64px; padding: 32px 0 0; background: transparent url(/str/i/bg_all_services_button.png) no-repeat left top; text-align: center; text-decoration: none; font-size: 11px; line-height: normal; cursor: pointer;}


/* footer */

div.footer {position: absolute; z-index: 30; bottom: 0px; left: 0px; width: 100%; height: 100px; color: #9298b7; font-size: 11px; line-height: 14px;}
div.footer .footer_in {position: relative; margin: 0 60px; padding: 18px 0 0; border-top: 1px solid #38447c;;}

div.footer .copyright {position: relative; width: 30%; float: left;}

div.footer .contacts {position: relative; width: 32%; float: left; text-align: center; padding: 0; }
div.footer .contacts dl {position: relative; display: inline-block; text-align: left;}
div.footer .contacts dt {position: relative; float: left; clear: left; padding: 0 3px 0 0;}
div.footer .contacts dd {white-space: nowrap;}

div.footer .develop {position: relative; float: right;}
div.footer .develop a {position: relative; cursor: pointer; color: #9298b7; text-decoration: none;}
div.footer .develop span {position: relative; float: left; padding: 0 13px 0 0; /*text-decoration: none;*/}
div.footer .develop a:hover {text-decoration: underline;}
div.footer .develop a:hover span {text-decoration: underline;}
div.footer .develop img {border-left: 1px solid #bebec1; float: left; margin: 3px 0 0; padding: 0 0 0 24px;}



/* content */

.content {position: relative; padding: 0 0 160px; margin: 0 32px;}
.content:after {content: ' '; clear: both; display: block; width: 0; height: 0; overflow: hidden; font-size: 0;}


.base_content {position: relative; z-index: 10; float: left; width: 75%;}
.base_content .base_content_in {position: relative; padding: 27px 29px;}


.sidebar {position: relative; z-index: 20; float: right; width: 25%;}


.base_content_substrate {position: absolute; top: 0px; bottom: 190px; left: 0px; width: 100%;}
.base_content_substrate .base_content_substrate_in {position: relative; width: 75%; height: 100%;}

.base_content_substrate .base_content_substrate_bg {position: absolute; top: 15px; /*bottom: -15px;*/ height: 100%; left: 0px; right: 0px; border: solid #646d99; border-width: 0 1px; background: transparent url(/str/i/transparent_1.png) repeat;}

.base_content_substrate .base_content_substrate_top {position: relative; height: 14px; margin: 0 15px; border-top: 1px solid #646d99; font-size: 0px;}
.base_content_substrate .base_content_substrate_top .corner_1 {position: absolute; top: -1px; left: -15px; width: 15px; height: 15px; background: transparent url(/str/i/corners_1.png) no-repeat 0px 0px;}
.base_content_substrate .base_content_substrate_top .corner_2 {position: absolute; top: -1px; left: 0px; margin-left: 100%; width: 15px; height: 15px; background: transparent url(/str/i/corners_1.png) no-repeat -15px 0px;}
.base_content_substrate .base_content_substrate_top .bg {position: relative; height: 14px; background: transparent url(/str/i/transparent_1.png) repeat 0px 0px;}

.base_content_substrate .base_content_substrate_bottom {position: relative; top: 100%; height: 14px; margin: 0 95px 0 15px; border-bottom: 1px solid #646d99; font-size: 0px;}
.base_content_substrate .base_content_substrate_bottom .corner_1 {position: absolute; top: 0px; left: -15px; width: 15px; height: 15px; background: transparent url(/str/i/corners_1.png) no-repeat -60px 0px;}
.base_content_substrate .base_content_substrate_bottom .corner_2 {position: absolute; top: -80px; left: 0px; margin-left: 100%; width: 95px; height: 95px; background: transparent url(/str/i/bg_content_corner.png) no-repeat 0px 0px;}
.base_content_substrate .base_content_substrate_bottom .bg {position: relative; height: 14px; /*background: transparent url(/str/i/transparent_1.png) repeat 0px 0px;*/ background: #38447b;}



/* CONTENT BLOCK'S
---------------------------------------------------------------------------- */


.content h2 {position: relative; font-size: 20px; padding: 0 0 12px;}

.base_content p {padding: 0 0 16px;}

.base_content ul {padding: 6px 0 8px 24px;}
.base_content ul li {padding: 0 0 16px;}

.base_content .more {padding: 10px 0 0; font-size: 11px;}
.base_content .more a {position: relative; display: inline-block; margin: 0 0 0 24px;}
.base_content .more a .icon {position: absolute; left: -24px; top: -4px;}



/* block_sidebar */

.block_sidebar {position: relative; margin: 0 23px 20px 45px;}
.block_sidebar h2 {position: relative; z-index: 5; padding: 0 0 20px;}
.block_sidebar .more {padding: 0px; text-align: right;}
.block_sidebar .more a {position: relative; display: inline-block;}
.block_sidebar .more a .icon {position: absolute; left: -30px; top: -3px;}


/* block_1 */

.block_1 {position: relative; margin: 0 0 50px 22px; color: #545454;}
.block_1 h2 {margin: 0 -23px; padding: 0 0 20px 60px;}
.block_1 a {color: #282828;}
.block_1 .block_1_cont {position: relative; padding: 12px 23px 9px; background: #fff;}
.block_1 .block_1_top {position: relative; height: 13px; margin: 0 13px; background: #fff; font-size: 0px;}
.block_1 .block_1_top .corner_1 {position: absolute; top: 0px; left: -13px; width: 13px; height: 13px; background: transparent url(/str/i/corners_2.png) no-repeat 0px 0px;}
.block_1 .block_1_top .corner_2 {position: absolute; top: 0px; left: 0px; margin-left: 100%; width: 13px; height: 13px; background: transparent url(/str/i/corners_2.png) no-repeat -13px 0px;}
.block_1 .block_1_bottom {position: relative; height: 13px; margin: 0 13px; background: #fff; font-size: 0px;}
.block_1 .block_1_bottom .corner_1 {position: absolute; top: 0px; left: -13px; width: 13px; height: 13px; background: transparent url(/str/i/corners_2.png) no-repeat -26px 0px;}
.block_1 .block_1_bottom .corner_2 {position: absolute; top: 0px; left: 0px; margin-left: 100%; width: 13px; height: 13px; background: transparent url(/str/i/corners_2.png) no-repeat -39px 0px;}



/* block_projects */

.block_projects {}
.block_projects h2 {padding: 0 0 47px 60px;}
.block_projects h2 .icon {position: absolute; z-index: -1; top: -17px; left: -12px;}
.block_projects .projects_list {position: relative; margin: 0 0 10px; list-style-type: none;}
.block_projects .projects_list li {position: relative; padding: 0 0 12px 7px; background: transparent url(/str/i/marker_1.gif) no-repeat 0px 8px;}
.block_projects .projects_list a {color: #545454; text-decoration: none;}
.block_projects .projects_list a:hover {color: #000; text-decoration: none;}
.block_projects .more a .icon {left: -32px;}



/* block_news */

.block_news h2 {padding: 0 0 23px 35px;}
.block_news h2 .icon {position: absolute; z-index: -1; top: -18px; left: -14px;}
.block_news .news_list {position: relative; list-style-type: none;}
.block_news .news_list li {padding: 0 0 18px;}
.block_news .news_list .date {padding: 0 0 8px; font-weight: bold; color: #7b84aa;}
.block_news .news_list .date a {color: #7b84aa;}
.block_news .more {font-size: 11px;}
.block_news .more a .icon {left: -27px; top: -1px;}


/* FRAMEWORK
--------------------------------------------------------------------------- */

/*
.floating_inlins_block {position: relative; zoom: 1; display: -moz-inline-stack; display: inline-block; *display: inline; vertical-align: top; width: 50%; margin: 0 -1px 0 0px;}
*/


.header .services_block .services_block_in .services_block_cont ul li span {
  position: absolute; display: none; top: 50%; left: -15px; margin-top: -9px; width: 15px; height: 18px; background: url(/str/i/bg_services_block_cont_point_current.png) no-repeat left top; font-size: 0px;
}
.header .services_block .services_block_in .services_block_cont ul li.current span {
  display: block;
}

.header .services_block .services_block_in .services_block_cont ul li {position: relative; zoom: 1; margin: -1px -1px 0; vertical-align: top;}

.header .services_block .services_block_in .services_block_cont ul li.current a {background: transparent url(/str/i/transparent_3.png) repeat left top;}

.header .services_block .services_block_in .services_block_cont ul li a {position: relative; zoom: 1; display: block; padding: 17px 0 16px 21px; background: transparent url(/str/i/bg_services_block_cont_point.png) no-repeat left top; cursor: pointer;}

.header .services_block .services_block_in .services_block_text {position: absolute; z-index: 4; left: 0px; bottom: 12px; width: 284px; padding: 12px 20px 12px 30px; background: url(/str/i/transparent_2.png) repeat; color: #fff; font-size: 12px;}
.header .services_block .services_block_in .services_block_text p {padding: 0 0 3px;}
.header .services_block .services_block_in .services_block_text .more {text-align: right;}
.header .services_block .services_block_in .services_block_text .more a {position: relative; zoom: 1; display: inline-block; margin: 0 16px 0 0; color: #dbdbdb;}
.header .services_block .services_block_in .services_block_text .more a img {position: absolute; top: 6px; right: -11px;}