/* CSS Document */
body {height:100%;font:13px Arial, Tahoma, Verdana, Sans-Serif;color:#ababab;background:#3e4245 url(../images/body.jpg);}
div, html, body, p, ul, ol, li, a, form, img, table, td, h1, h2, h3, h4 {margin:0;padding:0;} 
img {border:none;}
ul, li {list-style:none;} 
a, a:active, a:visited {text-decoration:none;color:#dfdfdf;}  
a:hover {text-decoration:none;color:#dfdfdf;}

/*  All  */  
.wraper {width:1236px;margin:10px auto 0 auto;position:relative;}
.nofont {font-size:0;line-height:0;}
.clear {clear:both;font-size:0;line-height:0;height:1px;}
.header {position:relative;height:307px;background:url(../images/header.jpg) no-repeat;z-index:2;}
.header #flash {position:absolute;top:10px;left:369px;}
 
.menu {height:46px;width:1084px;position:absolute;top:252px;/*left:10px;*/left:86px;z-index:100;}
.menu ul li a, .menu ul li a:visited {display:block; text-decoration:none; float:left;color:#828282;overflow:hidden;}
.menu ul li li a, .menu ul li li a:visited {font:12px Arial;}
.menu ul li li a, .menu ul li li a:visited {float:none;text-align:left;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {font-size:0;line-height:0;float:left; position:relative;}
.menu ul li li {float:none;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#828282;background:#414548;}
.menu ul li:hover ul {display:block; position:absolute; top:46px; left:0; width:211px;padding-top:4px;}
.menu ul li:hover ul li {width:211px;}
.menu ul li:hover ul li a.hide { color:#828282;}
.menu ul li:hover ul li:hover a.hide {background:#414548;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block;border-bottom:1px solid #828282;font:12px Arial;padding:3px 0 3px 11px;}
.menu ul li:hover ul li a:hover {color:#ffff1e;}
.menu ul li:hover ul li li a:hover {background:#a11f29;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:127px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-127px;}

.index_block {background:#202123;padding:13px 20px;position:relative;margin-bottom:10px;}
.index_block h1 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.index_block h2 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.index_block p {font-size:14px;color:#cecece;padding-bottom:12px;}
.index_block p .float_left {float:left;margin-right:10px;}
.index_block p .float_right {float:right;margin-left:10px;position:relative;}
.index_block p strong {font-size:13px;color:#7e7e7e;}
.index_block ul li {color:#cecece;font-size:14px;float:left;width:425px;padding:0 0 0 15px;position:relative;}
.index_block ul li ul li {float:none;width:auto;padding:0;list-style-type:disc;}
.index_block ul li ul li span {color:#7f7c63;}
.main_list li {float:left;padding:10px 5px 10px 0;width:305px;}
.main_list li.last {padding-right:0;}
.main_list li div {background:#202629;padding-bottom:5px;min-height:318px;}
.main_list li div.bg {background:#202629 url(../images/main_list_bg.jpg) 6px 278px no-repeat;}
.main_list li div h2 {background:#828282 url(../images/main_list_h.gif) right top no-repeat;text-transform:uppercase;border:1px solid #202629;color:#202123;font-size:16px;padding:7px 10px;}
.main_list li div h3 {background:#828282 url(../images/main_list_h.gif) right top no-repeat;text-transform:uppercase;border:1px solid #202629;color:#202123;font-size:16px;padding:7px 10px;}
.main_list li div p.img {text-align:center;position:relative;padding:10px 0 3px 0;width:305px;font-size:0;line-height:0;}
.main_list li div p.img img {border:5px solid #2c3237;}
.main_list li div p.img a.box img {border:none;position:absolute;top:133px;left:272px;}
.main_list li div p {padding:0 7px 7px 7px;}
.main_list li div p.read {padding:10px 7px 0 7px; text-align:left;}
.main_list li div p.read a {color:#fff; text-decoration:underline;}
.main_list li div p.read a:hover {color:#ff0; text-decoration:none;}
.main_list li div p span {font-size:11px;color:#ababab;}
.main_list li div ul li {float:none;padding:0 0 4px 28px;width:auto;color:#d7d7d7;background:url(../images/dot.gif) 16px 5px no-repeat;}
.main_list li div p.main_list_img {padding:0;}
.main_list li div p.button {padding:60px 0 8px 12px;}
.main_list li div p.button a, .main_list li div p.button a:visited {color:#d1d1d1;font-size:18px;text-align:center;display:block;width:277px;height:33px;padding-top:9px;background:url(../images/button_bg.gif) no-repeat;}
.main_list li div p.button a:hover {color:#ff0;}

.about_block {background:#202123;padding:13px 20px 100px 20px;position:relative;}
.about_block h1 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.about_block h2 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.about_block h3 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.about_block p {font-size:14px;color:#cecece;padding-bottom:12px;}
.about_block p strong {font-size:15px;color:#e0e0e0;}
.about_block ul {padding:0 0 10px 0;}
.about_block ul li {padding:0 0 2px 28px;background:url(../images/dot2.gif) 20px 6px no-repeat;}

.services_block {background:#202123;padding:13px 20px 30px 20px;position:relative;float:left;width:1196px;}
.services_block h1 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.services_block h2 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.services_block h3 {color:#cecece;font-size:14px;font-weight:bold;padding-bottom:12px;}
.services_block p {font-size:14px;color:#9a9a9a;padding-bottom:12px;}
.services_block p strong {color:#cecece;}
.services_block p strong.small {font-size:13px;} 
.services_block .lead_list {padding-bottom:12px;}
.services_block .lead_list li {font-size:12px;color:#9a9a9a;font-weight:bold;font-style:normal;padding:0 0 2px 30px;background:url(../images/dot2.gif) 15px 5px no-repeat;}
.services_block .reroofs_block_left {background:#323334;float:left;width:578px;padding:6px;margin-bottom:10px;}
.services_block .reroofs_block_left h2 {color:#e7d71b;font-size:14px;padding-bottom:10px;}
.services_block .reroofs_block_left h3 {font-size:13px;padding:0 0 10px 0;color:#b9b9b9;font-style:normal;}
.services_block .reroofs_block_left h4 {color:#e7d71b;font-size:14px;padding-bottom:10px;}
.services_block .reroofs_block_left ul li {padding:0 0 2px 28px;background:url(../images/dot2.gif) 20px 6px no-repeat;}
.services_block .reroofs_block_left p {font-size:13px;color:#9a9a9a;padding:0 0 10px 11px;}
.services_block .reroofs_block_left p.logo {font-size:18px;font-style:normal;font-weight:bold;color:#1a1a1a;padding:14px 0 10px 21px;text-transform:uppercase;}
.services_block .reroofs_block_left p strong {color:#b9b9b9;font-style:normal;}
.services_block .reroofs_block_right {background:#323334;width:578px;padding:6px 6px 20px 6px;margin-bottom:10px;float:right;}
.services_block .reroofs_block_right h2 {color:#e7d71b;font-size:14px;padding-bottom:10px;}
.services_block .reroofs_block_right h3 {font-size:13px;padding:0 0 10px 11px;color:#b9b9b9;font-style:normal;}
.services_block .reroofs_block_right h4 {color:#e7d71b;font-size:14px;padding-bottom:10px;}
.services_block .reroofs_block_right p {font-size:13px;color:#9a9a9a;padding:0 0 10px 11px;}
.services_block .reroofs_block_right p.logo {font-size:18px;font-style:normal;font-weight:bold;color:#1a1a1a;padding:0 0 10px 21px;text-transform:uppercase;}
.services_block .reroofs_block_right p strong {color:#b9b9b9;font-style:normal;}
.photo_list {float:right;width:600px;margin-bottom:10px;}
.showcase_list {background:#202123;padding:13px 0 30px 20px;position:relative;float:left;width:1216px;}
.showcase_list h1 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.showcase_list h2 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.showcase_list p {font-size:14px;color:#9a9a9a;padding-bottom:12px;}

.y_line {background:#202123;margin-bottom:10px;clear:both;}
.y_line p {padding:10px 0 10px 36px;}
.y_line p a, .y_line p a:visited {width:1170px;height:27px;padding-top:9px;text-align:center;display:block;background:url(../images/y_line.gif) center top no-repeat;color:#332e00;text-transform:uppercase;font:bold 14px Arial;}

.products_block {background:#202123;padding:13px 20px 10px 20px;position:relative;margin-bottom:10px;}
.products_block h3 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.products_block p {font-size:14px;color:#cecece;padding-bottom:12px;}
.products_block p strong {color:#7f7f7f;}
.products_block p a, .products_block p a:visited {color:#7f7c63;font-weight:bold;}
.products_list li {float:left;width:305px;margin:0 5px 10px 0;}
.products_list li.last {margin-right:0;}
.products_list li div {background:#202629;padding:0 7px 0 12px;min-height:240px;}
.products_list li div h3 {font-size:17px;color:#c2b84a;padding-top:12px;}
.products_list li div p {color:#89959b;padding-top:12px;text-align:justify;}

.guarantee_block {background:#202123;padding:13px 20px 100px 20px;position:relative;}
.guarantee_block h3 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:12px;}
.guarantee_block p {font-size:14px;color:#cecece;padding-bottom:30px;}
.guarantee_block p strong {font-size:15px;color:#e0e0e0;}

.contact_block {background:#202123;padding:13px 0 20px 20px;position:relative;margin-bottom:10px;}
.contact_block h3 {color:#ceb602;font-size:25px;font-weight:normal;padding-bottom:2px;}
.contact_block p {font-size:10px;color:#cecece;padding-bottom:30px;font-weight:bold;}
.contact_block table {margin-left:14px;width:1177px;}
.contact_block table td {font-weight:bold;font-size:11px;color:#ebebeb;padding:2px 0;}
.contact_block table td img {vertical-align:middle;}
.contact_block table td input {vertical-align:middle;}
.contact_block table td input.text {width:200px;background:#3a3e40;height:25px;border:none;border-top:1px solid #575757;border-bottom:1px solid #575757;color:#ebebeb;}
.contact_block table td input.normal {width:200px;background:#3a3e40;height:25px;border:none;border-top:1px solid #575757;border-bottom:1px solid #575757;color:#ebebeb;}
.contact_block table td input.error {width:200px;background:#E2D20B;height:25px;border:none;border-top:1px solid #575757;border-bottom:1px solid #575757;color:#ebebeb;}
.contact_block table td span.tit {font-size:10px;text-transform:uppercase;font-family:Arial;color:#ebebeb;}
.contact_block table td.type {font-family:Tahoma;color:#868687;font-weight:normal;vertical-align:top;}
.contact_block table td.type input {margin:2px 3px 2px 5px;}
.contact_block table td strong {color:#a8a8a8;}
.contact_block table td textarea {width:885px;height:131px;color:#ebebeb;background:url(../images/textarea.gif) no-repeat;border:none;}
.contact_block table td input.button {border:none;margin:18px 0 0 10px;}
.contact_block table td.btext {color:#c5c5c5;font-weight:normal;}
.contact_block table td.btext a, .contact_block table td.btext a:visited {color:#c5c5c5;text-decoration:underline;}
.contact_block table td.btext span {color:#ebebeb;font-weight:bold;font-size:12px;text-transform:uppercase;}

.contact_block .thank_you {margin:50px 0 50px 30px;background:url(../images/thank_you.jpg) no-repeat;}
.contact_block .thank_you p {text-align:center;font-size:21px;color:#c2c2c2;font-weight:normal;padding:30px 0 70px 100px;}

.footer {background:#121517 url(../images/footer.jpg) right top no-repeat;}
.footer ul {padding-left:16px;}
.footer ul li {float:left;font-size:12px;margin:16px 10px 17px 0;padding:0 15px 0 0;background:url(../images/line.gif) right 1px no-repeat;}
.footer ul li.last {background:none;}
.footer ul li a, .footer ul li a:visited {color:#ababab;}
.footer ul li a:hover {color:#e4d512;}
.footer p {font-size:11px;color:#ababab;padding:0 0 13px 16px;}
.footer p span {color:#d0d0d0;}
.footer p a, .footer p a:visited {color:#ababab;text-decoration:underline;}
.footer p a:hover {text-decoration:none;}
