@media Screen    
{
html,body{ margin:0; padding:0; height: 100%; width: 100%; background: url('/img/bg.gif') repeat-x left top; font: 11px tahoma, sans-serif; color:#1F2223; text-align: center }
table, td{ padding: 0; margin:0; border-collapse: collapse }
table{ width: 100% }
h1, h2, h3, h4, h5, h6, p, address{ margin:0; padding:0 }
form{ margin: 0; padding:0; width: 100% }
input{ font-family: tahoma }
img{ border:0 }
select{ color:#959798; border: solid 1px #A5ACB2 }
a{ color:#00A3D8 }
a:hover{ text-decoration: none }

.headline{ position: relative; text-align: left; z-index: 0; min-width: 998px }
.headline .child{ position: absolute; top: 97px; width: 100%; height: 160px; overflow: hidden }
.headline .child div{ width: 100%; height: 160px; position: relative }
.headline .bg-1{ left: 136px; background: url('/img/header.jpg') no-repeat top center }
.headline .bg-2{ left: 136px; background: url('/img/header.gif') no-repeat top center }
.headline .bg-3{ left: -560px; background: url('/img/header-left.gif') no-repeat top center }

/*header*/
.header{ height: 257px; width: 100% }
.header ul, .header li{ padding:0; margin:0; list-style: none }
.header .tool{ width: 100%; height: 62px; overflow: hidden }
.header .tool li{ float:left; padding-right: 20px; line-height: 20px }
.header .tool .current{ margin-right: 20px; background: url('/img/menu-right.gif') no-repeat right top; color: white }
.header .tool .current a{ color: white; text-decoration: none }
.header .tool .current div{ float:left; height: 22px; padding-left: 20px; background: url('/img/menu-left.gif') no-repeat left top }

.header .column-left{ padding-top: 40px }
.header .column-right{ padding-top: 57px }

.header .column-left ul{ position: absolute; top: 223px }
.header .column-left li{ font-weight: bold; color:#00A3D8; padding: 5px 30px 6px 20px; text-indent: -20px }

.sections li{ float: left }
.sections a{ display:block; float:left; width: 236px; height: 137px }

.header .phone{ float: right; text-align: right; color:#363839; font-size: 11px; position: relative; top: -8px }
.header .phone big{ font-size:36px; line-height: 40px; vertical-align: top }
.header .phone small{ vertical-align: top; font-size: 12px; position: relative; top: 7px }

.logotype{ display: block; width: 175px; height: 130px }
.logotype img{ display: block }

/*structures*/
.body{ min-height: 100%; width: 998px; margin:0 auto; position: relative; z-index: 1 }
.main{ width: 950px; margin: 0 auto; text-align: left; padding-bottom: 230px }
.column-left{ float:left; width: 240px; position: relative; z-index:2 }
.column-right{ float:left; width: 710px; position: relative; z-index:1 }

/*content*/
.content{ width: 100%; overflow: hidden; padding-top: 40px }
.content .column-left{ padding-top: 25px }

.block{ width: 100%; overflow: hidden }
.column{ float: left; width: 236px }
.join{ float:left; width: 472px }

.menu, .menu li{ padding:0; margin:0; list-style: none }
.content .menu{ padding-bottom: 40px }
.content .menu li{ color:#C3CED3; padding: 5px 30px 6px 20px; text-indent: -20px }
.content .menu a, #submenu_calc a { color:#485459 }

.mainpage{ width: 100% }
.banner{ padding-bottom: 40px }
.banner a{ outline: none }

.list, .list li{ padding:0; margin:0; list-style: none }
.list{ padding: 0 22px 0; color:#46B1E3 }
.list li{ text-indent: -20px; padding: 0 20px 11px }

.tooling{ padding: 210px 0 50px; background: url('/img/image.jpg') no-repeat left top }
.tooling h2, .column-right .tooling h1{ color:#646F73; font-weight: normal; border-bottom: none; font-size: 24px; padding:0; margin:0; padding-left: 53px; text-indent: -53px }
.tooling h2 span, .tooling h1 span{ color:#CED3D5 }
.tooling p{ padding:5px 20px 20px 53px }

.review{ padding: 0 16px 50px 0 }
.negative{ background: url('/img/negative.gif') no-repeat 12px 12px }
.positive{ background: url('/img/positive.gif') no-repeat 12px 12px }
.neutral{ background: url('/img/neutral.gif') no-repeat 12px 12px }
.view{ padding: 14px 0 0 40px }
.view a{ color:#1F2223 }
.data{ padding: 12px 0 15px; border-bottom: solid 1px #DEE5E9; color:#A8B2B7 }

.text{ width: 100% }
.text h2{ padding-bottom: 3px; margin-bottom: 22px; font-size: 23px; font-weight: normal; color:#394245; border-bottom: solid 1px #CFD5D5 }
.text p{ padding: 0 20px 16px 0; color:#485459; line-height: 1.3em }
.commas{ position: relative }
.commas div{ position: absolute; left: -80px; top: -20px; width: 67px; height: 55px; background: url('/img/cite.gif') no-repeat }

.all{ padding-left: 20px; margin: 20px 0 0 20px; font-weight: bold; background: url('/img/arrow.gif') no-repeat 0 4px }
.text .all{ margin: 10px 0 0 0; position: relative; left: -20px }
.review .all{ margin: 10px 0 0 20px}

.page{ width: 100%; padding-bottom: 30px }
.page p{ padding: 0 30px 18px 50px }
.page h2{ font-size: 18px; font-weight: normal; color:#3E494D; padding-bottom: 18px }
.page li {list-style-type:circle;padding:0 0 10px 0;}
.page td {padding:5px;vertical-align:top;}

.page .tool { width: 100%; height: 62px; overflow: hidden }
.page .tool li{ float:left; padding-right: 20px; line-height: 20px }
.page .tool .current{ margin-right: 20px; background: url('/img/menu-right_w.gif') no-repeat right top; color: white }
.page .tool .current a{ color: white; text-decoration: none }
.page .tool .current div{ float:left; height: 22px; padding-left: 20px; background: url('/img/menu-left_w.gif') no-repeat left top }

.page .opinions_list img {float:left;margin:5px 10px 5px 5px;}
.page .opinions_list div {clear:both;}
.page .opinions_list div.opinion_body {padding:5px 20px 10px 50px;line-height:18px;}
.page .opinions_list div.noicon {padding-left:33px;}

.companies p{ padding: 0 30px 16px 0 }
.companies ul, .companies li{ padding:0; margin:0; list-style: none }
.companies ul{ padding: 10px 30px 10px 50px }
.companies li{ padding: 2px 0 3px }
.abc{ margin: 25px 30px 0 50px; font-size: 30px; color:#272B2C }

.opinions{ text-align: right; font-size: 11px; margin: 10px 0 40px 50px; width: 660px }
.opinions th{ padding: 10px 10px 8px 0; border-bottom: solid 1px #C8D2D5 }
.opinions img{ vertical-align: middle }
.opinions th a{ color:#272B2C; text-decoration: none; vertical-align: middle }
.opinions td{ padding: 10px 30px 11px 0; border-bottom: solid 1px #E8ECEE }
.first{ width: 170px; text-align: left }
.last td{ border: none }

.pager, .pager li{ padding:0; margin:0; list-style: none }
.pager{ padding: 10px 0; border-top: solid 1px #C8D2D5; font-size: 12px; width: 100%; overflow: hidden }
.pager li{ float:left; width: 24px; height: 24px; line-height: 24px; text-align: center }
.pager .current{ background: url('/img/pager.gif') no-repeat; color: white }
.pager .current a{ text-decoration: none; color: white }

.form{ padding-top: 33px }
.form h3{ border-bottom: solid 1px #ccc; font-size: 11px; padding-bottom: 8px }
.form .tr{ width: 100%; overflow: hidden; padding-top: 15px }
.form .name{ width: 370px; float:left }
.form .field{ width: 340px; float:left }
.form .field select{ width: 250px }
.form .panel{ padding: 20px 0 30px 50px }
.form .layer{ padding: 20px 0 0 50px }
.form .layer select{ width: 180px; margin: 5px 0 0 }
.form .panel select{ width: 180px; margin: 5px 0 20px }
.form .checkbox{ margin-top: 18px; padding-bottom: 20px }
.form .checkbox li{ padding-bottom: 9px }
.form ul, .form li{ padding:0; margin:0; list-style: none }
.form li{ padding-bottom: 15px }
.form input, .form label{ vertical-align: middle }

.estimate{ width: 100% }
.estimate p{ padding-top: 5px; padding-bottom: 3px }
.estimate .attention{ padding: 0 0 0 10px; border-left: solid 2px #DCE2E0; margin-top: 30px }
.attention b{ display: block; padding-bottom: 7px }
.calculate{ border-top: solid 1px #C8D2D5; padding: 27px 0 40px; width: 100%; overflow: hidden }
.calculate .button{ width: 185px; height: 22px; float:left; outline: none }
.calculate .total{ float:left; padding-left: 134px; font-weight: bold }
.calculate .inall{ line-height: 17px }
.calculate .cost{ width: 145px; border: solid 2px #515F6A; height: 18px; line-height: 17px; padding-left: 5px }
.calculate .total td {padding:2px;}

.column-right h1{ margin-top: 25px; margin-bottom: 22px; font-weight: normal; color:#272B2C; font-size: 30px; border-bottom: solid 1px #C8D2D5; padding-bottom: 2px }

/*footer*/
.footer{ position: relative; z-index:2; width: 998px; margin: 0 auto; text-align: left }
.footer-child{ overflow: hidden; position: absolute; width: 950px; height: 160px; left: 24px; top: -165px; border-top: solid 2px #B8C7CC }
.footer ul, .footer li{ padding:0; margin:0; list-style: none }
.footer ul{ float: left; width: 440px; padding-top: 18px }
.footer li{ display: inline; color:#D4DBDE }
.footer li span{ padding: 0 7px 0 10px }
.footer li a{ color:#363839 }

.footer .phone{ width: 285px; float:left; padding-top: 9px }
.footer .phone .child{ float: right; position: relative; color:#363839 }
.footer .phone span{ position: absolute; left: -55px; top: 10px; font-size: 12px }
.footer .phone big{ font-size: 48px; line-height: 57px }

.footer .info{ width: 150px; padding: 18px 20px 0 0; float:right; color:#ADC1C8 }

/*other*/
.cl{ clear: both }

}