/* CSS Document */
body {margin: 0px;font-family: Helvetica, Arial, sans-serif;font-size: 12px;font-weight: normal;color: #666;text-align: left;background:#fa5f6d 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;}
#header1 {float:right;width: 845px;height: 10px;margin: 0px;padding: 0;border: none;background: #fff url('images/headerbg-btm.jpg') bottom repeat-x;}
#logo1 {float:left; width:250px; height:33px; margin: 0px; padding: 0; }
#site {float:right; width:295px; height:10px; margin:0 12px 0 0; padding: 0; }
#logo {float:left; width:295px; height:53px; margin:14px 0 0 7px; padding: 0; }
#phone {float:right; width:250x; height:53px; margin:14px 10px 0 1px; 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 7px; 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: 4px;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;}
#flashcontent{ width:810px; height:370px; float:left; margin: 2px 2px 0px 7px; padding:0px;}


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: 240px; margin: 0 15px 0 5px; float:left; border-right: solid 1px #e1e1e1;}
#home-content-col2 {width: 270px; margin: 0 10px 0 10px; float:left; border-right: solid 1px #e1e1e1;}
#home-content-col3 {width: 240px; 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:#fc8738;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: #db7600;}
 .package-list-li li a:hover,.package-list-li li.on li a:hover{background:url(images/package-list-hover.jpg) repeat-y;color:#b02d00;}
 .package-list-li li.on a,.package-list-li li li.on,.package-list-li li.on a:hover{color: #db7600;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: 74px;}
#dvd-purchase1 {width:247px; height: 166px;}

#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:175px; background:url('images/introsmall.jpg') top left no-repeat;margin:0 0 0 10px;}
#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: #db7600;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: #4e7203;
	text-decoration: none;
}
a:visited {
	color: #4e7203;
	text-decoration: none;
}
a:hover {
	color: #859e52;
	text-decoration: none;
}
a:active {
	color: #4e7203;
	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:#fc8738; font-weight:bold; text-decoration:none; font-size:14px; }
#cls{ width:530px;  border-top:1px dashed #ddd; margin:0; padding:10px; clear:both;}

IMG {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH: 0px
}
.box {
	FLOAT: left; WIDTH: 820px
}
.box .boxpadding {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; MARGIN-BOTTOM: 0px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
#Slide {
	CLEAR: both; BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN-BOTTOM: 6px; OVERFLOW: hidden; BORDER-LEFT: #fff 1px solid; WIDTH: 820px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 175px
}
#Slide A {
	COLOR: #000
}
.img {
	BORDER-RIGHT: #fff 1px solid; BACKGROUND: #fff; MARGIN: 0px auto; BORDER-LEFT: #fff 1px solid; TEXT-ALIGN: center
}
.boxpadding {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BACKGROUND: #f8f8f8; MARGIN-BOTTOM: 8px; BORDER-LEFT: #fff 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #fff 1px solid
}

.thumb_title {
	MARGIN-TOP: 10px; BACKGROUND: #fff; FILTER: alpha(opacity=30); WIDTH: 410px; TEXT-INDENT: 10px; LINE-HEIGHT: 25px; POSITION: absolute; HEIGHT: 25px; -moz-opacity: 0.3
}
#Slide_Thumb {
	MARGIN-TOP: 150px; MARGIN-LEFT: 0px; POSITION: absolute
}
.thumb_on {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
	DISPLAY: inline; FLOAT: left; MARGIN-LEFT: 8px; CURSOR: pointer
}
.thumb_off {
	FILTER: alpha(opacity=50); -moz-opacity: 0.5
}
.thumb_on {
	FILTER: alpha(opacity=100); -moz-opacity: 1
}
.thumb_off IMG {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; MARGIN-TOP: 12px; BORDER-LEFT: #fff 1px solid; WIDTH: 20px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 10px
}
.thumb_on IMG {
	BORDER-RIGHT: #fff 1px solid; BORDER-TOP: #fff 1px solid; BORDER-LEFT: #fff 1px solid; WIDTH: 40px; BORDER-BOTTOM: #fff 1px solid; HEIGHT: 20px
}