
/* 
-----------------MainContents--------*/




#title {
	display: block; 
	width: 1000px; 
	height: 250px; 
	background-image: url(../images/flowback.jpg); 
	background-repeat: no-repeat; 
	background-position: 0px 0px; 
}

#title h3 { padding: 50px 0px 0px 0px; text-shadow: 2px 2px 2px #999999; } 
#title h3,#title p { text-indent: 50px; } 



#cflowc {
	display: block; 
	width: 730px; 
	padding: 20px 0px; 
	background-color: #ffffff; 
 
}
#cflowc h4 { margin-left: 50px; }



#cflowc img {
	float:right; 
	margin-left: 10px;
	margin-right: 10px;
}

#cflowc:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
}

#cflowc h5 { font-weight: bold; margin-top: 5px; }

#step1			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step2			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step3			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step4			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step5			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step6			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step7			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step8			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step9			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step10			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }
#step11			{ display: block; width: 720px; margin: 10px 0px 0px 50px; }

#step1:after	{ content: ""; display: block; height: 0; clear: both; }
#step2:after	{ content: ""; display: block; height: 0; clear: both; }
#step3:after	{ content: ""; display: block; height: 0; clear: both; }
#step4:after	{ content: ""; display: block; height: 0; clear: both; }
#step5:after	{ content: ""; display: block; height: 0; clear: both; }
#step6:after	{ content: ""; display: block; height: 0; clear: both; }
#step7:after	{ content: ""; display: block; height: 0; clear: both; }
#step8:after	{ content: ""; display: block; height: 0; clear: both; }
#step9:after	{ content: ""; display: block; height: 0; clear: both; }
#step10:after	{ content: ""; display: block; height: 0; clear: both; }
#step11:after	{ content: ""; display: block; height: 0; clear: both; }


.stept1 { 
	display: block; 
	float: left; 
	width: 130px; 
	height: 100px; 
	text-align: center; 
	padding: 5px 00px 0px 0px; 
	margin: 5px 00px 0px 0px;
	background-image: url(../images/stepback1.jpg); 
	background-repeat: no-repeat; 
}

.stept2 { 
	display: block; 
	float: left; 
	width: 130px; 
	height: 100px; 
	text-align: center; 
	padding: 5px 00px 0px 0px; 
	margin: 5px 00px 0px 0px;
	background-image: url(../images/stepback2.jpg); 
	background-repeat: no-repeat; 
}

.stept3 { 
	display: block; 
	float: left; 
	width: 130px; 
	height: 100px; 
	text-align: center; 
	padding: 5px 00px 0px 0px; 
	margin: 5px 00px 0px 0px;
	background-image: url(../images/stepback3.jpg); 
	background-repeat: no-repeat; 
}

.stepc { 
	display: block; 
	float: left; 
	width: 500px; 
	height: 100%; 
	margin: 5px 0px 0px 10px; 
	padding: 5px 10px 10px 10px; 
	border-style: dashed; 
	border-color: #e0e0ef; 
	border-width: 1px; 

	font-size: small; 
}
.stepp {
	display:block; 
	float: right; 
	width: 150px ; 
	height: 120px; 
}


