*{ margin:0; padding:0}
.clear{ clear:both; height:0; font-size:0;}
input{ font-family:Arial, Helvetica, sans-serif; cursor:pointer}

body{ color:#333; background:#f4f4f4; overflow-x:hidden; line-height:20px; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:14px}
.logo{ float:left; padding:10px 0}
/*.nav{ text-align:right; text-transform:uppercase; padding-top:40px;}
.nav a{ color:#888; padding:0 0 0 30px; text-decoration:none; font-size:13px; font-weight:bold}
.nav a:hover{ color:#ec2125}*/
#navnobg{ background:none}
.banner{ width:auto; margin:0 auto; height:520px; margin-top:4px;}
.bannertxt1{ color:#ec2125; font-size:30px; position:absolute;  top:80px; left:100px; }
.bannertxt2{color:#ec2125; font-size:42px; font-weight:bolder; position:absolute;  top:120px; left:100px}
.bannertxt3{ font-size:20px; color:#333; line-height:30px; position:absolute; top:190px; left:100px}
.bannertxt4{ font-size:26px; color:#fff; padding:15px;background:url(../images/redbg.png) repeat; position:absolute; top:80px; left:100px;}
.bannertxt5{ font-size:36px; color:#fff; padding:15px 15px 20px 15px;background:url(../images/redbg.png) repeat; position:absolute; top:132px; left:100px; font-weight:bolder}
.bannertxt6{ font-size:16px; color:#fff; padding:20px 15px;background:url(../images/blackbg.png) repeat; position:absolute; top:200px; left:100px; width:35%; line-height:26px}
.bannertxt7{ font-size:16px; color:#fff; padding:10px 15px;background:url(../images/blackbg.png) repeat; position:absolute; top:200px; left:100px; width:45%; line-height:26px}

.download,.download3{ width:auto; background:url(../images/banner-dl.png) no-repeat left top;  position:absolute; top:320px; left:90px; width:480px; height:84px}
.download:hover, .download3:hover{ background:url(../images/banner-dl.png) no-repeat -1px -84px}
.download span, .download3 span{ display:none}
.bannerline{ background:url(../images/bannerline.png) top center; height:3px; margin-top:240px;}
.features{ padding:60px 0; width:100%;}
.feature-box{ -webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px; background:#fff; margin-right:-10px; padding:1px 15px; height:425px;-moz-box-shadow: 0 0 2px #ddd; -webkit-box-shadow: 0 0 2px #ddd;box-shadow: 0 0 2px #ddd;}
.feature-box h3{ font-size:18px; text-align:center; height:40px; line-height:22px}

.feature-box a:hover{ text-decoration:underline; color:#000}
.f-icon{ text-align:center; -webkit-border-radius:80px;-moz-border-radius:80px;-o-border-radius:80px;border-radius:80px;  background:#ec2125; width:140px; height:140px; margin:0 auto 20px auto}
.f-img1{ margin-top:30px;}
.f-img2{ margin-top:38px;}
.f-img3{ margin-top:45px;}
.f-img4{ margin-top:35px}
.stepsbox{ background:#fff; padding:30px 0 40px 0; width:auto; }
.stepbg{ background:url(../images/stepimg.png) no-repeat center 20px; height:720px; width:auto;}
.steptxt1{ text-align:right; font-size:26px; font-weight:bold;  color:#000; position:absolute; top:45px; right:20px}
.steptxt2{ font-size:20px; text-align:left; color:#000; font-weight:bold; line-height:22px; position:absolute; top:38px; left:60px;}
.steptxt3{ text-align:right; font-size:16px; line-height:24px; position:absolute; top:210px; right:50px;}
.steptxt4{ margin-left:55px; font-size:16px; line-height:24px; position:absolute; top:315px; left:0;}
.steptxt5{ text-align:right; font-size:16px; line-height:24px; position:absolute; top:400px; right:50px}
.steptxt6{ margin-left:19px; font-size:16px; font-weight:bold; line-height:24px; position:absolute; top:593px; left:10px}
.steptxt7{ text-align:right; font-size:16px; font-weight:bold; line-height:24px; position:absolute; top:593px; right:30px}
.download2{ display:block; font-weight:bold; text-align:center;  background:#ec2125; padding:15px 0; font-size:24px; color:#fff; text-decoration:none; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; margin:0 auto 5px auto; width:30%}
.download2:hover{ color:#fff; background:#fb4c4f;}
.serviceperson{ padding:50px 0 50px 0;}
.serviceperson-txt{ font-size:20px; font-weight:bold; color:#000; text-align:center}
.serviceperson-txt span{ display:block; font-size:16px; color:#888; margin:20px auto 0 auto; line-height:24px; width:80%;}
.serviceperson-img{ padding:30px 0 20px 30px; text-align:center}
.serviceperson-img img{ width:70px; height:70px; margin:0 5px}
.fot{ width:100%; background:#333 url(../images/footerbg.png) repeat-x; padding-bottom:25px}
.fot h5{ color:#ccc; font-weight:normal; font-size:14px; font-family:'Ubuntu', sans-serif; padding-top:30px}
.fot ul{ list-style:none; padding-top:4px}
.fot ul li{ margin:3px 0; color:#666}
.fot ul li a{ text-decoration:none; color:#666; font-size:13px}
.fot ul li a:hover{ color:#ddd}
.searchbox{ position:relative;}
.search-iput{background:#222; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; border:none;  position:absolute; left:0; top:0; width:60%; height:30px; padding:0 1%; color:#666}
.search-btn{background:#ec2125; -webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px; width:25%; height:30px; position:absolute; right:13%; top:0; border:none; color:#fff}
.search-btn:hover{ background:#fb4c4f}
.fot-nav{ padding:75px 0 0 0; color:#666; line-height:18px;font-size:11px;}
.fot-nav a{ color:#666; text-decoration:none;  padding-right:2px; font-size:11px}
.fot-nav a:hover{ color:#ddd}
.icons{ padding:65px 0 0 0;opacity:.7;filter:alpha(opacity=70);}
.icons a{ -webkit-border-radius:30px;-moz-border-radius:30px;-o-border-radius:30px;border-radius:30px; display:block; float:left; width:30px; height:30px; margin-right:8px}
.t{ background:#666 url(../images/icons.png) no-repeat 6px -23px}
.t:hover{background:#111 url(../images/icons.png) no-repeat 6px -23px}
.f{ background:#666 url(../images/icons.png) no-repeat -31px -23px}
.f:hover{background:#111 url(../images/icons.png) no-repeat -31px -23px}
.g{ background:#666 url(../images/icons.png) no-repeat -69px -23px}
.g:hover{background:#111 url(../images/icons.png) no-repeat -69px -23px}
.r{ background:#666 url(../images/icons.png) no-repeat -106px -23px}
.r:hover{background:#111 url(../images/icons.png) no-repeat -106px -23px}

.stepgutter{ width:50%; float:left; position:relative}
.stepgutter2{ width:50%; float:right; position:relative}
.bannertxt3 span{ display:block}

#popup-box{ position:relative}
.popup-box{ background:url(../images/popupbox2.png) no-repeat top center; width:345px; height:295px; text-align:center; padding:45px 0 0 0; position:fixed; bottom:10px; right:5px; cursor:pointer; z-index:2000 }
.popup-txt1{ color:#666; font-size:16px;  padding:0 20px; line-height:24px; margin:15px 0 0 0}
.popup-txt2{ color:#ec2125; font-size:16px; font-weight:bold; margin:31px 0 0 0;text-transform:uppercase;}
.popup-txt2 a{ text-decoration:none;text-transform:uppercase;}
.popup-close{ display:block; background:url(../images/close.png) no-repeat left -30px; width:31px; height:31px; position:fixed; bottom:255px; right:80px; z-index:3000}
.popup-close:hover{ background:url(../images/close.png) no-repeat left top}
.popup-box img{ margin-right:10px}







