body, html {margin:0; padding:0 0 10px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif}
body, html#home { height:100%; padding:0}
body {padding:3px 0 0 0; background:#EAEAEA url(../images/bg_body.png) no-repeat center 3px;}
#home body{height:98%; padding:4px 0 0 0;}
h1, h2, h3, table, td, form, p, ul {margin:0; padding:0; border-collapse:collapse; list-style:none}
h1 { font-family: "Times New Roman", Times, serif; font-size:21px; color:#333; font-weight:normal; padding:3px 0 3px 50px; margin: 0 0 5px 10px; background:url(../images/point.gif) repeat-x left bottom}
h2 { font-size:12px; color:#444; background:#F5F7FB; border-bottom:1px solid #7C9CBE; padding:4px 5px; clear:both; margin:20px 0 0 0 }
h3 { font-size:11px; padding:10px 0 0}
p { padding:7px 0;}
img { border:none}
a {outline:none}
a {color:#005C90;}
a:hover { color:#f00}
/* global leyaut (home use table) */
table.gbCont { padding:0px; background:#FFF; width:954px; height:95%; margin:0 auto 0; border-collapse:collapse; border:1px solid #CCC}
div.gbCont { padding:0px; background:#FFF; width:954px; margin:0 auto; border:1px solid #CCC}
table.gbCont tr.header td { vertical-align:top; padding:0; height:70px }
table.gbCont td { padding:0}
table.gbCont tr.footer td {vertical-align:bottom; height:90px}
table.gbCont td {}
/* header */
div.header { background: url(../images/point.gif) repeat-x left bottom ; height:70px }
div.header h1 {position:relative; float:left; padding:15px 0 0 10px; background:none}
div.header .right {float:right; width:600px; text-align:right}
div.header .right ul {list-style:none; margin:0; padding:7px 0 0 0; clear:both}
div.header .right ul li {display:inline; padding: 0 15px 0 2px}
div.header .right ul li.last {display:inline; padding: 0 7px 0 2px}
div.header .right ul li a {color:#005C90; padding:0 0 0 15px; background:url(../images/icon_quest.gif) no-repeat 0 3px}
div.header .right ul li a:hover { color:#f00;}
div.header .phone { padding:14px 12px 10px; text-align:right}
/* footer */
div.footer { height:120px; background: url(../images/point.gif) repeat-x left top; text-align:center }
div.footer address { font-style:normal; display:block; color:#666}
div.footer address span { padding:0 7px; color:#f00}
div.footer address strong { display:block}
div.footer ul {padding:40px 0 20px 0}
div.footer li { display:inline}
div.footer li a {color:#039}
div.footer li a:hover {color:#F00}
/* home intro */
.homeVIntro h1 { font-size:23px; padding:10px 0 0 26px; margin:0; background:none; font-family:Arial, Helvetica, sans-serif}
.homeVIntro h1 strong { display:none; line-height:18px; width:724px; height:21px; margin: 0 0 -21px 0; overflow:hidden}
.homeVIntro h1 img { background:#FFFFFF}
.vIntro { background:url(../images/bg_v_intro.jpg) no-repeat; height:300px}
.vIntro h3 { margin:0; padding:0}
.vIntro ul { padding:93px 0 0 22px; list-style:none; margin:0}
.vIntro ul li { float:left; margin:0 28px 0 0;}
.vIntro h3 b { background:url(../images/b_arr.png) no-repeat; visibility:hidden; z-index:10; font-size:1px; line-height:1px; display:block; width:10px; height:73px; position:relative; margin:-73px 0 0 207px }
.vIntro .open h3 b { visibility:visible}
.vIntro .infoBox { position:absolute; background:url(../images/home_vinfo_bg.gif) no-repeat 0 -14px ; height:135px; width:223px; margin:-10px 0 0 0 }
.vIntro .infoBox p { padding:0 20px; margin:0; color:#333333; font-weight:bold}
.vIntro .infoBox p.icon { text-align:center; padding:12px 0 0 0}
.vIntro .infoBox p.link { padding-top:10px}
.vIntro .ef p, .vIntro .wa p { padding:0 30px 0 40px;}
.vIntro .infoBox a { color:#f00;}
.vIntro .infoBox a:hover { text-decoration:none}
/* other pages
------------------------------------------------------*/
/* pages layout
---------------------*/
.aTreeColl { padding:0 25px; clear:both; overflow:hidden }
.leftCollFull { width:896px;}
.leftNavColl {width:201px; margin: 0 23px 0 0; display:inline; float:left; padding:38px 0 0 0}
.centerColl { width:670px; float:left; padding:76px 0 0 0}
.centerFullColl {width:670px; float:left; padding:76px 0 0 0}
.leftCenterColl {clear:left; float:left; width:674px}
.rightColl { float:right; width:202px; padding:102px 0 0 0}
.vBodyCont {color:#666; padding-bottom:5px; height:1%; margin:0 0 0 0; overflow:hidden; }
.home .vBodyCont { margin:0; background:none}
.aTreeColl a {color:#336699}
.aTreeColl a:hover {color:#F00}
.aTreeColl h2 a { text-decoration:none; color:#444; }
.aTreeColl h2 a:hover { color:#F00; }
.contentContainer {background: url(../images/point.gif) repeat-y left top; }
.textContent { padding: 0 0 20px 60px; min-height:300px; height:auto !important; height:300px} /* css treek min-height*/
.centerColl {padding:200px 0 0 0}
.Worldapp {background:url(../images/big_overview/worldapp.jpg) no-repeat 3px 0; position:relative }
.ExtremeForm {background:url(../images/big_overview/extremeform.jpg) no-repeat 3px 0; position:relative }
.KeySurvey {background:url(../images/big_overview/keysurvey.jpg) no-repeat 3px 0; position:relative }
.Company {background:url(../images/big_overview/company.jpg) no-repeat 3px 0; position:relative }
.Customers {background:url(../images/big_overview/customers.jpg) no-repeat 3px 0; position:relative }
.Partners {background:url(../images/big_overview/partners.jpg) no-repeat 3px 0; position:relative }
.Contacts {background:url(../images/big_overview/contacts.jpg) no-repeat 3px 0; position:relative}
/* pages left Menu
---------------------*/
.whiteBorder {border:1px solid #D5D2C2; background-color:#F3F3EC; margin: 0 0 40px}
.leftMenu {padding:15px 0 23px 0; list-style: none; border:3px solid #fff; text-align:left;}
.leftMenu span {display:block; color:#bf0015;padding:4px 10px 4px 26px; font-size:11px; font-family: Verdana, Tahoma, Arial, serif; border-top:2px solid #F3F3EC; border-bottom:2px solid #F3F3EC; background: url(../images/icons/icon_bg_hotline.gif) -30px 4px no-repeat;}
.leftMenu li a {display:block; border-top:2px solid #F3F3EC; border-bottom:2px solid #F3F3EC; text-decoration:none; color:#333333; padding:0 10px 0 0; }
.leftMenu li a:hover {background:#fff url("../images/bg_menu_hover.gif") repeat-y right top; border-top:2px solid #FFF; border-bottom:2px solid #FFF; color:#BF0015}
.leftMenu li a span {color:#333; display:block; padding:4px 0 4px 26px; background: url(../images/icons/icon_bg_hotline.gif) 5px -172px no-repeat; border:none}
.leftMenu li a:hover span {color:#BF0015}
.leftMenu li.active a {color:#BF0015; text-decoration:none; cursor:text}
/* default ul text style
------------------------*/
.textContent ul { padding:10px 0 0 10px}
.textContent ul li { background:url(../images/dot_red_2.gif) no-repeat 5px 8px; padding:7px 0 7px 20px}
/* contact page
------------------------*/
.Contacts .textContent dl { margin:0 0 0 31px; padding:10px 0; overflow:hidden; width:250px;}
.Contacts .textContent dl dt { float:left; clear:left; width:100px; padding:1px 0}
.Contacts .textContent dl dd { float:right; padding:0; font-weight:bold; margin:0; width:150px; padding:1px 0 }
.Contacts .textContent dl.mails { margin:0 0 0 31px; padding:15px 0 10px;}
.Contacts .textContent dl.mails dt { font-weight:bold; padding:15px 0 0}
.Contacts .textContent dl.mails dd { font-weight:normal; padding:15px 0 0}
.Contacts .textContent h3 { color:#999999; padding:5px 31px 0; }
/* customer sexy show
------------------------*/
.custCont { padding:20px 0 20px 10px; display:inline-block }
.custCont .imgBox { width: 67px; height:58px; position:relative; float:left; z-index:16; padding:2px; margin:0}
.custCont .imgBox img {width:67px; height:58px; position:absolute; z-index:15;}
.custCont .imgBox img:hover {width:101px; height:87px; position:absolute; z-index:20;}
/* bunners */
.ourCast {padding:0px 0 20px 0}
.ourCast a { position:relative; display:block; height:65px; padding:3px 0 10px 3px; background:url("/images_test/b_index_customers.gif") no-repeat}
.ourCast a span { position:relative; display:block; border-top:1px solid #fff; width:190px; height:65px; }
.ourCast a:hover span { margin:0; border:1px solid red;}
.contacUs a { display:block; background:url("/images_test/b_index_contact_us_h.gif") no-repeat; width:200px; height:76px}
.contacUs a:hover { background-position: 0 -76px}
.bnr30eval { padding-bottom:20px}
.bnr30eval a.frks { display:block; background:url("/images_test/30day_free_trile.gif") no-repeat; width:200px; height:77px}
.bnr30eval a.fref { display:block; background:url("/images_test/30day_free_trile_ks.gif") no-repeat; width:200px; height:77px}
.bnr30eval a.rqks { display:block; background:url("/images_test/request_desing.gif") no-repeat; width:200px; height:77px}
.bnr30eval a.rqef { display:block; background:url("/images_test/request_services.gif") no-repeat; width:200px; height:77px}
.bnr30eval a:hover { background-position: 0 -77px}