@charset "utf-8";
/* CSS Document */

*{ margin:0; padding:0;}
html{ background:url(images/html_bg.png) repeat 0 0;}
body{ font:normal 13px Arial, Helvetica, sans-serif; color:#3b3b3b; background:url(images/body_bg.png) repeat-x center 0;}

a, a:visited{ outline:none;}
a img{ border:none;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear {clear:both;}
li{ list-style-type:none;}
p{ font-size:13px; line-height:19px;}

#wrapper{ position:relative; width:100%; height:900px;}
.parallaxWrapper{ z-index:10; position:absolute; top:0; width:100%; height:170px; overflow:hidden; }
#parallax{position:relative; width:100%; height:170px; margin:0 auto;}

#logo{ width:1100px; height:170px; padding-left:100px; background:url(images/lights.png) no-repeat 0 0;}
#logo a{ width:335px; height:155px; display:block; text-indent:-999999px; overflow:hidden; background:url(images/logo.png) no-repeat 0 0;}
.cloud{ width:420px; height:155px; background:url(images/cloud.png) no-repeat right 0;}
.cloud_s1{ width:480px; height:155px; background:url(images/cloud_s.png) no-repeat 0 0;}
.cloud_s2{ width:760px; height:155px; background:url(images/cloud_s.png) no-repeat right bottom;}
.plane{ width:850px; height:155px; background:url(images/plane.png) no-repeat right 0;}

#header{ z-index:80; position:relative; width:100%; overflow:hidden; height:245px; background:url(images/header_bg.png) no-repeat center bottom;}
#header .header_txt{width:910px; height:138px; display:block; margin:0 auto; text-indent:-999999px; background:url(images/header_txt.png) no-repeat right bottom;}

/* main content */
.main_content{ width:960px; margin:0 auto; padding:0px 0 70px;}

.bannerWrapper{ z-index:90; position:relative; width:942px; height:300px; margin:-30px auto 0; padding-bottom:70px; background:url(images/banner_bg.png) no-repeat 0 0;}
.banner_inner{ position:relative; width:942px; height:300px;}
.banner_inner h1{ position:absolute; top:60px; left:50px; width:524px; height:68px; background:url(images/banner_txt_big.png) no-repeat 0 0; text-indent:-999999px;}
.banner_inner h1 span{ text-decoration:line-through;}
.banner_inner #btn_order_form{ position:absolute; top:35px; right:80px; width:202px; height:215px; display:block; text-indent:-999999px; background:url(images/btn_order_form.png) no-repeat 0 0;}
.banner_inner .steps{ position:absolute; top:170px; left:50px; width:355px; height:56px; display:block; text-indent:-999999px; background:url(images/banner_steps.png) no-repeat 0 0;}

.boxWrapper{ position:relative; width:960px; margin:0 auto; padding:22px 0 70px;}
.boxTop{ width:942px; height:19px; margin:0 auto; font-size:0px; line-height:0; background:url(images/box_top.png) no-repeat 0 0;}
.boxBody{ width:942px; min-height:160px; margin:0 auto; background:url(images/box_body.png) repeat-y 0 0;}
.boxBottom{ width:942px; height:19px; margin:0 auto; font-size:0px; line-height:0; background:url(images/box_bottom.png) no-repeat 0 0;}

.boxTitle{ position:absolute; top:0px; left:0; width:960px; height:44px;}
.title_replace_left{ float:left; height:68px; padding-left:17px; background:url(images/title_corner_left.png) no-repeat 0 0;}
.title_replace_left span{ height:57px; padding-right:9px; display:block; background:url(images/title_end_left.png) no-repeat right 0;}
.title_replace_left span span{ height:48px; padding:9px 8px 0 1px; background:url(images/title_body.png) repeat-x 0 0;}
.title_replace_left span span span{height:42px; padding:0; text-indent:-9999999px;}

.title_replace_left span span .txt_portfolio{ width:148px; background:url(images/title_portfolio.png) no-repeat 0 0;}
.title_replace_left span span .txt_benefits{ width:484px; background:url(images/title_benefits.png) no-repeat 0 3px;}
.title_replace_left span span .txt_reach_us{ width:130px; background:url(images/title_reach_us.png) no-repeat 0 4px;}

.title_social{ margin-right:-39px;}

.title_replace_right{ float:right; height:68px; padding-right:17px; background:url(images/title_corner_right.png) no-repeat right 0;}
.title_replace_right span{ height:57px; padding-left:9px; display:block; background:url(images/title_end_right.png) no-repeat 0 0;}
.title_replace_right span span{ height:48px; padding:9px 1px 0 8px; background:url(images/title_body.png) repeat-x 0 0;}
.title_replace_right span span span{height:42px; padding:0; text-indent:-9999999px;}

.title_replace_right span span .txt_reasons{ width:358px; background:url(images/title_reasons.png) no-repeat 0 3px;}
.title_replace_right span span .txt_guarantee{ width:345px; background:url(images/title_guarantee.png) no-repeat 0 3px;}
.title_replace_right span span .txt_check_us{ width:273px; background:url(images/title_chech_us.png) no-repeat 0 3px;}

.benefitsListing{ float:left; display:block; width:470px; padding:30px 0 30px 30px;}
.benefitsListing li{ display:block; padding:12px 0 14px; background:url(images/spacer1.gif) repeat-x 0 bottom;}
.benefitsListing li.last{ background-image:none; padding-bottom:0px;}
.benefitsListing li p{ font-size:14px; line-height:20px; padding-left:48px; background:url(images/bullet_feader.png) no-repeat 2px 5px;}

.reasonsListing{ float:right; display:block; width:350px; height:348px; padding:30px 20px 30px 0; background:url(images/worm.gif) no-repeat 290px bottom;}
.reasonsListing li{display:block; padding:12px 0 14px;}
.reasonsListing li p{ font-size:13px; line-height:19px;}
.reasonsListing li p span{ font:bold 14px arial; color:#49b1cf;}
.reasonsListing li p img{ float:left; padding-right:15px;}

.float_right{float:right; display:block; width:320px;  padding:30px 30px 10px 0;}
.guaranteeWrapper{ padding-bottom:20px;}
.guaranteeWrapper p{ font-size:14px; line-height:20px; padding-bottom:14px;}
.socialListing{ text-align:right;}
.socialListing li{ display:inline; padding:0 10px;}

.contact_form{ float:left; display:block; width:470px; height:auto; padding:30px 0 0 30px;}
.contact_form p{ font-size:14px; line-height:20px;}
.contact_form .formWrapper{}

/* slider */
#slider{ position:relative; overflow:hidden; width:884px; height:251px; margin:0 auto;}
.slider_items{ z-index:22; position:absolute; width:20000em; height:251px; margin-left:1px; padding:22px 0 0 0;}
.slider_items li{ display:inline; padding:0 9px 0;}
.slider_items li img{ border:#6b503a 1px solid; padding:2px; background-color:#351e0b;}

#slider_navi{ position:absolute; top:5px; left:40%; width:200px; height:30px; text-align:center;}
#slider_navi a{ width:12px; height:12px; display:inline-block; margin-right:2px; cursor:pointer; background:url(images/navi_dot.png) no-repeat 0 0;}
#slider_navi a.active{ background-position:0 bottom;}

#btn_slider_prev{ z-index:20; position:absolute; left:10px; top:42%; width:34px; height:34px; display:block; text-indent:-999999px; cursor:pointer; background:url(images/slider_btn_left.png) no-repeat 0 0;}
#btn_slider_prev:active{ background-position:0 bottom;}
#btn_slider_next{ z-index:20; position:absolute; right:10px; top:42%; width:34px; height:34px; display:block; text-indent:-999999px; cursor:pointer; background:url(images/slider_btn_right.png) no-repeat 0 0;}
#btn_slider_next:active{ background-position:0 bottom;}


/* nav */
#navWrapper{ z-index:110; position:fixed; bottom:0; width:100%; height:52px; background:#000 url(images/nav_bg.png) repeat-x 0 0;}
.center_nav{ position:relative; width:960px; margin:0 auto; height:52px;}
.center_nav .go_home{ position: absolute; top:14px; left:20px; width:88px; height:23px; display:block; text-indent:-999999px; background:url(images/logo_s.png) no-repeat 0 0;}
.center_nav ul{ float:right; padding:15px 0 0 0;}
.center_nav li{ display:inline; padding:0 12px;}
.center_nav li a, .center_nav li a:visited{ font:normal 15px arial; color:#fff; text-decoration:none;}

/* contact form */
.formWrapper{ padding:20px 0 0;}
.formWrapper #usermessagea{ font:bold 15px arial; color:#e80000; padding-bottom:10px;}
.formWrapper ol{ position:relative; width:470px; height:auto;}
.formWrapper #li--1, .formWrapper #li--2, .formWrapper #li--3, .formWrapper #li--4{ width:236px;}
.formWrapper .cf_hidden{ display:none;}
.formWrapper li label{ display:block; padding:2px 0 2px; font:normal 14px arial; line-height:20px; color:3b3b3b;}
.formWrapper #cf_field_1{ width:210px; height:29px; border:none; padding:8px 10px 0 10px; font-size:15px; color:#fff; background:#40210b url(images/input_bg.gif) no-repeat 0 0;}
.formWrapper #cf_field_2{ width:210px; height:29px; border:none; padding:8px 10px 0 10px; font-size:15px; color:#fff; background:#40210b url(images/input_bg.gif) no-repeat 0 0;}
.formWrapper #cf_field_3{ width:210px; height:29px; border:none; padding:8px 10px 0 10px; font-size:15px; color:#fff; background:#40210b url(images/input_bg.gif) no-repeat 0 0;}
.formWrapper #cf_field_4{ width:210px; height:29px; border:none; padding:8px 10px 0 10px; font-size:15px; color:#fff; background:#40210b url(images/input_bg.gif) no-repeat 0 0;}
.formWrapper #li--5{ position:absolute; top:0; right:0;}
.formWrapper #cf_field_5{ width:199px; height:215px; border:none; padding:8px 10px 0 10px; overflow:auto; font-size:15px; line-height:21px; color:#fff; background:#40210b url(images/textarea_bg.gif) no-repeat 0 0;}

.formWrapper .cf-sb{ text-align:right; padding:25px 0;}
.formWrapper #sendbutton{ width:141px; height:31px; border:none; display:inline-block; text-indent:-9999999px; cursor:pointer; background:url(images/btn_rech_us.gif) no-repeat 0 0;}
.formWrapper #sendbutton:hover{ background-position:0 bottom;}
.formWrapper #sendbutton:active{ background-position:0 center;}

/* order form form */
#order_form{}
#order_form .cf_info{ padding:20px; font:bold 16px arial; color:#E80000;}
#order_form fieldset{ width:86%; margin:0 auto; border:#512d0f 1px solid; -moz-border-radius:5px; -webkit-border-radius:5px;}
#order_form .cf_hidden{ display:none;}
#order_form .cf-fs1{ display:block; margin-bottom:20px;}
#order_form legend{ font:bold 21px arial; padding:0 10px; margin-left:10px; color:#512d0f;}
#order_form ol{ display:block; padding:24px 50px;}
#order_form li{ display:block; padding-bottom:10px;}
#order_form li label{ display:block; font:normal 14px arial; padding:4px 0 3px 0;}
#order_form li input{ width:240px; height:22px; padding:4px 5px 0; border:#ccc 1px solid;}
#order_form li input:focus{ border:#00ccff 1px solid;}
#order_form li .emailreqtxt, #order_form li .reqtxt{ padding-left:7px;}
#order_form li#li-2-13{ padding-bottom:20px;}
#order_form li#li-2-14 textarea{ height:80px;}
#order_form li #cf2_field_6{ width:250px; height:25px; padding:0;}
#order_form li textarea{ width:240px; height:60px; padding:4px 5px 0; border:#ccc 1px solid;}
#order_form li textarea:focus{ border:#00ccff 1px solid;}

#order_form .cf-sb{ width:80px; margin:0 auto; padding:20px;}
#order_form .form_info{ text-align:center;}
#order_form #sendbutton2{ padding:5px;}


/* overlay */ 
div.wrap { height:441px; overflow-y:auto; }
div.overlay {z-index:101; width:600px; height:470px; padding:55px; display:none; background-image:url(overlay/white_close.png);}
div.overlay div.close {position:absolute; right:24px; top:9px; width:36px; height:36px; cursor:pointer;}

#gallery{ z-index:101; display:none; border:1px solid #351e0b; -moz-border-radius:8px; -webkit-border-radius:8px; background-color:#5f3d20; padding:7px;}
#gallery div.close {position:absolute;right:13px; top:13px; width:30px; height:30px; cursor:pointer; background-image:url(overlay/btn_closebox.png);}
.next{ left:10px; background:url(overlay/btn_left.png) no-repeat 0 0;}
.prev{ right:10px; background:url(overlay/btn_right.png) no-repeat 0 0;}
.next, .prev{ position:absolute; top:40%; width:30px; height:30px; cursor:pointer; display:block; text-indent:-999999px; color:#fff; font-size:11px;}

/* when there is no next or previous link available this class is added */
#gallery .disabled{ visibility:hidden;}

.info{ position:absolute; bottom:0; left:0;	padding:10px 15px; color:#fff; font-size:11px; border-top:1px solid #666;}
.info strong{ display:block;}

.progress{ position:absolute; top:45%; left:50%; display:none;}
.info { background:#333 !important; background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;}