/* CSS Document */
body{ margin:0px; padding:0px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#929292; background:url(images/top-grade.gif) repeat-x left top #ffffff;}
a { outline:none;}
.all{ width:100%; height:auto; float:left; background:url(images/shadow-bg.gif) no-repeat center top;}
.wrapper{ width:1024px; height:auto; margin:auto;}
.container{ width:1002px; height:auto; float:left; padding-left:11px; padding-right:11px;}
.header{ width:1002px; height:147px; float:left;}
.logo-callbg{ width:1002px; height:89px; float:left;}
.logo-bg{ width:224px; height:auto; float:left; padding-top:35px;}
.callus-bloc{ width:244px; height:auto; float:right; padding-top:38px;}
.icon-bg01{ width:82px; height:auto; float:right;}
.call-txt{ width:140px; height:auto; float:right; text-align:right; padding-right:15px; font-size:14px; color:#403a2b;}
.call-txt span{ font-size:11px; color:#b9b9b9;}
.nav-bloc{ width:1002px; height:38px; float:left;}
.nav-shadow{ width:1002px; height:20px; float:left;}
.nav-curv{ width:10px; height:38px; float:left;}
.navigation{ width:882px; height:38px; float:left; background:url(images/nav-curvmid.gif) repeat-x; padding-left:100px;}
.navigation ul{ margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; float:right;}
.navigation ul li{ display:inline; list-style:none;}
.navigation ul li a{ float:left; padding-right:15px; padding-left:15px; height:28px;text-decoration:none; color:#ffffff; font-weight:bold; padding-top:10px;}
.navigation ul li a:hover{ background:url(images/nav-grade.gif) repeat-x;}
.navigation ul li a.active{ background:url(images/nav-grade.gif) repeat-x;}

.jquery-banner{ width:1002px; height:309px; float:left;}
.home-leftpan{ width:713px; height:auto; float:left;}
.home-leftpan h1{ margin:0px; padding:0px; font-size:18px; font-weight:normal; color:#1c1c1c;}
.home-leftpan h1 span{ color:#ca0a05;}
.welcome-txt{ width:713px; height:auto; float:left; line-height:16px;}
.what-wedobg{ width:713px; height:auto; float:left; border-bottom:solid 1px #e4e4e4;}
.what-dohead{ width:713px; height:34px; float:left; border-bottom:solid 1px #e4e4e4; border-top:solid 1px #e4e4e4;}
.subhead01{ width:250px; height:auto; float:left; padding-top:5px;}
.whatdo-txtbloc{ width:713px; height:auto; float:left; padding-top:3px; padding-bottom:3px;}
.design-txtbloc01{ width:183px; height:186px; float:left; border-right:solid 1px #f0f0f0;}
.design-txtbloc02{ width:163px; height:186px; float:left; border-right:solid 1px #f0f0f0;}
.design-txtbloc03{ width:156px; height:186px; float:left;}
.whatwedo-picbg{ width:135px; height:auto; float:left; text-align:center;}

.wedo-txt{ width:160px; height:auto; float:left; padding-left:10px; padding-top:10px;}
.wedo-txt h2{ margin:0px; color:#838383; font-size:12px; padding-bottom:10px; font-weight:bold;}
.what-different{ width:713px; height:auto; float:left; padding-top:30px;}
.dif-txt01{ width:368px; height:auto; float:left;}
.client-infobg{ width:330px; height:auto; float:left; font-size:11px; color:#847465;}
.client-infobg02{ width:276px; height:auto; float:left; font-size:11px; color:#847465;}
.client-infobg span{ color:#7a7575;}
.right-pan{ width:276px; height:auto; float:right;}
.right-addbloc{ width:276px; height:auto; float:left;}
.news-bloc{ width:276px; height:206px; float:left;}
.news-curv{ width:10px; height:206px; float:left;}
.news-mid{ width:256px; height:206px; float:left; background:url(images/news-grademid.gif) repeat-x;}
.nws-head{ width:256px; height:32px; float:left;}
.subhead01{ width:122px; height:auto; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#736354;}
.read-more01{ width:84px; height:14px; float:right; background:url(images/arrow01.gif) no-repeat right top; margin-top:8px;}
.read-more01 a{ font-size:11px; color:#847465; text-decoration:none;}
.read-more01 a:hover{ color:#000000;}
.nws-txt{ width:256px; height:auto; float:left; text-align:justify; padding-top:10px; font-size:11px; color:#847465;}
.nws-txt span{ font-size:12px; color:#847465;}
.read-more02{ width:92px; height:13px; float:left; background:url(images/arrow02.gif) no-repeat right top; margin-top:10px;}
.read-more02 a{ font-size:11px; font-weight:bold; color:#847465; text-decoration:none;}
.read-more02 a:hover{ color:#000000;}

.footer{ width:1024px; height:auto; float:left; margin-top:10px; padding-top:10px; border-top: solid 2px #bc1d22;}
.footer h1{ margin:0px; padding:0px; font-size:18px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000000;}
.footlink-bg{ width:726px; height:auto; float:left;  padding-top:10px; line-height:18px; padding-left:10px; font-size:11px; color:#817f7f;}
.footlink-bg span{ font-weight:bold; color:#bc1d22;}
.footlink-bg a{ color:#817f7f; text-decoration:none;}
.footlink-bg a:hover{ color:#bc1d22;}
.copyright-bg{ width:318px; height:21px; float:left; background:url(images/foot-logo.gif) no-repeat left top; margin-top:10px; padding-left:30px; font-size:11px; color:#817f7f;}
.mail-idbloc{ width:244px; height:auto; float:right; padding-top:10px; font-size:11px; color:#393834;}
.mail-idbloc a{ font-size:11px; color:#393834; text-decoration:none;}
.mail-idbloc a:hover{ color:#bc1d22;}
.mail-idbg01{ width:214px; height:20px; float:left; background:url(images/mail2.gif) no-repeat left top; padding-left:30px;}
.mail-idbg02{ width:214px; height:20px; float:left; background:url(images/phone2.gif) no-repeat left top; padding-left:30px;}
.mail-idbg03{ width:214px; height:20px; float:left; background:url(images/chat.gif) no-repeat left top; padding-left:30px;}

.twitter-bg{ width:118px; height:auto; float:left; padding-top:10px;}
.twitter-bg img{ padding-right:10px; }


.inner-bannerbg{ width:1002px; height:179px; float:left; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; color:#ffffff;}
.inner-bannerbg h1{ margin:0px; padding:0px; font-size:18px; font-weight:bold; color:#ffffff;}
.inner-bannertxt{ width:490px; height:auto; float:left; padding-top:35px; padding-left:60px;}

.inner-welcometxt{ width:713px; height:auto; float:left; font-size:13px; font-weight:bold; color:#838383;}
.ashcurv-box{ width:713px; height:auto; float:left; padding-top:15px;}
.curv01-bg{ width:713px; height:10px; float:left;}
.curv01-mid{ width:683px; height:auto; float:left; background:url(images/curv01-mid.gif) repeat-y; padding-left:15px; padding-right:15px;}
.curv01-mid ul{ margin:0px; padding:0px;}
.curv01-mid ul li{ list-style:none; display:inline; width:590px; height:auto; float:left; background:url(images/arrow03.gif) no-repeat left top; padding-left:20px; padding-bottom:6px;}
.team-section{ width:713px; height:auto; float:left; padding-top:10px; color:#7d7d7d;}
.subtxt01{ color:#c10d0d; text-decoration:underline;}
.sublink01{ color:#000000; text-decoration:underline;}
.sublink01:hover{ color:#ca0a05;}

.ftr-txt01{ width:600px; height:auto; float:left; padding-top:10px;}


.form-bloc01{ width:316px; height:auto; float:left; padding-left:30px;}
.nme-bg001{ width:150px; height:auto; float:left; color:#929292; text-align:right; padding-right:10px; padding-top:4px;}
.txtbox02{ width:322px; height:86px; border:solid 1px #e7e7e7; color:#929292;} 
.txtbox03{ width:97px; height:19px; border:solid 1px #e7e7e7; color:#929292;}
.txtbg{ width:76px; height:auto; float:left;}
.txtboxbg02{ width:100px; height:auto; float:left; padding-left:10px; padding-top:5px;}
.submit-btnbg{ width:75px; height:auto; float:right; padding-right:17px;}

.address-bloc{ width:168px; height:auto; float:left; color:#838383; line-height:18px;}
.address-bloc a{ color:#838383; text-decoration:none;}
.address-bloc a:hover{ color:#ed1c24;}
.address-bloc h2{ margin:0px; padding:0px; font-size:14px; color:#c10d0d;}




.inner-bannerbg01{ width:1002px; height:179px; float:left; background:url(images/profile.jpg) no-repeat;}
.inner-bannerbg02{ width:1002px; height:179px; float:left; background:url(images/services.jpg) no-repeat;}
.inner-bannerbg03{ width:1002px; height:179px; float:left; background:url(images/products.jpg) no-repeat;}
.inner-bannerbg04{ width:1002px; height:179px; float:left; background:url(images/outsourcing.jpg) no-repeat;}
.inner-bannerbg05{ width:1002px; height:179px; float:left; background:url(images/req_quote.jpg) no-repeat;}
.inner-bannerbg06{ width:1002px; height:179px; float:left; background:url(images/contact.jpg) no-repeat;}

.inner-bannerbg07{ width:1002px; height:179px; float:left; background:url(images/career.jpg) no-repeat;}
.inner-bannerbg08{ width:1002px; height:179px; float:left; background:url(images/news.jpg) no-repeat;}
.inner-bannerbg09{ width:1002px; height:179px; float:left; background:url(images/testimonials.jpg) no-repeat;}


.inner-bannerbg10{ width:1002px; height:179px; float:left; background:url(images/services_ecommerce.jpg) no-repeat;}
.inner-bannerbg11{ width:1002px; height:179px; float:left; background:url(images/services_opensource.jpg) no-repeat;}
.inner-bannerbg12{ width:1002px; height:179px; float:left; background:url(images/services_webdesign.jpg) no-repeat;}
.inner-bannerbg13{ width:1002px; height:179px; float:left; background:url(images/services_webdevelopment.jpg) no-repeat;}

.inner-bannerbg14{ width:1002px; height:179px; float:left; background:url(images/outsourcing_benefit.jpg) no-repeat;}
.inner-bannerbg15{ width:1002px; height:179px; float:left; background:url(images/outsourcing_faq.jpg) no-repeat;}
.inner-bannerbg16{ width:1002px; height:179px; float:left; background:url(images/outsourcing_gettingstarted.jpg) no-repeat;}


.new-footlink01{ width:486px; height:auto; float:left;}
.new-footlink02{ width:250px; height:auto; float:left;}
.new-footlink03{ width:280px; height:auto; float:right;}
.ft-head01{ width:458px; height:45px; float:left; border-bottom:solid 1px #e4e4e4; font-size:11px; color:#393834; padding-top:10px;}
.ft-head02{ width:240px; height:45px; float:left; border-bottom:solid 1px #e4e4e4; font-size:11px; color:#393834; padding-top:10px;}
.ft-head03{ width:270px; height:45px; float:left; border-bottom:solid 1px #e4e4e4; font-size:11px; color:#393834; padding-top:10px;}
.flink-bloc{ width:458px; height:auto; float:left; padding-top:10px;}
.flink-bloc ul{ margin:0px; padding:0px;}
.flink-bloc ul li{ display:inline; list-style:none;}
.flink-bloc ul li a{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#8a8a8a; width:106px; height:auto; float:left; padding-bottom:6px;}
.flink-bloc ul li a:hover{ color:#ed1c24; text-decoration:none;}
.flink01{ width:110px; height:auto; float:left;}

.twbloc{ width:174px; height:auto; float:left; padding-top:5px; color:#393834; font-size:11px;}
.twbloc a{ color:#393834; text-decoration:none; }
.twbloc a:hover{ color:#bc1d22;}
.office-info{ width:262px; height:auto; float:left; padding-top:10px; line-height:20px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#817f7f;}
.office-info a{color:#817f7f; text-decoration:none;}
.office-info span{ color:#bc1d22; font-weight:bold;}
.c-right{ width:1024px; height:28px; float:left; background:url(images/cpright.gif) no-repeat;}

/*.contact-form{ width:683px; height:auto; float:left;}
.nme-txtboxbg{ width:316px; height:auto; float:left; padding-bottom:3px;}
.txtbox01{ width:192px; height:19px; border:solid 1px #e7e7e7; color:#929292;}
.form-bloc02{ width:316px; height:auto; float:left;}
.txtbox-bg01{ width:194px; height:auto; float:left;}
.nme-bg{ width:105px; height:auto; float:left; color:#929292; text-align:right; padding-right:10px; padding-top:4px;}
.txtbox04{ width:192px; height:78px; border:solid 1px #e7e7e7; color:#929292;} */

/*Added by anas Sept 21, 2011*/

.contact-form{ width:683px; height:auto; float:left; padding-top:20px;}
.nme-txtboxbg{ width:500px; height:auto; float:left; padding-bottom:8px;}
.txtbox01{ width:300px; height:22px; border:solid 1px #e7e7e7; color:#929292;}
.form-bloc02{ width:500px; height:auto; float:left; padding-top:20px;}
.txtbox-bg01{ width:300px; height:auto; float:left;}
.submit-btnbg2{ width:75px; height:auto; float:left; padding-left:190px; padding-top:10px; padding-bottom:10px;}
.nme-bg{ width:180px; height:auto; float:left; color:#929292; text-align:right; padding-right:10px; padding-top:4px;}
.txtbox04{ width:300px; height:78px; border:solid 1px #e7e7e7; color:#929292;}