@font-face {font-family:Century Gothic;src: url(../fonts/GOTHIC.TTF);}
@font-face {font-family:CenturyGothicBold;src: url(../fonts/GOTHICB.TTF);}
@font-face {font-family:Century Gothic Italic;src: url(../fonts/GOTHICBI.TTF);}

/*Reset default browser CSS.-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
}
table{ margin:0px; padding:0px; border-collapse:collapse;}
tr, th, td{margin:0px; padding:0px; }
/* Headings
-------------------------------------------------------------- */
h1,h2,h3,h4,h5,h6 { line-height:normal; color:#000;}
/* Lists
-------------------------------------------------------------- */
ul, ol, ul li{ padding:0px; margin:0px;}
li ul,
li ol       { padding:0px; margin:0px;}
ul          { list-style-type:none; }
ol          { list-style-type: decimal; }
dl          { padding:0px; margin:0px; }
dl dt       { font-weight: bold; }
dd          { padding:0px; margin:0px;}
/* Remove annoying border on linked images. */
a img { border: none; outline:none; }
a {outline:none; text-decoration:none; color:#5a5a5a;}
a:hover{ text-decoration:underline;}
input[type=submit]{ cursor:pointer;}
.error{ color:#ff0000 !important; font-size:11px !important;}
/*common class*/
.clear{ clear:both;}
.clearnone{overflow: hidden;height:0px;}
.alignleft{ float:left;}
.alignright{ float:right;}
.alignmiddle{ text-align:center;}
.spacer10 { height:10px; clear:both;}
.pnone{ padding:0px !important;}
p{ font-size:14px; line-height: 18px; font-family: arial;}
/* Body  ==============================================*/
body {font-size: 13px;padding:0; margin:0;color:#525252; font-family:Century Gothic, Arial; background:#edf3f6 url(../images/body_bg.jpg) repeat-x 0px 0px;}
/* This fixed width Wrapper surrounds all other blocks ============================================== */
.wrapper{ width:980px; margin:0px auto; padding:0px;}
.banner-outter{background: url(../images/banner-img.jpg) no-repeat center 0px; margin-top:9px;}
/*header css ==============================================*/
#header{overflow:hidden;}
#header .logo{margin:35px 0px 0px 0px; float:left;}
#header .nav{ float: right; margin: 42px 0px 0px 0px;}
.nav li{ float:left; margin-left: 35px; text-transform:lowercase; font-size: 14px;}
.nav li a{ color:#9ba9b2;}
/*header css ==============================================*/
/*banner css ==============================================*/
#bannerarea{height: 481px; overflow: hidden;}
#bannerarea .bannertext{ font-size: 12px; color:#000000; line-height: 20px; width:492px; float: right; margin: 320px 0px 0px 0px; text-align: center;}
#bannerarea .bannertext a{ color:#14a8ed; font-size: 10px; font-style: italic; font-weight: bold; font-family: Century Gothic Italic;}
/*banner css ==============================================*/
/*content css ==============================================*/
#content{ margin: 15px 0px 0px 0px;}
a.topbutton{ background: url(../images/background.png) no-repeat 0px 0px; height: 16px; width:40px; float:right; text-indent: -9999em;margin-right:17px;}
.servicesarea{ clear: both; padding: 54px 0px 45px 10px; overflow: hidden; }
.tabarea{ overflow: hidden; margin-left: 12px;}
.tabarea li{ float:left;margin-right: 37px;}
.tabarea li a{ background: url(../images/tabs-sprite.jpg) no-repeat 0px 0px; height: 92px; width:289px; float:left; text-indent: -9999em; }
.tabarea li.consulting a:hover , .tabarea li.consulting a.selected{ background-position: 0px -92px;}
.tabarea li.product a{ background-position: -289px 0px;}
.tabarea li.product a:hover , .tabarea li.product a.selected{ background-position: -289px -92px;}
.tabarea li.product{margin-right: 34px;}
.tabarea li.enterprise{ margin-right: 0px;}
.tabarea li.enterprise a{ background-position: -570px 0px;}
.tabarea li.enterprise a:hover , .tabarea li.enterprise a.selected{ background-position: -570px -92px;}
.consultingarea1{ background: url(../images/consultingBG.png) no-repeat 620px 8px; padding:26px 340px 0px 30px; min-height: 310px;}
.consultingarea2{ background: url(../images/consultingBG.jpg) no-repeat 589px 8px; padding:26px 340px 0px 30px; min-height: 310px;}
.consultingarea3{ background: url(../images/enterprise.jpg) no-repeat 606px 22px; padding:26px 325px 0px 30px; min-height: 310px;}
.servicesarea h1{ font-size: 18px; font-weight: bold;  color:#000; line-height: 24px; padding-bottom: 10px;}
.servicesarea big{ display: block; font-size: 14px; color:#000; padding: 0px 0px 33px 0px;}
.servicesarea p{padding: 0px 75px 18px 0px; line-height: 18px; font-family: arial; font-size: 14px;}
.servicesarea a.moreservices{ background: url(../images/background.png) no-repeat 96px -16px; height: 15px; text-transform: uppercase; color:#000; font-size: 12px; padding-right: 20px; float:left; margin-top: -4px;}
.getintouch{ border: none;background: url(../images/background.png) no-repeat 0px -32px; width:138px; height: 38px; float:left; text-indent: -9999em;}
.getmrgn{ margin-top: 32px;}
.getmrgnl{ margin: 75px 0px 0px 71px;}
.trans-img{background: url(../images/trans-liner.png) no-repeat center;}
.trans-img-2{background: url(../images/trans-liner-2.png) no-repeat center}
.one-liner{ background: url(../images/border-seprater.png) no-repeat 0px bottom; padding: 20px 0px 35px 0px; font-family:Georgia; font-size: 25px; color:#506062; text-align: center; font-weight: normal;}
.trans-img-2  .one-liner{ padding-bottom: 30px;}
.aboutarea{border-top: 6px solid #DAE0E1; background: url(../images/about-img.png) no-repeat 0px bottom; min-height: 237px; margin-top: 0px; padding:40px 0 85px 305px;}
.aboutarea h1{ padding: 60px 0px 15px 0px; font-size: 16px; text-transform: uppercase; font-weight: bold;}
.aboutarea h2{ font-size: 16px; line-height:25px; font-family:arial;}
.aboutarea p{ color:#5f5f5f; padding-top: 18px;}
.reasonsarea{border-top: 6px solid #DAE0E1;  background: url(../images/top5reason.png) no-repeat 0px 88px; padding-top: 49px;  padding-bottom: 15px; padding-left:270px;}
.reasonsarea ul{ margin: 0px 50px 0px 0px;  padding: 0px; width:284px; float: left;}
.reasonsarea ul li{ overflow: hidden; width:284px; display:block; margin-left: 60px; margin-bottom: 20px; }
.reasonsarea ul li small{ float: left;background: url(../images/roundBG.png) no-repeat 0px 0px; width:56px;height:56px; color:#e3dc4c; text-align: center; font-weight: bold; font-size: 27px; line-height: 54px;}
.reasonsarea ul li span{ float: right; width:212px; margin-top: 7px; line-height: 18px; font-family: arial; font-size: 14px;}
.reasonsarea ul li span b{ display:block; padding-bottom:5px; font-size:13px;} 
.reasonsarea .topbutton{ margin-top:-32px}
.getarea{border-top: 6px solid #dae0e1; background: url(../images/map.jpg) no-repeat right bottom; clear: both; min-height: 330px; padding-top: 18px; padding-bottom: 25px;}
.getheading{ overflow: hidden; clear: both; padding: 29px 0px 14px 0px;}
.getheading h1{ font-size: 30px; text-transform: uppercase; float: left;width:396px; text-align: right; }
.getheading p{ float: left; width:530px; line-height: 15px;margin:5px 0px 0px 18px;}
.getform{ background: url(../images/form-middle-img.jpg) repeat-y 0px 0px; width: 487px; overflow: hidden;}
.formarea{ padding: 15px 0px 0px 18px; overflow: hidden;}
.formarea .feildarea{ width:208px; float:left;}
.formarea .feildarea input.textinput{background: url(../images/background.png) no-repeat 0px -103px; width:203px; padding-left: 5px; border: none; height: 29px; margin-bottom: 14px; color:#8a8a8a; text-transform: uppercase; font-size: 11px;font-family:Century Gothic;}
.formarea .feildarea textarea{background:#fff url(../images/background.png) no-repeat 0px -134px; width:203px; padding: 8px 0px 0px 5px; border: none; height: 62px; color:#8a8a8a;  font-size: 11px;font-family:Century Gothic;}
.formarea input[type="submit"]{ margin: 1px 0px 3px -1px}
.formarea .feildmrg{ padding-left: 26px;}
/*content css ==============================================*/
/*Footer css ==============================================*/
#footer{  background: url(../images/footerbg.jpg) repeat-x 0px bottom;  clear: both; margin-top: 10px; padding:32px 0px 50px 0px;color: #fff;font-size: 12px;font-family:arial;}
#footer a{color:#6f787c}
#footer h6{text-transform: uppercase; padding-bottom: 10px;font-family:CenturyGothicBold; color: #fff;font-weight: bold;}
#footer .areaone{ float: left;width:234px; background: url(../images/dooted-border.jpg) no-repeat right 15px; min-height: 110px;  }
#footer .areatwo{ float: left;width:370px; background: url(../images/dooted-border.jpg) no-repeat right 15px; min-height: 110px; margin: 0px 78px; }
#footer .areathree{ height:65px; background: #fafcfc; margin:6px 0px 22px 0px; }
.social{ overflow: hidden;}
.social .facebook img{ float: left; margin: 0px 100px 0px 120px;}
.social .twitter img{ float: left;}
.social .linkedin img{ float: left; margin-left: 24px;}
.bottomarea{ font-size: 11px;padding: 38px 0 0 0;overflow: hidden; float: left;}
.bottomarea p{font-size: 11px; color:#6f787c;}
.links{ float: right; margin: 0px 10px 0px 40px; line-height: 20px;}
/*Footer css ==============================================*/