*{ margin:0; padding:0;}
/*ul{list-style-type:none;}*/
.clear{clear:both;}
h1{width:170px; height:80px; margin:24px 0px 0px 21px; float:left; border:none;}
h3{ /* font-family: 'Candara'; */ font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#3d4094; width:100%; line-height:3em;}
h4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:18px; padding-bottom:10px; color:#383838;}
h4 a{text-decoration:none; color:#ccc;}
h4 a:hover{text-decoration:none; color:#383838;}
p{ font-size:13px; color:#383838; line-height:20px; width:100%; font-weight:normal; padding-bottom:20px;}
p span{ float:left; color:#1a8a99; width:100%;}
a { color: #3d4094; text-decoration:underline; outline:none; }
a:hover{ color:#3d4094; text-decoration:underline; outline:none;}
a.readmore{ float:left; width:100%; color:#3d4094; font-size:13px; font-weight:bold; text-decoration:none;}
a.readmore:hover{ text-decoration:underline;}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#383838;}
#header{ background:url(../images/top-bg.gif) repeat-x left top; width:100%; height:118px;}
#header div.top-main{ width:1000px;margin:0 auto;}
/*#header div.top-main a.logo{ float:left; }*/
#header div.top-main div.menu{ float:right;}
#header div.top-main div.menu ul{ float:left; padding:88px 0 0 0; list-style:none;}
#header div.top-main div.menu ul li{ float:left; padding:0 22px 0 0;}
#header div.top-main div.menu ul li a{ background:transparent url(../images/arrow-normal.png) no-repeat 0 6px;  text-transform:uppercase; float:left; color:#3d4094; font-size:14px; padding-left:10px;
text-decoration:none; font-weight:bold;}
#header div.top-main div.menu ul li a:hover ,#header div.top-main div.menu ul li a.active { background:transparent url(../images/arrow-active.png) no-repeat 0 6px; color:#515143;  float:left; font-size:14px; text-transform:uppercase; padding-left:10px; font-weight:bold;text-decoration:none;}
/*-----------banner css start------------*/
#ani{ background:url(../images/banner-bg.gif) repeat-x left top; width:100%; height:474px;}
#ani div.banner{background:url(../images/banner.jpg) no-repeat center top; margin:0 auto; width:100%; height:474px;}
/*-----------Container css start------------*/
#container{ width:960px; margin:0 auto;}
#container div.main-left{ float:left; width:673px; padding-bottom:20px;}
#container div.siderbar{ float:right; width:262px; padding-bottom:20px; }
#container div.siderbar div.learn-bg{ float:left; background:url(../images/help-bg.gif) no-repeat left top; width:262px; height:155px;}
/*-----------Technology css start------------*/
#tech{ background:#fff url(../images/tech-bg.gif) repeat-x left top; width:100%; overflow:hidden;}
#tech div.tech-main{ width:960px; margin:0 auto; padding:20px 0px 0px 0px;}
#tech div.tech-main div.mobile-tech{ float:left; width:570px; background:url(../images/tech-img.gif) no-repeat 0px 15px; padding:0 0 20px 0;}
#tech div.tech-main div.mobile-tech div.cont{ float:right; width:280px;}
#tech div.tech-main div.learn-service{ float:left; width:360px; background:url(../images/learn-img.gif) no-repeat 10px 0px;}
#tech div.tech-main div.learn-service div.ser-tex{ float:right; width:235px;  margin-bottom:20px;}
/*-----------Inner css start------------*/
.inner{width:100%; height:303px; background:#fdc136; text-align:center;}
.servicesBanner{width:1000px; height:302px; background:url(../images/services_banner.jpg) no-repeat center top; margin:0 auto;}
.productsBanner{width:1000px; height:302px; background:url(../images/products_banner.jpg) no-repeat center top; margin:0 auto;}
.careerBanner{width:1000px; height:302px; background:url(../images/career_banner.jpg) no-repeat center top; margin:0 auto;}
.contactBanner{width:1000px; height:302px; background:url(../images/contact_banner.jpg) no-repeat center top; margin:0 auto;}
.innerContainer{width:960px; margin:0 auto; }
.innerContainer .main-left{float:left; width:673px; padding-bottom:20px;}
.innerContainer .siderbar{ float:right; width:262px; padding:10px 0; background-color:#ccc}
.btnBg{height:50px; line-height:50px; background:#ccc; color:#000; text-align:center; font-size:14px;}
.linkTxt {text-decoration:none; color:#383838;}
.linkTxt a{text-decoration:none; color:#3d4094;}
.linkTxt a:hover{text-decoration:none; color:#383838;}
.clrT{color:#3d4094}
/*-----------footer css start------------*/
#footer{ background:#f5f5f4; width:100%; overflow:hidden;}
#footer div.foot-main{ width:960px; margin:0 auto;}
#footer div.foot-main ul{ float:left; list-style:none; padding:15px 0 15px 0;}
#footer div.foot-main ul li{ float:left;color:#515143;}
#footer div.foot-main ul li a{ float:left; font-size:11px; color:#515143; text-decoration:none; padding:0px 2px 0px 2px;}
#footer div.foot-main ul li a:hover{ text-decoration:underline;}
#footer div.foot-main div.all-right{ float:left; border-top:1px solid #cfcfcf; width:100%;}
#footer div.foot-main div.all-right div.copy{ float:left; font-size:11px; color:#383838; padding:15px 0px 15px 0;}
#footer div.foot-main div.all-right div.terms{ float:right;}
