/*

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

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


/* Introductory headers
-------------------------------------------------------------------------------------------- */
	h1, h2 {
		margin:0 0 0 35px;
		padding:0;
		font-size:1.3em;
		position:relative;
		overflow:hidden;
		width:577px;
	}
	
	h1 {
		height:38px;
		margin-top:35px;
	}
	
	h2 {
		height:25px;
		margin-bottom:29px;
	}
	
	h1 span, h2 span {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	
	h1 span {
		background:url(images/benefits/psd-to-xhtml-conversion-h1-bg.jpg) no-repeat top left;
	}
	
	h2 span {
		background:url(images/benefits/12-reasons-why-you-should-choose-flexiblecss-psd-to-xhtml-conversion-h2-bg.jpg) no-repeat top left;
	}

/* Default rules for content div
-------------------------------------------------------------------------------------------- */
	div#content {
		margin-top:-10px;
		padding-top:35px;
	}

	div#content div.benefit {
		margin:0 0 15px 30px;
		padding:5px 0 0 60px;
	}

	div#content h3 {
		margin:0;
		padding:0 0 7px 0;
		font:bold 1.4em georgia;
		color:#ddbb88;
	}

	div#content p {
		margin:0;
		padding:0 0 15px 0;
		line-height:180%;
		width:670px;
	}
	
	div#content p strong, div#content p i {
		font-weight:normal;
		font-style:normal;
	}
	
	div#content div#fast-delivery {
		background:url(images/benefits/fast-delivery-benefit-bg.jpg) no-repeat 13px 0;
	}

	div#content div#validation {
		background:url(images/benefits/validation-benefit-bg.jpg) no-repeat 11px 3px;
	}

	div#content div#browser-compatibility {
		background:url(images/benefits/browser-compatibility-benefit-bg.jpg) no-repeat 13px 0;
	}

	div#content div#separated {
		background:url(images/benefits/separated-benefit-bg.jpg) no-repeat 13px 3px;
	}

	div#content div#semantic-markup {
		background:url(images/benefits/semantic-markup-benefit-bg.jpg) no-repeat 13px 0;
	}

	div#content div#se-optimized {
		background:url(images/benefits/se-optimized-benefit-bg.jpg) no-repeat 6px 0;
	}

	div#content div#intended {
		background:url(images/benefits/intended-benefit-bg.jpg) no-repeat 7px 0;
	}

	div#content div#section508 {
		background:url(images/benefits/section508-benefit-bg.jpg) no-repeat 8px 5px;
	}

	div#content div#handhelds-accessibility {
		background:url(images/benefits/handhelds-accessibility-benefit-bg.jpg) no-repeat 18px 0;
	}

	div#content div#imagesoff-accessibility {
		background:url(images/benefits/imagesoff-accessibility-benefit-bg.jpg) no-repeat 19px 0;
	}

	div#content div#resizable-text {
		background:url(images/benefits/resizable-text-benefit-bg.jpg) no-repeat 13px 3px;
	}

	div#content div#tech-support {
		background:url(images/benefits/tech-support-benefit-bg.jpg) no-repeat 15px 2px;
	}

	div#content p.last {
		margin-top:40px;
	}

	div#content p.last a#get-started {
		float:right;
		width:155px;
		height:33px;
		position:relative;
		overflow:hidden;
	}

	div#content p.last a#get-started span {
		position:absolute;
		width:100%;
		height:100%;
		top:0;
		left:0;
		background:url(images/benefits/get-started-anchor-bg.jpg) no-repeat top left;
		cursor:pointer;
	}