@charset "utf-8";
/* CSS Document */
*{ padding:0; margin:0; outline:0; border:0;}
body{ font-family:"Times New Roman", Times, serif; font-size:16px; font-weight:bold; color:#FFFFFF; background:#6f1915 url(../images/bgd_html.gif) top left repeat-x;}

h2{ font-size:16px;}
h2 strong{ font-size:25px; color:#fffc05; padding:0 9px 0 0}

ul li{ list-style-type:none}
ol li{ list-style:inherit}

a{ color:#e8c03d; text-decoration:none}
a:hover{ color:#e8c03d; text-decoration:underline;}

/*Common css*/
#container{ width:620px; margin:0 auto; background:url(../images/bgd_body.gif) top left repeat}
	/*header*/
	.header{ padding:0 0 10px 0; background:url(../images/visu_line.gif) bottom left no-repeat}
	/*content*/
	.content{ width:620px;  overflow:hidden; padding:0;}
		/*step 1*/
		.contDownload{ background:#191b1d url(../images/bgd_dotted_vertical.gif) bottom left repeat-x; width:560px; overflow:hidden; padding:10px 20px 20px 40px;}
			.contDownload img{ float:left; margin:7px 20px 0 0;}			
			.step1{ width:460px; float:left; overflow:hidden}			
				.step1 ul{ float:left; padding:5px 0 0 0}
				.step1 li{ background:url(../images/ico_bullet.gif) 0 8px no-repeat; padding:0 0 0 15px;}
				.step1 li a{ color:#FFFFFF}
				.step1 li a:hover{ text-decoration:none; color:#e8c03d;}
				
			.contOther{ width:620px; overflow:hidden; background:#191b1d url(../images/visu_line.gif) bottom left no-repeat; padding:0 0 1px 0}
			.contOther p{ padding:5px 0 0 0}
			.contOther p strong{color:#e8c03d;}
				.step2{ width:620px; overflow:hidden;}
					.step2 img{ float:left; background:url(../images/bgd_dotted_hevertical.gif) top right repeat-y; padding:30px 30px 20px 30px;}
					.step2 .bgdDtt{ width:390px; float:left; overflow:hidden; background:url(../images/bgd_dotted_vertical.gif) bottom left repeat-x; padding:20px 20px 35px 15px}
					
				.step3{ width:620px; overflow:hidden;}
				.step3 img{ float:left; background:url(../images/bgd_dotted_hevertical.gif) top right repeat-y; padding:30px 30px 20px 30px;}
				.step3 .bgdDtt{width:390px; float:left; padding:20px 20px 25px 15px} 
				.step3 p{ font-size:18px}
				
			.dowloadLinks{ background:#191b1d url(../images/visu_line.gif) bottom left no-repeat; padding:20px}	
			.dowloadLinks p{ font-size:12px; font-family:Arial, Helvetica, sans-serif; padding:0 0 10px 0}
					
	/*footer*/
	.footer{ background:url(../images/bgd_footer.gif) top left no-repeat; width:615px; padding:1px 0 1px 5px; overflow:hidden; height:30px}
		.footer p{ font-size:11px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; padding:5px 0 0 0;}
		.footer strong{ color:#fffa00}
		.footer p.leftPad{ width:125px; float:left; color:#fffa00; padding:0 22px 0 3px}
		