@charset "utf-8";
body {
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #7a7a7a;
}
h2 {
	color: #7a7a7a;
	font-size: 1.5em;
	font-weight: bold;
}
#container {
	width: 1024px;
	margin-right: auto;
	margin-left: auto;
}
#hdr {
	float: left;
	height: 150px;
	width: 1024px;
}
#hdr01 {
	float: left;
	height: 150px;
	width: 217px;
	background-image: url(image/hdr01.png);
	background-repeat: no-repeat;
}
#hdr02 {
	float: left;
	height: 150px;
	width: 581px;
	background-image: url(image/hdr02.png);
	background-repeat: no-repeat;
}
#hdr03 {
	float: left;
	height: 150px;
	width: 170px;
}
#hdr03a {
	float: left;
	height: 24px;
	width: 170px;
	background-image: url(image/hdr03a.png);
	background-repeat: no-repeat;
}
#hdr03b {
	float: left;
	height: 65px;
	width: 170px;
	background-image: url(image/hdr03b.png);
	background-repeat: no-repeat;
	display: block;
}
#hdr03c {
	float: left;
	height: 61px;
	width: 170px;
	background-image: url(image/hdr03c.png);
	background-repeat: no-repeat;
}
#hdr04 {
	float: left;
	height: 150px;
	width: 56px;
	background-image: url(image/hdr04.png);
	background-repeat: no-repeat;
}
#nav {
	float: left;
	width: 1024px;
}
#cs01 {
	float: left;
	height: 31px;
	width: 367px;
	background-image: url(image/cs01.png);
	background-repeat: no-repeat;
}
#cs02 {
	float: left;
	height: 31px;
	width: 66px;
	background-image: url(image/cs02.png);
	background-repeat: no-repeat;
}
#welcome {
	background-image: url(image/btn-welcome-ac.png);
	height: 31px;
	width: 82px;
	background-repeat: no-repeat;
	float: left;
}
a#welcome {
	background-image: url(image/btn-welcome.png);
	height: 31px;
	width: 82px;
	background-repeat: no-repeat;
	float: left;
	display: block;
}
a#welcome:hover {
	background-image: url(image/btn-welcome-ov.png);
	background-repeat: no-repeat;
}
#hiw {
	background-image: url(image/btn-hiw-ac.png);
	height: 31px;
	width: 110px;
	background-repeat: no-repeat;
	float: left;
}
a#hiw {
	background-image: url(image/btn-hiw.png);
	height: 31px;
	width: 110px;
	background-repeat: no-repeat;
	float: left;
	display: block;
}
a#hiw:hover {
	background-image: url(image/btn-hiw-ov.png);
	background-repeat: no-repeat;
}
#wi {
	background-image: url(image/btn-wi-ac.png);
	height: 31px;
	width: 137px;
	background-repeat: no-repeat;
	float: left;
}
a#wi {
	background-image: url(image/btn-wi.png);
	height: 31px;
	width: 137px;
	background-repeat: no-repeat;
	float: left;
	display: block;
}
a#wi:hover {
	background-image: url(image/btn-wi-ov.png);
	background-repeat: no-repeat;
}
#cs {
	background-image: url(image/btn-cs-ac.png);
	height: 31px;
	width: 91px;
	background-repeat: no-repeat;
	float: left;
}
a#cs {
	background-image: url(image/btn-cs.png);
	height: 31px;
	width: 91px;
	background-repeat: no-repeat;
	float: left;
	display: block;
}
a#cs:hover {
	background-image: url(image/btn-cs-ov.png);
	background-repeat: no-repeat;
}
#about {
	background-image: url(image/btn-aboutus-ac.png);
	height: 31px;
	width: 80px;
	background-repeat: no-repeat;
	float: left;
}
a#about {
	background-image: url(image/btn-aboutus.png);
	height: 31px;
	width: 80px;
	background-repeat: no-repeat;
	float: left;
	display: block;
}
a#about:hover {
	background-image: url(image/btn-aboutus-ov.png);
	background-repeat: no-repeat;
}
#contact {
	background-image: url(image/btn-contact-ac.png);
	height: 31px;
	width: 91px;
	background-repeat: no-repeat;
	float: left;
}
a#contact {
	background-image: url(image/btn-contact.png);
	height: 31px;
	width: 91px;
	background-repeat: no-repeat;
	float: left;
	display: block;
}
a#contact:hover {
	background-image: url(image/btn-contact-ov.png);
	background-repeat: no-repeat;
}
#footer {
	float: left;
	width: 1024px;
	background-color: #7d7d7d;
	height: 55px;
	color: #FFF;
	font-weight: bold;
	margin-top: 20px;
	text-align: center;
}
#footer a:link {
	text-decoration: none;
	color: #FFF;
}
#footer a:visited {
	text-decoration: none;
	color: #FFF;
}
#footer a:hover {
	color: #13386A;
	text-decoration: underline;
}
#footer a:active {
	color: #FFF;
	text-decoration: none;
}
/* welcome */
#content {
	float: left;
	width: 1024px;
}
#text {
	float: left;
	width: 439px;
	margin-left: 20px;
	margin-top: 25px;
	margin-right: 20px;
}
#cs03 {
	float: left;
	height: 335px;
	width: 545px;
}
#cs04 {
	background-image: url(image/cs04.png);
	background-repeat: no-repeat;
	float: left;
	height: 19px;
	width: 545px;
	background-position: 45px;
}
#image {
	float: left;
	width: 545px;
}
ul.circle {
	list-style-type: disc;
	font-weight: normal;
	color: #7a7a7a;
	vertical-align: 50%;
	line-height: 16px;
}
#cs05 {
	background-image: url(image/cs05.png);
	background-repeat: repeat-x;
	float: left;
	height: 179px;
	width: 545px;
	font-size: 12px;
}
#cs06 {
	float: left;
	height: 179px;
	width: 46px;
	background-color: #FFF;
}
#cs07 {
	float: left;
	height: 49px;
	width: 499px;
	background-image: url(image/cs06.png);
	background-repeat: no-repeat;
	background-position: right top;
}
#cs08 {
	float: left;
	width: 341px;
	color: #FFF;
	margin-left: 15px;
	height: 49px;
	vertical-align: top;
}
#cs09 {
	float: left;
	width: 469px;
	margin-left: 15px;
	color: #FFF;
	height: 85px;
	margin-right: 15px;
}
#cs09a {
	float: left;
	width: 469px;
	margin-left: 15px;
	margin-right: 15px;
}
#cs10 {
	background-image: url(image/cs07.png);
	background-repeat: no-repeat;
	float: left;
	height: 11px;
	width: 545px;
	background-position: 45px;
	margin-bottom: 20px;
}

/* how it works */
#content_hiw {
	float: left;
	width: 1024px;
	color: #FFF;
	font-size: 0.9em;
}
#hiw_hdr {
	float: left;
	width: 949px;
	color: #7a7a7a;
	font-size: 1.5em;
	font-weight: bold;
	margin-left: 25px;
	margin-right: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
}
#stage1 {
	float: left;
	width: 232px;
	margin-left: 19.2px;
	height: 475px;
}
#stage1a {
	float: left;
	width: 232px;
	height: 5px;
	background-image: url(image/hiw_01.png);
	background-repeat: no-repeat;
}
#stage1b {
	float: left;
	width: 232px;
	height: 460px;
	background-image: url(image/hiw_02.png);
	background-repeat: repeat-x;
}
#stage1c {
	float: left;
	width: 220px;
	height: 140px;
	background-image: url(image/hiw_st1.png);
	background-repeat: repeat-x;
	margin-left: 6px;
	margin-bottom: 10px;
}
#stage1d {
	float: left;
	width: 212px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	vertical-align: 0.5em;
}
#stage1e {
	float: left;
	width: 232px;
	height: 10px;
	background-image: url(image/hiw_03.png);
	background-repeat: no-repeat;
}

#stage2 {
	float: left;
	width: 232px;
	margin-left: 19.2px;
	height: 475px;
}
#stage2a {
	float: left;
	width: 232px;
	height: 5px;
	background-image: url(image/hiw_01.png);
	background-repeat: no-repeat;
}
#stage2b {
	float: left;
	width: 232px;
	height: 460px;
	background-image: url(image/hiw_02.png);
	background-repeat: repeat-x;
}
#stage2c {
	float: left;
	width: 220px;
	height: 140px;
	background-image: url(image/hiw_st2.png);
	background-repeat: repeat-x;
	margin-left: 6px;
	margin-bottom: 10px;
}
#stage2d {
	float: left;
	width: 212px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	vertical-align: 0.5em;
}
#stage2e {
	float: left;
	width: 232px;
	height: 10px;
	background-image: url(image/hiw_03.png);
	background-repeat: no-repeat;
}

#stage3 {
	float: left;
	width: 232px;
	margin-left: 19.2px;
	height: 475px;
}
#stage3a {
	float: left;
	width: 232px;
	height: 5px;
	background-image: url(image/hiw_01.png);
	background-repeat: no-repeat;
}
#stage3b {
	float: left;
	width: 232px;
	height: 460px;
	background-image: url(image/hiw_02.png);
	background-repeat: repeat-x;
}
#stage3c {
	float: left;
	width: 220px;
	height: 140px;
	background-image: url(image/hiw_st3.png);
	background-repeat: repeat-x;
	margin-left: 6px;
	margin-bottom: 10px;
}
#stage3d {
	float: left;
	width: 212px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	vertical-align: 0.5em;
}
#stage3e {
	float: left;
	width: 232px;
	height: 10px;
	background-image: url(image/hiw_03.png);
	background-repeat: no-repeat;
}

#stage4 {
	float: left;
	width: 232px;
	margin-left: 19.2px;
	height: 475px;
}
#stage4a {
	float: left;
	width: 232px;
	height: 5px;
	background-image: url(image/hiw_01.png);
	background-repeat: no-repeat;
}
#stage4b {
	float: left;
	width: 232px;
	height: 460px;
	background-image: url(image/hiw_02.png);
	background-repeat: repeat-x;
}
#stage4c {
	float: left;
	width: 220px;
	height: 140px;
	background-image: url(image/hiw_st4.png);
	background-repeat: repeat-x;
	margin-left: 6px;
	margin-bottom: 10px;
}
#stage4d {
	float: left;
	width: 212px;
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	vertical-align: 0.5em;
}
#stage4e {
	float: left;
	width: 232px;
	height: 10px;
	background-image: url(image/hiw_03.png);
	background-repeat: no-repeat;
}
#stage5 {
	height: 183px;
	width: 983px;
	float: left;
	margin-left: 19.2px;
	margin-top: 10px;
	color: #FFF;
}
#stage5a {
	height: 5px;
	width: 983px;
	float: left;
	background-image: url(image/hiw_04.png);
	background-repeat: no-repeat;
}
#stage5b {
	height: 168px;
	width: 983px;
	float: left;
	background-image: url(image/hiw_05.png);
	background-repeat: repeat-x;
}
#stage5c {
	height: 140px;
	width: 220px;
	float: left;
	background-image: url(image/hiw_st5.png);
	background-repeat: repeat-x;
	margin-left: 8px;
	margin-top: 13px;
}
#stage5d {
	height: 158px;
	width: 725px;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
}
#stage5e {
	height: 10px;
	width: 983px;
	float: left;
	background-image: url(image/hiw_06.png);
	background-repeat: no-repeat;
}
/* what's included */
#content_wi {
	float: left;
	width: 1024px;
	background-image: url(image/wi01.png);
	background-repeat: no-repeat;
	height: 858px;
}

/* case study */
#content_cs {
	float: left;
	width: 1024px;
	height: 735px;
}
#cs_txt {
	float: left;
	width: 550px;
}
#cs_logo {
	float: left;
	width: 550px;
	background-image: url(image/case_01.png);
	background-repeat: no-repeat;
	height: 82px;
	background-position: 35px;
	margin-top: 25px;
}
#cs_txt1 {
	float: left;
	width: 510px;
	margin-left: 30px;
	margin-top: 25px;
	margin-right: 10px;
}
#cs_img {
	float: left;
	width: 474px;
}
#cs_img1 {
	float: left;
	width: 474px;
	height: 241px;
	margin-top: 155px;
	text-align: center;
}
#cs_img2 {
	float: left;
	width: 474px;
	height: 194px;
	margin-top: 100px;
}
#cs_img2a {
	float: left;
	width: 474px;
	height: 5px;
	background-image: url(image/case_03.png);
	background-repeat: no-repeat;
}
#cs_img2b {
	float: left;
	width: 474px;
	height: 180px;
	background-image: url(image/case_04.png);
	background-repeat: repeat-x;
}
#cs_img2c {
	float: left;
	width: 474px;
	height: 9px;
	background-image: url(image/case_05.png);
	background-repeat: no-repeat;
}
#cs_img2d {
	float: left;
	width: 474px;
	height: 48px;
	background-image: url(image/case_06.png);
	background-repeat: no-repeat;
	background-position: 315px;
}#cs_img2e {
	float: left;
	width: 434px;
	height: 125px;
	color: #FFF;
	margin-right: 15px;
	margin-left: 25px;
	line-height: 1.3em;
	padding-top: 7px;
	font-weight: bold;
}

/* about us */
#content_about {
	float: left;
	width: 1024px;
	height: 320px;
}
#about_txt {
	float: left;
	width: 565px;
	margin-right: 20px;
	margin-left: 20px;
	margin-top: 35px;
	line-height: 20px;
	height: 262px;
	font-weight: bolder;
}
#about_list {
	float: left;
	width: 345px;
	margin-top: 35px;
	line-height: 22px;
	padding-right: 30px;
	padding-left: 20px;
	margin-right: 20px;
	background-image: url(image/about_01.png);
	background-repeat: repeat-x;
	height: 262px;
	color: #FFF;
	font-weight: bolder;
	padding-top: 5px;
}
ul.square {
	list-style-type: square;
	font-weight: bold;
}
#about_txt a:link {
	text-decoration: none;
	color: #3ca09e;
}
#about_txt a:visited {
	text-decoration: none;
	color: #3ca09e;
}
#about_txt a:hover {
	color: #256bcc;
	text-decoration: underline;
}
#about_txt a:active {
	color: #3ca09e;
	text-decoration: none;
}

/* contact us */
#content_contact {
	float: left;
	width: 1024px;
}
#cform {
	width: 600px;
	height: 500px;
	margin-right: auto;
	margin-left: auto;
}
#form_hdr {
	width: 600px;
	float: left;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bolder;
}
#form_c01 {
	width: 600px;
	float: left;
	height: 30px;
	margin-bottom: 15px;
}
#form_c01a {
	width: 150px;
	float: left;
	height: 30px;
	text-align: right;
}
#form_c01b {
	width: 425px;
	float: left;
	height: 30px;
	margin-left: 25px;
}
#form_c02 {
	width: 600px;
	float: left;
	height: 30px;
	margin-bottom: 15px;
}
#form_c02a {
	width: 150px;
	float: left;
	height: 30px;
	text-align: right;
}
#form_c02b {
	width: 425px;
	float: left;
	height: 30px;
	margin-left: 25px;
}
#form_c03 {
	width: 600px;
	float: left;
	height: 30px;
	margin-bottom: 15px;
}
#form_c03a {
	width: 150px;
	float: left;
	height: 30px;
	text-align: right;
}
#form_c03b {
	width: 425px;
	float: left;
	height: 30px;
	margin-left: 25px;
}
#form_c04 {
	width: 600px;
	float: left;
	height: 30px;
	margin-bottom: 15px;
}
#form_c04a {
	width: 150px;
	float: left;
	height: 30px;
	text-align: right;
}
#form_c04b {
	width: 425px;
	float: left;
	height: 30px;
	margin-left: 25px;
}
#form_c05 {
	width: 600px;
	float: left;
	height: 150px;
	margin-bottom: 15px;
}
#form_c05a {
	width: 150px;
	float: left;
	height: 150px;
	text-align: right;
}
#form_c05b {
	width: 425px;
	float: left;
	height: 150px;
	margin-left: 25px;
}
#form_ftr {
	width: 600px;
	float: left;
	margin-bottom: 20px;
	height: 50px;
	text-align: center;
}
.txt1 {
	font-weight: bolder;
	color: #3ca09e;
	font-size: 1.2em;
}
.red  {
	color:#E8514A;
	font-weight:bold;
	margin-left: 180px;
}	
.thanks{
	background-color:#ABC8F3;
	margin-bottom: 10px;
	font-weight:bold;
	text-align:center;
	color: #000;
	width: auto;
	padding-right: 50px;
	padding-left: 50px;
	height: auto;
	padding-top: 10px;
	padding-bottom: 10px;
}