﻿html{width:100%;height:100%;margin:0;padding:0}
body{color:#888b8e;font-family:"Trebuchet MS",Arial,Helvetica,sans-serif;font-size:10px;line-height:18px;margin:0;min-width:980px;padding:0}
a, a img{border:0; outline:0; text-decoration:none;}
#container{width:100%;margin:0;padding:0}
#slideshow,img.bgM{min-height:100%;min-width:1024px;width:100%;height:auto;position:fixed;top:0;left:0;z-index:-9999}
#wrapper{box-shadow:0 0 15px rgba(0,0,0,0.75);margin:0 auto 60px;width:940px}
#header{width:100%;position:relative}
#topBar{background:url("../images/bg_row.gif") repeat scroll 0 0 transparent;height:181px}
#topBar .leftColoum{border-top:5px solid #000;float:left;width:389px}
#topBar .rightColoum{float:right}
#logo{float:left;margin:50px 20px 0 29px}
#menu{background:none repeat scroll 0 0 transparent;float:right;margin:0;position:relative;width:auto;line-height:1;z-index:497;height:181px}
#menu ul{list-style:none;margin:0;padding:0;height:181px}
#menu ul li{background:none repeat scroll 0 0 transparent;border-left:1px solid #292b2c;overflow:inherit;padding:0;text-align:center;float:left;position:relative;z-index:498;width:109px;padding:108px 0 27px}
#menu ul li.home{background:url("../images/bg_menu.gif") no-repeat scroll 0 -20px transparent;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.home:hover{background:url("../images/bg_menu.gif") no-repeat scroll 0 0 transparent;cursor:pointer;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.Homeactive{background:url("../images/bg_menu.gif") no-repeat scroll 0 0 transparent}
#menu ul li.about{background:url("../images/bg_menu.gif") no-repeat scroll -110px -20px transparent;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.about:hover{background:url("../images/bg_menu.gif") no-repeat scroll -110px 0 transparent;cursor:pointer;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.aboutactive{background:url("../images/bg_menu.gif") no-repeat scroll -110px 0 transparent}
#menu ul li.services{background:url("../images/bg_menu.gif") no-repeat scroll -220px -20px transparent;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.services:hover{background:url("../images/bg_menu.gif") no-repeat scroll -220px 0 transparent;cursor:pointer;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.servicesactive{background:url("../images/bg_menu.gif") no-repeat scroll -220px 0 transparent}
#menu ul li.blog{background:url("../images/bg_menu.gif") no-repeat scroll -330px -20px transparent;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.blog:hover{background:url("../images/bg_menu.gif") no-repeat scroll -330px 0 transparent;cursor:pointer;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.blogactive{background:url("../images/bg_menu.gif") no-repeat scroll -330px 0 transparent}
#menu ul li.contact{background:url("../images/bg_menu.gif") no-repeat scroll -440px -20px transparent;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.contact:hover{background:url("../images/bg_menu.gif") no-repeat scroll -440px 0 transparent;cursor:pointer;-webkit-transition:background-position .6s;-moz-transition:background-position .6s;-o-transition:background-position .6s}
#menu ul li.contactactive{background:url("../images/bg_menu.gif") no-repeat scroll -440px 0 transparent}
#menu ul li a{width:109px;text-decoration:none;text-transform:uppercase;width:109px;color:#fff;font-size:15px;font-weight:bold;font-weight:bold}
#menu ul li a:hover,#menu ul li a.active{background-position:0 0}
#menu ul li.haschild:hover,#menu ul li:hover ul,#menu ul li.haschild a,#menu ul li:hover ul li:hover{display:block}
#menu ul ul{background:url("../images/sub_menu.png") no-repeat top #202122;display:none;position:absolute;width:130px;height:80px;margin:0;padding:0;padding-top:45px;text-align:center;margin-top:29px;border-left:none}
#menu ul ul li{color:#fff;padding-top:5px;padding-bottom:5px;list-style-type:none;font-size:11px;width:130px;text-align:center}
#menu ul ul li a{color:#fff;text-decoration:none;font-size:11px}
#menu ul ul li a:hover{color:#c84520;text-decoration:none}
.clearfix{clear:both}
#banner{height:500px}
#bannerLeft{float:left;width:313px;background:url("../images/img_tools.jpg") no-repeat scroll 0 0 transparent}
#bannerMiddle{float:left;width:313px;background:url("../images/img_tools2.jpg") no-repeat scroll 0 0 transparent}
#bannerRight{float:left;width:314px;background:url("../images/img_tools3.jpg") no-repeat scroll 0 0 transparent}
#banner a{color:#fff;display:block;font-size:40px;font-weight:bold;letter-spacing:-1px;line-height:normal;padding:435px 0 20px 23px;text-decoration:none;text-transform:uppercase}
#afterBanner{background:url("../images/bg_row.gif") repeat scroll 0 0 transparent;height:200px}
#afterBannerLeft{border-right:1px solid #3b3c3d;float:left;width:312px}
#afterBannerMiddle{border-right:1px solid #3b3c3d;float:left;width:312px}
#afterBannerRight{float:left;width:313px}
h2.heading{color:#fff;font-size:25px;font-weight:bold;letter-spacing:-1px;padding:0;padding:66px 0 0 26px;text-transform:uppercase;margin:0;font-weight:normal}
.afterBannerText{color:#595959;font-size:11px;line-height:18px;padding:22px 30px 0 26px;text-transform:uppercase}
#afterBanner p{margin-bottom:12px}
#afterBanner strong{color:#c1c1c1;font-size:11px;font-weight:normal}
#afterBanner .readLink{padding:13px 0 30px}
#afterBanner .readLink a{color:#fff;font-size:11px;text-decoration:underline;text-transform:uppercase}
#afterBanner .readLink a:hover{color:#666;text-decoration:none}
#mainContent{background-color:#fff}
#adv{border-bottom:1px solid #e8e8e8;padding:40px 0}
#advLeftColoum{float:left;width:721px}
h2.adv{display:inline-block;margin:0;padding:0;padding:0 90px 0 30px;font-size:28px;font-weight:bold;line-height:32px;text-transform:uppercase;color:#202122}
#adv a{background:url("../images/bg_more.gif") no-repeat scroll 0 0 #202122;color:#fff;display:inline-block;font-size:17px;font-weight:bold;padding:32px 0;text-align:center;text-decoration:none;text-transform:uppercase;width:179px}
#adv a:hover{background:url("../images/bg_more.gif") no-repeat scroll 0 0 #e8e8e8;color:#202022}
#downContent{background:url("../images/bg_line.gif") repeat-y scroll 313px 0 transparent;overflow:hidden;width:100%}
#downContentInside{background:url("../images/bg_line.gif") repeat-y scroll 0 0 transparent;overflow:hidden;width:100%}
#downContentLeft{float:left;width:314px;margin-bottom:10px;padding-bottom:15px}
#downContentMiddle{float:left;width:626px;margin-bottom:10px;padding-bottom:15px}
#downContentRight{float:right;width:313px;margin-bottom:10px;padding-bottom:15px}
h3.heading{color:#202122;font-size:20px;font-weight:bold;letter-spacing:-1px;line-height:normal;padding:10px 20px;text-transform:uppercase}
#downContentLeftList{padding-top:0}
#downContentLeftList ul{margin:20px 0 0 0;padding:0;}
#downContentLeftList ul li{background:url("../images/service_li.png") no-repeat scroll 0 3px transparent;padding-left:28px;margin:0;list-style:none;padding-bottom:10px}
#downContentLeftList ul li:hover{background:url("../images/service_li_hover.png") no-repeat scroll 0 3px transparent;padding-left:28px;margin:0;list-style:none;padding-bottom:10px;}
#downContentLeftList ul li a{color:#000;font:13px "Trebuchet MS",Arial,Helvetica,sans-serif !important;line-height:20px;text-decoration:none;text-transform:uppercase}
#downContentLeftList ul li a:hover{text-decoration:underline}
#downContentMiddleContent{padding:0 20px}
.otherContent{padding:20px 20px}
.otherContentpara{text-transform:uppercase}
span.title{color:#202122;font-size:13px;font-weight:normal;text-transform:normal}
.whtsNewRow{border-bottom:1px solid #e8e8e8;overflow:hidden;padding:0 10px 10px 20px;text-transform:uppercase}
.wnImage{float:left;line-height:0;margin-right:19px}
.wnTitle{color:#202122;font-size:13px}
.wnFix{padding-top:20px}
.downContentFooter{padding-top:17px;padding-left:20px}
.downContentFooter a{color:#202122;font-size:12px;text-decoration:underline;text-transform:uppercase}
.downContentFooter a:hover{color:#4582c0;text-decoration:none}
.wnFixLast{padding-top:60px}
.spaceFix{padding-left:35px;display:inline}
#mainUpperFooter{background:url("../images/bg_row.gif") repeat scroll 0 0 transparent}
#upperFooter{background:url("../images/bg_footer_top.png") no-repeat scroll 97% 33px transparent;overflow:hidden;padding-bottom:40px;padding-top:23px}
#upperFooterSec1{width:170px;float:left}
#upperFooterSec2{width:170px;float:left}
#upperFooterSec3{width:170px;float:left}
#upperFooterSec4{width:255px;float:right}
.ufList{padding:0 20px;text-transform:uppercase}
.ufList ul{margin:0;padding:0;list-style:none outside none}
.ufList ul li{background:url("../images/a3.gif") no-repeat scroll 0 15px transparent!important;border-bottom:1px solid #373839;padding:6px 0 0 9px!important;color:#000;font-size:11px;line-height:20px;overflow:hidden}
.ufList ul li.last{border-bottom:0}
.ufList ul li a{color:#595959!important;text-decoration:none}
.ufList ul li a:hover{color:#fff!important;text-decoration:none}
.ufTitle{color:#FFF;font-size:18px;font-weight:bold;line-height:normal;padding:10px 20px;text-transform:uppercase;padding-bottom:0}
#footer{background:url("../images/bg_footer.gif") repeat scroll 0 0 transparent;clear:both;color:#fff;font-size:10px;font-weight:bold;padding:10px 0 10px 21px;position:relative;text-transform:uppercase}
#footer a{color:#fff;text-decoration:none}
#footer a:hover{color:#fff;text-decoration:underline}