@charset "utf-8";

/*************************
	index style
**********************************************************************/

.bg-camtasia-left {
	background: #fff url(../image/caputure-package.jpg) no-repeat left top;
	padding-left: 190px;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 3.0em;
}

.bg-camtasia-right {
	background: #fff url(../image/movie-window.jpg) no-repeat 350px top;
	padding-bottom: 3.0em;
}


.flash-movie {
	margin: 20px auto 30px;
}

.imgtitle,
.bg_feature_head,
.bg_feature_head div {
	text-align: center;
	margin: 0 auto;
	width: 530px;
}

.bg_feature_head {
	padding-top: 30px;
	background: url(../image/bg_feature_head.jpg) no-repeat left top;
}

.bg_feature_head div {
	padding: 10px 6px;
	background: url(../image/bg_feature_foot.jpg) no-repeat left bottom;
}

.bg_feature_head div h3 {
	display: none;
}

.bg_feature_head div p {
	float: left;
	margin-right: 24px;
	width: 156px;
	text-align: left;
}

.bg_feature_head div p.last {
	margin-right: 0;
}

div.movie-demo {
	margin: 15px 15px 20px 15px;
}


.camFeature {
	margin-top: 10px;
}

.camFeature td {
 vertical-align: top;
}

.camImg {
	padding: 0 20px 3.0em 0;
}


.camIntro {
	margin-bottom: 2.0em;
}

.camIntro td {
	width: 255px;
	height: 141px;
	vertical-align: bottom;
}

.demowatch {
	padding-right: 15px;
	background: url(../image/bg_demowatch.jpg) no-repeat left bottom;
}

.freedownload {
	background: url(../image/bg_freedownload.jpg) no-repeat left bottom;
}

.demowatch p,
.freedownload p {
	text-align: right;
	padding: 0 10px 5px 0;
}

/*************************
	movie style
**********************************************************************/

.movie-title {
	margin-top: 40px;
}

.movie-content {
	margin: 10px 0 30px;
}

.movie-content td {
	vertical-align: top;
	padding-right: 30px;
}

.movie-content h4 {
	color: #718520;
	font-size: 14px;
}

.borderLine {
	margin-bottom: 10px;
}

/*************************
	introduct style
**********************************************************************/

.box-one, .box-two {
	border: 1px solid #C2CD80;
	padding: 1px;
	background: #fff;
	margin-bottom: 10px;
}

.box-one {
	margin-bottom: 30px;
}


.box-one div, .box-two div {
	padding: 10px 0;
	background: #fff url(../image/common/bg-box-green.jpg) repeat-x left top;
}

.box-two {
	float: left;
	width: 260px;
	height: 150px;
}

.box-space {
	margin-right: 5px;
}

.box-two-container {
	margin-bottom: 5px;
}

/******************************** heading ********************************/

h4.intro {
	color: #718520;
	padding: 5px 0 5px 10px;
	margin: 0 10px;
	border-left: 7px solid  #718520;
	background: url(../image/introduct/h4-border.gif) repeat-x left bottom;
}

/******************************** pragraph ********************************/

.box-one p, .box-two p, .intro-space ul, .box-one table {
	padding-top: 10px;
	padding-left: 15px;
	margin-right: 10px;
}

p.edit-quiz {
	float: left;
	width: 320px;
}

p.quiz-button {
	float: right;
	width: 105px;
	margin-right: 20px;
}

p.box-no-line {
	padding-top: 0;
}

/******************************** list ********************************/

ul.intro-space li {
	margin-left: 35px;
	list-style-type: disc;
}

/******************************** table ********************************/

.box-one table {
	width: 500px;
	border: 0;
	cellspacing: 0;
	cellpadding: 0;
	margin-left: 15px;
}

.box-one td {
	height: 35px;
	padding-left: 9px;
	background: url(../image/introduct/bg-box-edit.gif) repeat-x left bottom;
}

.box-one td p {
	padding-left: 35px;
}

/******************************** background-images ********************************/
/******************** recording ********************/

.rec-click {
	background: url(../image/introduct/rec-click.gif) no-repeat 200px;
}

.rec-rec {
	background: url(../image/introduct/rec-rec.gif) no-repeat 200px 20px;
	padding-bottom: 20px;
}

.tool-bar {
	background: url(../image/introduct/rec-toolbar.gif) no-repeat 340px 20px;
}

/******************** editing ********************/

.edit-voice {
	background: url(../image/introduct/edit-voice.gif) no-repeat 200px 20px;
}

.edit-edit {
	background: url(../image/introduct/edit-edit.gif) no-repeat 200px 20px;
}

/******************** rendering ********************/

.rend-flash {
	background: url(../image/introduct/rend-flash.gif) no-repeat left;
}

.rend-mov {
	background: url(../image/introduct/rend-mov.gif) no-repeat left;
}

.rend-iPod {
	background: url(../image/introduct/rend-iPod.gif) no-repeat left;
}

.rend-rm {
	background: url(../image/introduct/rend-rm.gif) no-repeat left;
}

.rend-wmv {
	background: url(../image/introduct/rend-wmv.gif) no-repeat left;
}

.rend-gif {
	background: url(../image/introduct/rend-gif.gif) no-repeat left;
}

.rend-avi {
	background: url(../image/introduct/rend-avi.gif) no-repeat left;
}

/*************************
	casestudy style
**********************************************************************/

.case-all {
	padding: 0 0 40px 150px;
	margin: 20px 0;
}

/******************************** heading ********************************/

.casestudy {
	color: #718520;
	font-size: 14px;
	padding-bottom: 2px;
	margin-bottom: 5px;
	background: url(../image/casestudy/casestudy-border.gif) no-repeat left bottom;
}

/******************************** background-images ********************************/

.case-explanation {
	background: url(../image/casestudy/case01-explanation.jpg) no-repeat left top;
}

.case-movie {
	background: url(../image/casestudy/case02-movie.jpg) no-repeat left top;
}

.case-conference {
	background: url(../image/casestudy/case03-conference.jpg) no-repeat left top;
}

.case-iPod {
	background: url(../image/casestudy/case04-iPod.jpg) no-repeat left top;
}

.case-lecture {
	background: url(../image/casestudy/case05-lecture.jpg) no-repeat left top;
}

.case-YouTube {
	background: url(../image/casestudy/case06-YouTube.jpg) no-repeat left top;
}

.case-online {
	background: url(../image/casestudy/case07-online.jpg) no-repeat left top;
}

.case-presen {
	background: url(../image/casestudy/case08-presen.jpg) no-repeat left top;
}

.case-education {
	background: url(../image/casestudy/case09-education.jpg) no-repeat left top;
}

.case-design {
	background: url(../image/casestudy/case10-design.jpg) no-repeat left top;
}

/*************************
	spec style
**********************************************************************/

ul.spec-list,
.answer-list ul.spec-list {
	list-style-type: disc;
	margin: 5px 0 5px 15px;
}
ul.spec-list li {
	list-style-type: disc;
}

/*************************
	faq style
**********************************************************************/
.section h2.twocolumn {
	width: 505px;
	margin-left: 0;
}

.answer-list h3 {
	color: #F15903;
	height: 22px;
	line-height: 22px;
	border-left: 7px solid #718520;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	padding-left: 10px;
	margin-top: 20px;
}

dl.question-list {
	margin-left: 10px;
}

dl.question-list dt {
	font-size: 15px;
	font-weight: 600;
	background: url(../image/faq/icon_q.gif) no-repeat left 2px;
	padding-left: 25px;
	margin-top: 20px;
}

dl.question-list dd {
	padding-left: 10px;
	border-bottom: #D3D6D6 1px dotted;
	margin-top: 10px;
}

.faq-contact {
	background: url(../image/faq/icon_contact.gif) no-repeat left 2px;
	padding-left: 17px;
	margin-left: 35px;
}

dl.answer-list {
	margin-left: 10px;
}

.answer-list h4 {
	margin-top: 20px;
}

.answer-list h5 {
	margin-top: 10px;
}

dl.answer-list dt {
	font-size: 15px;
	font-weight: 600;
	background: url(../image/faq/icon_a.gif) no-repeat left 2px;
	padding-left: 25px;
	margin-top: 20px;
}

.answer-list ul {
	margin: 15px 0 0 25px;
}

.answer-list ul li {
	list-style-type: disc;
}

.answer-list p {
	margin: 15px 0 0 10px;
}

.answer-list p.answer {
	margin: 0 0 15px 10px;
}

p.listtop {
	margin: 2em 1em 2em 0;
	text-align: right;
}

/*************************
	company style
**********************************************************************/

h2.title {
	font-size: 17px;
	width: 670px;
	height: 28px;
	padding-left: 30px;
	margin: 0 0 20px 25px;
	background: url(../image/common/h2-title.gif) no-repeat left top;
}

/* demo */

.movie-demo {
	width: 502px;
	height: 407px;
}

/*************************
	company style
**********************************************************************************************************/

/* side navigation */

.side-upgrade {
	height: 103px;
	padding: 105px 0 0 0;
	background: url(../image/upgrade/side-upgrade.jpg) no-repeat center top;
}

p.upgrade-para {
	font-size: 10px;
	color: #FF3333;
	margin-bottom: 20px;
}

/* upgrade content */

.bg-upgrade {
	padding-left: 200px;
	background: url(../image/upgrade/upgrade-package.jpg) no-repeat left 50px;
	margin-bottom: 60px;
}

.bg-upgrade h3 {
	font-size: 109%;
	color: #718520;
	padding-top: 10px;
}

.bg-upgrade h4 {
	color: #718520;
	background: #EDF3F7;
	padding-left: 10px;
	margin-top: 1.5em;
}

.bg-upgrade p {
	padding: 0.5em 0 0 1em;
}

.bg-free-upgrade {
	margin-bottom: 60px;
}

.bg-free-upgrade h3 {
	color: #718520;
	padding: 4px 0 4px 1.0em;
	border-bottom: 1px solid #718520;
	border-left: 7px solid #718520;
	margin: 2.0em 0 0 1.5em;
}

.bg-free-upgrade p {
	padding: 1.0em 0 0 1.0em;
	margin-left: 1.5em;
}

/*************************
	trial style
**********************************************************************/

.box-download {
	background: url(../image/bg_download-back.jpg) no-repeat 50px top;
	padding: 0 0 20px 250px;
}

p.dl-thank {
	margin: 0 0 50px 45px;
 }

p.dl-download {
	margin: 0 0 30px 45px;
 }

.dl-pdf {
	font-size: 117%;
	width: 580px;
	background: url(../image/common/icon_pdf.jpg) no-repeat left top;
	padding: 0 0 30px 25px;
	margin: 0 0 10px 45px;
	border-bottom: 1px dotted #8EA2A4;
}

.dl-plugin {
	margin: 0 0 40px 45px;
}

.dl-plugin p {
	font-size: 95%;
}

/******************************************************

               forms

******************************************************/

dl.attention {
 margin: 25px 40px 0 36px;
 padding-left: 0px;
}

dl.attention dt {
 margin-bottom: 0.2em;
 font-size: 15px;
 font-weight: 700;
 color: #F15903;
}

dl.attention dd{
 margin-bottom: 1.0em;
}

p.example {
 margin: 5px 0px;
 line-height:150%;
 font-size: 10px;
 color: #333333;
}

/*************************
	order-thank
**********************************************************************/

.box-flow-thank p {
	margin: 10px 0 30px 45px;
}


.thank-top {
	background: url(../image/bg_thank_top.jpg) no-repeat left top;
	padding: 65px 0 0 170px;
	margin: 30px 0 0 30px;
}

.thank-bottom {
	height: 30px;
	background: url(../image/bg_thank_bottom.jpg) no-repeat center bottom;
	width: 652px;
	text-align: left;
	font-size: 10px;
	margin-left: 30px;
	margin-bottom: 30px;
}