@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;}
ul,li,dl,dd,dt{list-style:none;}
html,body,div,span,p,ul,li,dl,dd,dt,table,tr,td{font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;color:#505050;}

a.external{color:#14abe3;text-decoration:underline;}
a:hover.external{text-decoration:none;}

/*-------------styles for common layout-------------*/
body{background:#fff url(/images/head_bg.gif) repeat-x 0 -84px;}
.container{margin:0 auto;width:950px;}
.header{display:block;height:69px;background:transparent url(/images/head_bg.gif) repeat-x 0 0;}
.header dt{float:left;width:370px;height:64px;background:transparent url(/images/logo_slogan.gif) no-repeat 18px 19px;}
.header dd{float:right;padding:25px 0 0 0;}
.header dd a{float:left;height:44px;display:inline;margin:0 0 0 16px;background-position:0px 0px;}
.header dd a:hover{background-position:0px -44px;}
.header dd .current a{background-position:0px -44px;cursor:default;}
.header dt span{display:none;}
a.home{width:49px;background:transparent url(/images/navi_home.gif) no-repeat;}
a.about{width:80px;background:transparent url(/images/navi_about.gif) no-repeat;}
a.contact{width:80px;background:transparent url(/images/navi_contact.gif) no-repeat;}
a.recruit{width:86px;background:transparent url(/images/navi_recruit.gif) no-repeat;}
a.partner{width:127px;background:transparent url(/images/navi_partner.gif) no-repeat;}
#homePage .home{display:none;}

  /*--------content styles---------*/
  .content{float:left;width:100%;padding:13px 0 0 0;}
  .homeCont{float:left;width:644px;padding:13px 31px 0 14px;background:transparent url(/images/frame_shady.gif) no-repeat 0px -3px;}
  .subCont{float:left;width:916px;padding:20px 17px;background:transparent url(/images/section_bg.gif) no-repeat 0px 11px;}
  .otherSections{float:left;width:802px;padding:0 57px 14px 57px;background:#fff url(/images/hr_navi_bg.gif) no-repeat 0 9px;border-bottom:#e5e5e5 1px solid;}
  .otherSections li{float:left;padding:21px 21px 0 21px;border-right:#e5e5e5 1px solid;}
  .otherSections .lastOne{border-right:0px;}
  .otherSections li a{display:block;height:24px;}
  .otherSections li a:hover{background-position:0 -24px;}
  .otherSections a.hrIt{width:84px;background:transparent url(/images/navi_it.gif) no-repeat;}
  .otherSections a.hrMkt{width:204px;background:transparent url(/images/navi_market.gif) no-repeat;}
  .otherSections a.hrPub{width:273px;background:transparent url(/images/navi_print.gif) no-repeat;}
  .otherSections a.hrWork{width:70px;background:transparent url(/images/navi_works.gif) no-repeat;}
  .otherSections .current a{background-position:0 -24px;cursor:default;}
  
  .contTable{float:left;width:916px;margin:38px 0 0 0;}
  .contTable td{vertical-align:top;}
  .contTable .leftNavi{width:181px;padding:0 12px;}
  .contTable .leftNavi dl{display:block;}
  .contTable .leftNavi dt{display:block;padding:10px 0 11px 16px;background:transparent url(../images/bg_antline.gif) repeat-x left bottom;}
  .contTable .leftNavi dt a{display:block;height:13px;background-position:0 0;}
  .contTable .leftNavi dt a:hover{background-position:0 -13px;}
  .contTable .leftNavi .current a{background-position:0 -13px;cursor:default;}
  .contTable .leftNavi dd{display:block;padding:6px 0 0 16px;font-size:14px;font-family:Arial, Helvetica, sans-serif;}
  .contTable .leftNavi dd a{display:block;padding:0 0 0 14px;color:#686868;text-decoration:none;}
  .contTable .leftNavi dd a:hover{background:transparent url(../images/ico_triple.gif) no-repeat 4px 5px;}
  .contTable .leftNavi dd.current a{background:transparent url(../images/ico_triple.gif) no-repeat 4px 5px;}
  .contTable .textDetail{width:660px;padding:0 21px;border-left:#e5e5e5 1px solid;}
  
  .leftImg{float:left;margin:0 20px 0 0;}
  .rightImg{float:right;margin:0 0 0 12px;}
  
  .textUl{display:block;width:568px;list-style:outside disc;padding:0 0 12px 14px;}
  .textUl li{line-height:24px;list-style:outside disc;font-size:12px;margin:0 0 0 18px;}
  .textOl{display:block;width:568px;list-style:outside decimal;padding:0 0 12px 14px;}
  .textOl li{line-height:24px;list-style:outside decimal;font-size:12px;margin:0 0 0 18px;}
  
  /*--------footer styles---------*/
.footer{float:left;clear:both;width:100%;height:64px;margin:10px 0 0 0;padding:12px 0 0 0;text-align:center;background:transparent url(../images/footer_bg.gif) repeat-x;font-size:10px;}


/*--------------------styles for home pages----------------------*/
.homeCont .flashCell{float:left;width:644px;}
.threeSub{float:left;width:644px;height:334px;margin:33px 0 0 0;background:transparent url(../images/three_shady.gif) repeat-x;}
.threeSub .textCell{float:left;width:644px;height:303px;}
.threeSub .textCell div{float:left;height:303px;}
.threeSub  .textCell .itCell{width:201px;padding:0 5px 0 0;background:transparent url(../images/3sub_bg.gif) repeat-y right top;}
.threeSub  .textCell .marketCell{width:215px;padding:0 5px 0 0;background:transparent url(../images/3sub_bg.gif) repeat-y right top;}
.threeSub  .textCell .printCell{width:218px;height:334px;}
.threeSub  .textCell .printCell p a{font-weight:bold;color:#868686;text-decoration:none;}
.threeSub  .textCell .printCell p a:hover{color:#ff8a00;text-decoration:none;}
.threeSub  .textCell h2{float:left;padding:80px 0 0 13px;font-size:11px;color:#004293;font-family:Arial, Helvetica, sans-serif;}
.threeSub .itCell h2{width:188px;background:transparent url(../images/title_it.gif) no-repeat 20px 10px;}
.threeSub .marketCell h2{width:197px;background:transparent url(../images/title_market.gif) no-repeat 11px 10px;}
.threeSub .printCell h2{width:205px;background:transparent url(../images/title_print.gif) no-repeat 18px 10px;}
.threeSub .photoDeck{position:absolute;right:0px;bottom:0px;z-index:1000;}
.threeSub p{float:left;padding:4px 5px 0 11px;font-family:Arial, Helvetica, sans-serif;}
.threeSub .photoDeck{position:absolute;right:0px;bottom:0px;z-index:1000;}
.threeSub .detSub{float:left;padding:8px 5px 0 0;line-height:18px;}
/*new code by pete on Aug. 21st, 2008*/
.threeSub .detSub li{padding:0 0 0 20px;background:transparent url(../images/ico_triple.gif) no-repeat 10px 6px;font-size:11px;font-family:Arial, Helvetica, sans-serif;}
.threeSub .detSub a{color:#505050;text-decoration:none;}
.threeSub .detSub a:hover{text-decoration:none;font-weight:bold;}
/*new code ends*/
.homeSide{float:right;width:250px;padding:6px 0 0 0;}
.homeSide ul{float:left;width:238px;padding:5px;border:#dfdfdf 1px solid;}
.homeSide li{float:left;width:100%;}
.homeSide .antlines{height:19px;font-size:0px;background:#fff url(../images/bg_antline.gif) repeat-x 0 9px;}
.newsCell,.workCell{background:transparent url(../images/sidebar_title.gif) repeat-x;}
.newsCell .more{float:left;padding:21px 0 1px 195px;height:24px;background:transparent url(../images/title_news.gif) no-repeat 13px 0;}
.workCell .more{float:left;padding:21px 0 0 195px;height:20px;background:transparent url(../images/title_ourwork.gif) no-repeat 13px 0;}
/*news vertical slide show*/
#slideMask{float:left;width:100%;margin:5px 0 0 0;height:187px;overflow:hidden;position:relative;}
#newsDiv,#newsDiv2{position:absolute;left:0px;top:0px;}
.newsSlide{float:left;width:100%;}
.newsSlide a{display:block;padding:6px 18px 8px 26px;line-height:14px;background:#fff url(../images/ico_triple.gif) no-repeat 12px 11px;text-decoration:none;color:#505050;}
.newsSlide a:hover{color:#ff8a00;}
.newsSlide .greyLink{background:#f0f0f0 url(../images/ico_triple.gif) no-repeat 12px 11px;}
/*----------------------------*/
.workShow{float:left;margin:4px 0 0 0;}
.workShow td{padding:0 0 8px 0;}
.workShow td img{padding:2px;border:#dadada 1px solid;}

.homeSide .emailLink{float:left;width:236px;height:48px;display:inline;margin:20px 0 0 6px;background:transparent url(../images/btn_enquiries.jpg) no-repeat;}
/*--------------- news -----------------*/
#newsTable td{border-bottom:#e5e5e5 1px solid;padding:20px 0 10px 0;line-height:24px;}
#newsTable .newsDate{width:25%;padding-left:20px;}
#newsTable .newsDetail{padding-right:20px;background:transparent url(../images/news_bg.gif) no-repeat right bottom;}
#newsTable .newsDetail p{display:block;margin:0 0 10px 0;line-height:24px;font-size:12px;font-family:Arial, Helvetica, sans-serif;}
#newsTable .newsDetail p.title{font-weight:bold;color:#FF9800;font-size:16px;}

/*-----------------about us, contact, recruitment, partners------------------*/
.contTable .textDetail p{display:block;width:100%;margin:0 0 12px 0;font-size:12px;line-height:22px;}
.subDetail .aboutCell .illustrate{display:block;padding:0 140px 0 0;font-size:12px;line-height:22px;background:transparent url(../images/about_icon.jpg) no-repeat right 10px;}
.contTable .textDetail .title,.topTitle .title{font-weight:bold;color:#ff8c18;font-size:12px;}

.topTitle{float:left;width:868px;display:inline;margin:38px 0 0 23px;background:#fff url(../images/top_line.gif) repeat-x;}
.topTitle .title{font-weight:bold;color:#ff8c18;font-size:12px;padding:8px 0 0 0;}
.topTable{float:left;width:868px;display:inline;margin:0 0 0 23px;}
.topTable td{vertical-align:top;}
.topTable .textDetail p{display:block;width:100%;margin:0 0 20px 0;font-size:12px;line-height:22px;}
#aboutTable,#partnerCell{margin-top:38px;}
#aboutTable .textDetail,#partnerCell .textDetail{padding:0 30px;}

#recruitTable .intro{width:270px;padding:16px;border-right:#e5e5e5 1px solid;background:transparent url(../images/recruit_intro.gif) no-repeat right top;}
#recruitTable .intro p{display:block;line-height:24px;font-size:12px;font-family:Arial, Helvetica, sans-serif;text-align:justify;}
#recruitTable .intro table{display:block;line-height:24px;font-size:12px;margin:30px 0 0 0;}
#recruitTable .intro table th{width:70px;font-weight:normal;text-align:left;vertical-align:top;}

#recruitTable .textDetail{width:542px;padding:16px 0 16px 23px;background:transparent url(../images/flower_bg.jpg) no-repeat left bottom;}
#recruitTable .textDetail *{display:block;font-family:Arial, Helvetica, sans-serif;font-size:12px;line-height:24px;}
#recruitTable .textDetail h4{font-weight:normal;}
.textDetail p.title{margin:0 0 10px 0;font-weight:bold;color:#ff8c18;}
#recruitTable .textDetail .eachJob{margin:0 0 10px 0;border-bottom:#e5e5e5 1px solid;}
#recruitTable .textDetail ul{margin:0 0 10px 0;}
#recruitTable .textDetail ul li{padding:0 0 0 18px;background:transparent url(../images/ico_triple.gif) no-repeat 3px 9px;}

#contactTable .intro{width:359px;padding:16px 0 0 29px;border-right:#e5e5e5 1px solid;background:transparent url(../images/recruit_intro.gif) no-repeat right top;}
#contactTable .textDetail{width:451px;padding:16px 0 16px 28px;background:transparent url(../images/flower_bg.jpg) no-repeat left bottom;}
#contactTable .textDetail *{font-family:Arial, Helvetica, sans-serif;}
#contactTable .intro table{display:block;line-height:24px;font-size:12px;margin:10px 0 0 0;}
#contactTable .intro table th{width:102px;color:#ff8c18;text-align:left;vertical-align:top;}

#contactTable .textDetail .inquire{display:block;width:100%;line-height:30px;}
.inquire dt{float:left;width:100%;margin:20px 0 0 0;font-weight:bold;}
.inquire dd{float:left;width:100%;}
.inquire dd label{float:left;width:130px;text-indent:12px;}
.inquire dd div{float:left;padding:0 10px 0 0;text-indent:12px;}
.inquire dd select{float:left;font-size:11px;margin:5px 0 0 0;}
.inquire dd .textInput{float:left;width:160px;height:14px;margin:5px 0 0 0;padding:2px;border:#bcbcbc 1px solid;}
.inquire dd textarea{float:left;width:256px;height:74px;margin:5px 0 0 0;padding:2px;border:#bcbcbc 1px solid;}

.inquire dt a{display:block;margin:10px auto;width:118px;height:34px;color:#fff;text-decoration:none;background:transparent url(../images/btn_next.gif) no-repeat;text-align:center;line-height:34px;}
.inquire dt a:hover{background-position:0 -34px;}

#partnerCell .textDetail{padding-bottom:30px;border-bottom:#e5e5e5 1px solid;background:transparent url(../images/partner_shady.gif) no-repeat center bottom;}

#partnerCell .partnerLogo{padding:70px 0 0 30px;background:transparent url(../images/title_ourpartner.gif) no-repeat 30px 20px;}
#partnerCell .partnerLogo a{float:left;}
#partnerCell .partnerLogo img{border:0px;}

/*-----------------our work------------------*/
a.verCommerce{width:103px;background:transparent url(../images/ver_eseecommence.gif) no-repeat;}
a.verWeb{width:35px;background:transparent url(../images/ver_web.gif) no-repeat;}
a.verPrint{width:35px;background:transparent url(../images/ver_print.gif) no-repeat;}
a.verStudies{width:103px;background:transparent url(../images/ver_studies.gif) no-repeat;}

.workList{width:201px;border-left:#e5e5e5 1px solid;}
.workList dl{display:block;}
.workList dt{display:block;height:31px;margin:0 0 10px 0;border-bottom:#e5e5e5 1px solid;}
.workList dd{display:block;line-height:14px;padding:6px 0 6px 10px;font-family:Arial, Helvetica, sans-serif;font-size:12px;}
.workList dt a.newProject{display:block;height:31px;background:transparent url(../images/title_recent.gif) no-repeat;}
.workList .current a{cursor:default;color:#14abe3;}
.workList dd a,.titlePage h2 a{color:#686868;text-decoration:none;}
.workList dd a:hover,.titlePage h2 a:hover{color:#14abe3;text-decoration:underline;}
.workList dd.current a:hover{text-decoration:none;}

.workDetail{width:469px;padding:0 20px;}
.workDetail .workPic{display:block;text-align:center;}
.workDetail .titlePage{float:left;width:100%;padding:0 0 10px 0;}
.workDetail .titlePage h1{float:left;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#14abe3;}
.workDetail .titlePage h2{float:right;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;}
.printTitle{margin-top:20px;}
.workDetail p{display:block;line-height:16px;margin:0 0 10px 0;}

.caseDetail{width:452px;padding:0 18px;}
.caseDetail h1{display:block;font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#14abe3;}
.caseDetail h2{display:block;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;}
.caseDetail dl{display:block;}
.caseDetail dl dt{display:block;margin:6px 0;line-height:30px;font-weight:bold;border-bottom:#e5e5e5 1px solid;}
.caseDetail dl dd{display:block;padding:0 10px;line-height:16px;color:#868686;}
.caseDetail dl dd p.subTitle{display:block;padding:0px;color:#ff8a00;margin:4px 0 0 0;}
.caseDetail dl dd p{display:block;padding:0 0 0 16px;color:#868686;}
.caseDetail span{display:block;width:100%;line-height:32px;text-align:center;}
.caseDetail span a{margin:30px auto;float:left;width:118px;height:34px;color:#fff;text-decoration:none;background:transparent url(../images/btn_next.gif) no-repeat;}
.caseDetail span a:hover{background-position:0 -34px;}

.casePic{width:223px;}
.casePic .caseNo{float:left;width:100%;border-bottom:#e5e5e5 1px solid;clear:both;}
.caseNo span{float:left;line-height:24px;padding:0 4px 0 0;}
.caseNo .case1{background:transparent url(../images/btn_case1.gif) no-repeat;}
.caseNo .case2{background:transparent url(../images/btn_case2.gif) no-repeat;}
.caseNo .case3{background:transparent url(../images/btn_case3.gif) no-repeat;}
.caseNo a{float:left;width:9px;height:9px;margin:8px 0 0 4px;font-size:0px;background-position: 0px 0px;}
.caseNo a:hover{background-position:0px -9px;}
.caseNo .current{background-position:0px -9px;cursor:default;}
.casePic img{float:left;display:inline;clear:both;margin:16px 0 0 8px;}

/*-----------------it solutions------------------*/
.contTable .leftNavi dt a.verApply{width:94px;height:17px;background:transparent url(../images/ver_app.gif) no-repeat;cursor:default;}
.contTable .leftNavi dt a:hover.verApply{background-position:0 -17px;}
a.verTele{width:149px;background:transparent url(../images/ver_telec.gif) no-repeat;cursor:default;}
a.verHard{width:150px;background:transparent url(../images/ver_hard.gif) no-repeat;}
.contTable .leftNavi dt a.verLease{width:134px;height:17px;background:transparent url(../images/ver_lease.gif) no-repeat;}
.contTable .leftNavi dt a:hover.verLease{background-position:0 -17px;}
.contTable .leftNavi .current a.verApply{background-position:0 -17px;cursor:default;}
.contTable .leftNavi .current a.verLease{background-position:0 -17px;cursor:default;}

/*-----------------publication and presentation------------------*/
a.verIntro{width:89px;background:transparent url(../images/ver_intro.gif) no-repeat;}
a.verPrice{width:70px;background:transparent url(../images/ver_price.gif) no-repeat;}

/*-----------------marketing Communications------------------*/
.contTable .leftNavi .mcVer dt a{display:block;height:17px;background-position:0 0;}
.contTable .leftNavi .mcVer dt a:hover{background-position:0 -17px;}
.contTable .leftNavi .mcVer .current a{background-position:0 -17px;cursor:default;}
a.verStrategy{width:138px;background:transparent url(../images/ver_strategy.gif) no-repeat;}
a.verCi{width:138px;background:transparent url(../images/ver_ci.gif) no-repeat;}
a.verAdv{width:84px;background:transparent url(../images/ver_adv.gif) no-repeat;}
a.verDigital{width:127px;background:transparent url(../images/ver_digital.gif) no-repeat;}
.contTable .leftNavi dt a.verPrep{width:139px;height:33px;background:transparent url(../images/ver_prep.gif) no-repeat;}
a.verData{width:118px;background:transparent url(../images/ver_data.gif) no-repeat;}
.contTable .leftNavi dt a:hover.verPrep{background-position:0 -33px;}
.contTable .leftNavi .current a.verPrep{background-position:0 -33px;cursor:default;}

.ciShow{display:block;margin:40px 0 10px 0;}
.ciShow .ciCell{border:#bcbcbc 1px solid;width:125px;}
/*-----------------print price------------------*/
.priceCell{display:block;text-align:left;line-height:28px;}
.textDetail p.printCate{display:block;text-align:left;line-height:28px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;margin:20px 0 0 0;}
.priceCell th{text-indent:8px;font-weight:normal;}
.priceCell td{text-indent:12px;color:#868686;}
.blueLine{border-bottom:#14abe3 1px solid;}
.greyLine{border-bottom:#dadada 1px solid;}
.greyBlue{border-top:#14abe3 1px solid;border-bottom:#dadada 1px solid;}
.textDetail p.helpText{font-size:10px;margin:10px 0;line-height:14px;}

/*--------------------all page's background------------------------*/
#advUl{background:transparent url(../images/adv_bg.jpg) no-repeat 400px 300px;}
#aboutTable{background:transparent url(../images/about_icon.jpg) no-repeat 640px 80px;}
#digiPic{background:transparent url(../images/digital_market.jpg) no-repeat 470px 270px;}
#dataPic{background:transparent url(../images/data.jpg) no-repeat 440px 220px;}
#publication{background:transparent url(../images/publication.jpg) no-repeat 440px 270px;}
#posProgram{background:transparent url(../images/pos_card.jpg) no-repeat 510px 270px;}
#dataManage{background:transparent url(../images/date_backup.jpg) no-repeat 430px 236px;}
#partnerCell{background:transparent url(../images/partner_bg.jpg) no-repeat 660px 116px;}
#eSeecommerce{background:transparent url(../images/commerce_bg.jpg) no-repeat 490px 166px;}
#contactTable{background:transparent url(../images/contact_bg.jpg) no-repeat 50px 436px;}
#leaseCell{background:transparent url(../images/leasing_bg.jpg) no-repeat 460px 280px;}
#wirelessCell{background:transparent url(../images/wireless.jpg) no-repeat 480px 260px;}
#internetCell{background:transparent url(../images/internet.jpg) no-repeat 480px 260px;}
#marketingCell{background:transparent url(../images/marketing_bg.jpg) no-repeat 430px 282px;}
#strategicPlan{background:transparent url(../images/strategic_bg.jpg) no-repeat 480px 236px;}
#recruitTable{background:transparent url(../images/recruit_bg.gif) no-repeat 10px 396px;}

/*------------it solutions table-------------*/
.pbxCell{float:left;text-align:left;}
.pbxCell th{padding:8px 0;}
.pbxCell td{padding:8px 0;color:#868686;vertical-align:top;}