/* CSS Document */
body{margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; background:url(../images/bodybg-long.jpg) repeat-x}
.clear{clear:both;}
input{font:Arial, Helvetica, sans-serif; margin:0; padding:0}
input:focus, textarea:focus{border:solid 1px #f1ca7f}

html, body, div, p, ul, li, table, a, span, dl, dt, dd, blockquote, h1, h2, h3, h4, h5, h6, img, form {
margin:0;padding:0;}
img{border:0 none}

/*############## HEADER STARTS ############### */
.header{ margin:auto; width:930px; height:79px; background:url(../images/header-bg.jpg) repeat-x; position:relative}
.logo{float:left; width:537px; height:78px}
.topnav_wrap{width:278px; height:26px; float:right; margin:0 10px 0 0}
.topnav_l{float:left; width:8px; height:26px; background:url(../images/topnav-l.jpg) no-repeat}
.topnav_mid{float:left; width:262px; height:26px; background:url(../images/topnav-bg.jpg) repeat-x; font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF;}
.topnav_r{float:left; width:8px; height:26px; background:url(../images/topnav-r.jpg) no-repeat}
.topnav_mid p{font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; padding:3px 0 0 15px}
.topnav_mid p a{font:normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none; padding:0}
.topnav_mid a:hover{text-decoration:underline}
.share{float:left; width:200px; height:41px; margin:0 0 0 130px; padding:10px 0 0 0}
.banner{margin:auto; width:930px; height:193px; background:url(../images/banner-whole.jpg) no-repeat; position:relative}
.menu_wrap{float:left; width:214px; overflow:hidden; background:url(../images/menu-bg.jpg) repeat-x; padding:0 0 0px 0; height:193px}

ul.menu{width:15em; padding:5px 0 0 0;}
ul.menu li { list-style:none;text-align: left; margin:0px 0 0 0; padding:0 0 0px 0; vertical-align:middle;}
ul.menu li a { display:block;  width:14em; text-decoration: none;padding:10px 0 5px 12px; margin:0px 0 0px 20px;  font: bold 12px Tahoma; color:#161d02; border-bottom: solid 1px #243003; background:url(../images/menu-icon.png) no-repeat left center }
ul.menu li a:hover{text-decoration:none; color:#d6e2b6}
/*.menu li a span{background:url(../images/menu-icon.png) no-repeat left top; display:block; padding:0 0px 0 10px; cursor:pointer}*/

.banner_left{float:left; width:360px; padding:20px 0 0 20px}
.banner_left h1{font: bold 20px Arial, Helvetica, sans-serif; color:#FFFFFF; text-transform:uppercase}
.p1{font: bold 12px Arial, Helvetica, sans-serif; color:#1a2d02;}
.p1 a{font: bold 12px Arial, Helvetica, sans-serif; color:#1a2d02; text-decoration:none}
.p1 a:hover{text-decoration:underline}
.banner_rt{float:left; width:315px; padding:20px 0 0 12px}
.icon{float:left; margin:0 10px 10px 0}
.banner_rt p{font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; float:left}
.a1{font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none}
.a1:hover{text-decoration:underline}
.laptop{position:absolute; width:242px; top:0px; left:678px; z-index:500;}

/*############## BODY STARTS ############### */
.middle{margin:auto; background:#FFFFFF; width:930px; overflow:hidden; padding-bottom:40px;}
.leftpart{float:left; width:590px; padding:35px 0 0 20px; margin:0 10px 0 0; overflow:hidden}
.p2{font: bold 12px Arial, Helvetica, sans-serif; color:#131412; padding:0 0 5px 0; text-transform:uppercase}
.h1{font: bold 12px Arial, Helvetica, sans-serif; color:#131412; padding:0 0 5px 20px; text-transform:uppercase}
.p3{font: normal 12px Arial, Helvetica, sans-serif; color:#292d20; margin:0; padding:0}
.a3{font: normal 11px Arial, Helvetica, sans-serif; color:#292d20; text-decoration:underline;}
.a3:hover{text-decoration:none}
.welimg{margin:0 0 0 10px}
.h2{ font: bold 12px Arial, Helvetica, sans-serif; color:#041850; text-transform:uppercase; padding:60px 0 10px 0}
.outsourcingimg{float:left; margin:0 10px 0 0}
.p4{font: normal 12px Arial, Helvetica, sans-serif; color:#292d20; margin:0; padding:0; float:left; text-align:justify; width:470px;}
.p4 a{font: normal 11px Arial, Helvetica, sans-serif; color:#292d20; text-decoration:underline;}
.p4 a:hover{text-decoration:none; cursor:pointer}
.software_soln{float:left; width:230px; padding:20px 0 0 0px}
.p5{ font: bold 12px Arial, Helvetica, sans-serif; color:#041850; text-transform:uppercase; padding:10px 0 10px 0}
ul.soln {margin:0; padding:20px 0 0 0}
.soln li{list-style:none; text-align:left; margin:0px 0 0 0; padding:0px 0 20px 15px; background:url(../images/tickmark.jpg) no-repeat left top; font: bold 12px Arial, Helvetica, sans-serif; color:#292d20}
.soln li span{font: normal 12px Arial, Helvetica, sans-serif; color:#292d20; margin:0; padding:0}
.corporate{float:left; width:230px; padding:20px 0 0 110px}
.rtpart{float:left; width:310px; padding:18px 0 0 0px; overflow:hidden;}
.rtpart1{float:right; width:310px; padding:18px 0 0 0px; overflow:hidden;}
.icon2{float:left; margin:0 5px 0 0px}
.prtsites{float:left; margin:0px 13px 0 0}
.prtsites span{font:normal 12px Arial, Helvetica, sans-serif; color:#292d20; padding:3px 0 0 0; margin:0}
.srvice_wrap{width:279px; border: solid 1px #bec7ce; background:url(../images/service-bg.jpg) repeat-x; margin:0 0 0 10px; padding:0 0 10px 0; overflow:hidden}
.srvice_head{width:279px; height:26px; background:url(../images/service-head.jpg) repeat-x}
.srvice_head p{font: bold 12px Arial, Helvetica, sans-serif; color:#482705; text-transform:uppercase; padding:6px 0 0 20px}
.srvice_wrap ul {margin:0; padding:20px 5px 0 20px}
.srvice_wrap ul li{list-style:none; text-align:left; margin:0px 0 0 0; padding:0px 0 18px 15px; background:url(../images/tickmark.png) no-repeat left top; font: bold 12px Arial, Helvetica, sans-serif; color:#292d20}
.srvice_wrap ul li span{font: normal 12px Arial, Helvetica, sans-serif; color:#292d20; margin:0; padding:0}
.expert_wrap{width:279px; border:solid 1px #bec7ce; overflow:hidden; margin: 20px 0 0 10px; padding:0 0 10px 0}
.team{width:279px; margin:20px 0 0 10px;}
.team p{font: bold 12px Arial, Helvetica, sans-serif; color:#362b2b; padding:0 0 5px 0; text-transform:uppercase}
.p6{font: bold 12px Arial, Helvetica, sans-serif; color:#292d20}
.outsource{font: bold 12px Arial, Helvetica, sans-serif; color:#626659}
.a2{font:normal 12px Arial, Helvetica, sans-serif; color:#10120b; text-decoration:underline}
.a2:hover{text-decoration:none}
ul.software{float:left; width:220px; margin:0 30px 0 0; padding:30px 0 0 0}
.software li{list-style:none; text-align:left; margin:0px 0 0 0; padding:0px 0 18px 15px; background:url(../images/icon4.jpg) no-repeat left top; font: bold 12px Arial, Helvetica, sans-serif; color:#292d20}
.software li span{font: normal 12px Arial, Helvetica, sans-serif; color:#292d20; margin:0; padding:0}

ul.search{float:left; width:213px; margin:0 0 0 40px; padding:30px 0 0 0}
.search li{list-style:none; text-align:left; margin:0px 0 0 0; padding:0px 0 18px 15px; background:url(../images/icon4.jpg) no-repeat left top; font: bold 12px Arial, Helvetica, sans-serif; color:#292d20}
.search li span{font: normal 12px Arial, Helvetica, sans-serif; color:#292d20; margin:0; padding:0}
.ready{font: bold 12px Arial, Helvetica, sans-serif; color:#11170f; text-decoration:underline; padding:0 0 10px 0}
.contactus{font: bold 12px Arial, Helvetica, sans-serif; color:#4a4d57; margin:0; padding: 10px 0 0 0px}
.contactus a{font: bold 12px Arial, Helvetica, sans-serif; color:#4a4d57; text-decoration:none}
.contactus a:hover{text-decoration:underline}
.form1{padding:20px 0 0 0px}
.form1 input[type='text']{height:20px; width:211px; margin:0; padding:0px 0 0 0; font: normal 11px Arial, Helvetica, sans-serif; color:#000}
.input1{height:20px; width:211px; margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; color:#000000;}
.form1 textarea{height:162px; width:426px; margin:0; padding:0px 0 0 0; font: normal 11px Arial, Helvetica, sans-serif; color:#000;}
.label1{width:90px; margin-bottom:20px; padding:0; float:left; font: bold 12px Arial, Helvetica, sans-serif; color:#4a4d57}
.submit{width:70px; height:26px; margin:20px 0 0 0; font: normal 12px Arial, Helvetica, sans-serif; padding:0}
.comodity{float:left; width:284px; font: normal 12px Arial, Helvetica, sans-serif; color:#11170f; border-right: solid 1px #bbc0ba; margin:30px 0 0 0; padding:0 10px 0 0}
.comodity h1{font: bold 12px Arial, Helvetica, sans-serif; color:#11170f}
.library{float:left; width:270px; font: normal 12px Arial, Helvetica, sans-serif; color:#11170f;  margin:30px 0 0 0; padding:0 0px 0 20px}
.library h1{font: bold 12px Arial, Helvetica, sans-serif; color:#11170f;}
.corporate_text{ font: bold 12px Arial, Helvetica, sans-serif; color:##292d20; padding:20px 0 0 0}
.webportal_wrap{ margin:20px 0 10px 20px; overflow:hidden}
.webportal_content h1{font: bold 12px Arial, Helvetica, sans-serif; color:#218509; padding:0 0 5px 0}
.webportal_content a{font: bold 12px Arial, Helvetica, sans-serif; color:#0986ef; text-decoration:underline}
.webportal_content a:hover{text-decoration:none}
.webportal_content{float:left;font: normal 12px Arial, Helvetica, sans-serif; color:#34383c; width:670px}
.webportal_wrap img{float:left; margin:20px 0 0 10px}
.clientele_wrap{ margin:20px 15px 10px 20px; overflow:hidden; font: normal 12px Arial, Helvetica, sans-serif; color:#34383c}
.clientele_wrap h1{font: bold 12px Arial, Helvetica, sans-serif; color:#0986ef; padding:0 0 5px 0}
.radio{float:left}


/*############## FOOTER STARTS ############### */
.footer{width:auto; height:118px; background:url(../images/footer-bg.jpg) repeat-x}
.footer_inner{margin:auto; width:930px; height:118px; background:url(../images/footer-inner.jpg) repeat-x}
.quick{font: bold 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; padding:10px 0 0 0}
.contact{font: normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-align:center; padding:5px 0 0 0}
.contact a{font: normal 12px Arial, Helvetica, sans-serif; color:#FFFFFF; text-decoration:none}
.contact a:hover{text-decoration:underline}