/*

	These rules apply only to the 'process' page
	Most of the other rules inherited by 'process' page are defined in inner-pages.css

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


/* Introductory h1
-------------------------------------------------------------------------------------------- */
	h1 {
		width:567px;
		height:38px;
	}

	h1 span {
		background:url(images/process/psd-to-xhtml-service-how-it-works-h1-bg.jpg) no-repeat top left;
	}


/* Content Div
-------------------------------------------------------------------------------------------- */
	div#content {
		padding-top:26px;
	}

	div#content dl {
		margin:0;
		padding:0;
		width:728px;
		margin:0 auto;
	}

	div#content dl dt {
		margin:0;
		padding:25px 0 12px 120px;
		font:bold 1.4em georgia;
		color:#ddbb88;
		background:url(images/process/process-hr.jpg) repeat-x top left;
	}

	div#content dl dt.first {
		background:none;
		padding-top:0;
	}

	div#content dl dd {
		margin:0 0 0 0;
		padding:0 5px 22px 120px;
		font:normal 1.2em verdana;
		line-height:190%;
	}

	div#content dl dd#step1 {
		background:url(images/process/step1-dd-bg.jpg) no-repeat 25px 6px;
	}

	div#content dl dd#step2 {
		background:url(images/process/step2-dd-bg.jpg) no-repeat 15px 0;
	}

	div#content dl dd#step3 {
		background:url(images/process/step3-dd-bg.jpg) no-repeat 30px 5px;
	}
	
	div#content dl strong {
		font-weight:normal;
	}

	div#content h2 {
		margin:0;
		padding:10px 0 10px 0;
		font:bold 1.1em georgia;
		color:#ddbb88;
	}

	div#content ul {
		margin:0;
		padding:0 0 40px 3px;
		list-style:none;
	}

	div#content ul li {
		background:url(images/process/benefits-checklist.jpg) no-repeat 0 5px;
		padding:0 0 0 25px;
		margin:2px 0;
	}