/* CSS Document */
body {margin: 0px;font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-weight: normal;color: #666;text-align: left;background:#ECF5D4 url('images/bodybg.jpg') top left repeat-x; padding-left:0px; padding-right:0px; padding-top:40px; padding-bottom:20px}
#wrapper {position: relative;width: 873px;margin: 0px auto;border: 0px none;background: url('images/bodywrappergif.gif') repeat-y top left; padding-left:15px; padding-right:10px; padding-top:0px; padding-bottom:0px}
#topwrapper {position: relative;width: 896px;height: 23px;margin: 0px auto;padding: 0px;border: medium none;background: url('images/pagetopie.jpg') no-repeat top left;}
#bottomwrapper {position: relative;width: 895px;height: 18px;margin: 0px auto;padding: 0px;border: medium none;background: url('images/pagebottomie.jpg') no-repeat bottom left;}
#header {float:left;width: 845px;height: 53px;margin: 0px;padding: 0;border: none;background: #fff url('images/headerbg-btm.jpg') bottom repeat-x;}
#logo {float:left; width:295px; height:53px; margin:14px 0 0 10px; padding: 0; }
#phone {float:right; width:150x; height:30px; margin:28px 40px 0 0; padding: 0; }
#content-wrapper {width: 830px; margin: 0 auto;}
#content-wrapper p {line-height: 1.7em;}
.clear {clear:both;}

.line {
	border-bottom: 1px solid #E4E4E4;
	padding-top: 15px;
}

/** NAV */

#navigation{ width:820px; height:33px; float:left; margin: 20px 10px 5px 2px; padding:0;}
#nav{ padding:0; margin:0;}
#nav li{ list-style:none; height:33px; float:left; padding:0; margin:0;}
#nav li a {color:#fff;display: block;float: left;font: normal 14px "微软雅黑";height: 33px;margin-right: 6px;padding-right: 15px;text-decoration: none;background-attachment: scroll;background: url(images/2.jpg) no-repeat scroll top right;}
#nav li a span {display: block;line-height: 33px;padding: 0 0 0 15px;background: url(images/1.jpg) no-repeat;}
#nav li a:hover{background-position: -33px right;color: #333;outline: none; /* 去掉在Firefox下四周的虚线 */}
#nav li a:hover span {background-position: -33px left;}


ul#signup {margin:0;padding:0; text-align:center;}
#signup li {text-indent: -9999em; height: 33px;}
#signup a { overflow: hidden;}
.signupnow a { background: url(images/signupnow.jpg)   no-repeat; height: 33px; width:  116px; display: block; }
.signupnow a:hover {background-position: 0 -33px; }


#intro {height: 115px; margin: 25px 0 0 5px; background: url('images/introtext.jpg') top left no-repeat; background-position: 0 5px;}
#intro img {float:right; margin: 0 10px 0 0;}

#home-content {margin: 25px 0 0 0px; }
#home-content h1 {font-size:1.4em; padding: 7px 0 0 40px; height: 25px;}
#home-content h1.package {background:url('images/h1_package.jpg') top left no-repeat;}
#home-content h1.software {background:url('images/h1_software.jpg') top left no-repeat;}
#home-content h1.contact {background:url('images/h1_contact.jpg') top left no-repeat;}
#home-content-col {width: 250px; margin: 0 10px 0 10px; float:left; border-right: solid 1px #e1e1e1;}

#packages-content {width: 530px; margin:33px 0 0 0; padding: 0 10px 0 10px; float:left;}
#packages-content h1 {margin:0; padding: 0 0 10px 0; border-bottom: 1px solid #dcdcdc;}
#packages-content h2 {margin:10px 0 0 0; padding: 0 0 10px 0; border-bottom: 1px solid #dcdcdc;}
#packages-content h3 {margin:0 0 7px 0; padding: 0 0 15px 0; border-bottom: 1px solid #dcdcdc;}

.case-col {width: 220px; float: left; margin: 0 25px 22px 10px; padding: 0 0 12px 0; border-bottom: 5px solid #cce89c;}
.case-col h4 {font-size:1.4em; padding: 4px 0 0 35px;}
.trax {background:url('images/case_trax.jpg') top left no-repeat;}
.bizmagic {background:url('images/case_bizmagic.jpg') top left no-repeat;}
.book {background:url('images/case_book.jpg') top left no-repeat;}
.it {background:url('images/case_it.jpg') top left no-repeat;}
.jbc {background:url('images/case_jbc.jpg') top left no-repeat;}
.jims {background:url('images/case_jims.jpg') top left no-repeat;}
.command {background:url('images/case_command.jpg') top left no-repeat;}
.case-col p {margin:0;}

.package-list-top {margin: 30px 20px 0 0;float:right; height:10px; width: 230px; background:url('images/package-list-top.jpg') top no-repeat;}
.package-list {margin: 0 20px 0 0;float:right;width:230px;background:url(images/package-list-bg.jpg) repeat-y;}

 .package-list .bottom{background:url(images/package-list-bottom.jpg) no-repeat 0 100%;padding-bottom:263px;}
 .package-list .bottom a img{margin-bottom:6px;margin-left: -18px;}
 
 .package-list-li {margin:0; padding:0}
 .grey {color:#38606b;font-weight:bold;display:block;padding:6px 15px 6px 25px;text-decoration:none; margin:0;}
 .package-list-li li{font-family:Arial, sans-serif;background:url(images/package-list-libg.jpg) no-repeat 0 100%;padding-bottom:2px;font-size:1.2em;line-height:1.8em;list-style:none;}
 .package-list-li li a,.coll-list li a:hover{text-decoration:none;}
 .package-list-li li a{display:block;padding:6px 15px 6px 25px;color: #4c818f;}
 .package-list-li li a:hover,.package-list-li li.on li a:hover{background:url(images/package-list-hover.jpg) repeat-y;color:#2e2d2d;}
 .package-list-li li.on a,.package-list-li li li.on,.package-list-li li.on a:hover{color: #4c818f;background: #ffffff url('images/tick2.gif') 6px 9px no-repeat;}
 .package-list-li li li.on a,.cpackage-list-li li li.on a:hover,.package-list-li li li.on{padding:3px 0 3px 0;}
 .package-list-li li.on li a{font-weight: normal;}
 .package-list-li ul li,.package-list-li ul li a,.package-list-li li.on li a,.package-list-li ul li a:hover{background:0;padding:0;}
 .package-list-li ul{margin:5px 0 10px 0px; }
 .package-list-li ul li{margin:5px 0;font-size:.9em;}
 .package-list-margin{margin-top:0px;}
 
#dvd-activate {width:247px; height:77px;}
#dvd-purchase {width:247px; height: 82px;}

#partners-left {float:left; width: 250px; margin: 30px 0 0 0;}
#partners-right {float:right; width: 250px; margin: 30px 0 0 0;}

#partners-left h1 {font-size:12px; color: #666666; padding:0 0 7px 0; margin-bottom:10px;}
#partners-right h1 {font-size:12px; color: #666666; padding:0 0 7px 0; margin-bottom:10px;}

ul.partnerlist {margin:0 20px 20px 5px;padding:0;list-style:none; font-size:10px;}
ul.partnerlist li {font-size: 110%;display:block;background:url('images/arrow.png') 0 3px no-repeat;margin:2px 0 0 0px;padding:2px 0 5px 20px;}

#introsmall {width:820px; height:115px; background:url('images/introsmall.jpg') top left no-repeat;}
#introsmall-title { padding: 70px 0 0 20px;}

ul.servicelist {margin:0 20px 20px 5px;padding:0;list-style:none;color: #787878;font-family: "Arial";font-style: normal;font-weight: normal;}
ul.servicelist li {font-size: 12px;display:block;background:url('images/tick.jpg') top left no-repeat;margin:3px 0 0 3px;padding:2px 0 5px 22px;border-bottom:1px solid #e1e1e1;}

ul.packagelist {margin:0 0 20px 5px;padding:0;list-style:none;color: #4c818f;font-style: normal;font-weight: normal;}
ul.packagelist li {display:block;background:url('images/tick3.jpg') top left no-repeat;margin:7px 0 0 3px;padding:2px 0 8px 25px;border-bottom:1px solid #e1e1e1;}

#faqs {margin: 25px 0 0 0;}
#faqs h4 {cursor:pointer;font-size: 1.1em;color: #31363e;font-family: Arial, Tahoma, Arial, Helvetica, sans-serif; margin:3px 0 5px 0; padding: 3px 4px 7px 3px; border-bottom: 1px dashed #cccccc;}
#faqs h4:hover {color:#85b602;}
.faqanswer {padding: 0 0 2px 10px; }

#contact {width: 230px; height: 327px; background:url('images/contactbg.jpg') top left no-repeat; float:right; margin: 30px 20px 0 0;}
#contact-inner {margin: 18px 0 0 15px;}

legend {padding: 10px 5px 0px 5px;font-weight: normal;text-transform: uppercase;color: #A0B64E;font-family: "Trebuchet MS", tahoma, arial, helvetica, sans-serif;font-size: 16px;}
fieldset { margin:0; padding: 0 0 10px 15px; }

img {border:0;}
#partners img {margin: 0 5px 15px 0;}

#footer {clear: both;margin: 10px 0 0 0;padding: 15px 20px 5px 20px;border: none;text-align: center;background: url('images/bottomsep.jpg') top center no-repeat;}
	
a:link {
	color: #779128;
	text-decoration: none;
}
a:visited {
	color: #779128;
	text-decoration: none;
}
a:hover {
	color: #A8D94C;
	text-decoration: none;
}
a:active {
	color: #779128;
	text-decoration: none;
}


#wrap{ width:820px;overflow: hidden; margin:15px auto; padding:0;}
#cleft{ width:530px; float:left;}
#cright{ width:230px; float:right;}
#wrap:after{ display: block; height: 0; clear: both; visibility: hidden;}
#wrap{display: inline-block;}
/*\*/
#wrap{display: block;}
/* end easy clearing */
/*\*/
#cleft, #cright{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#cleft, #cright{padding-bottom: 0 !important; margin-bottom: 0 !important; }
#cleft:before, #cright:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height: 0;}
}
#cstitle{ padding:10px 15px; margin:0; float:left;}
#cstitle a{ letter-spacing:2px; color:#999; font-weight:bold; text-decoration:none; }
#cls{ width:530px;  border-top:1px dashed #ddd; margin:0; padding:10px; clear:both;}