/**************************
	Homepage-only styles
***************************/
/* Homepage H1 has a "subtitle" so close the margin gap */
body#home h1 {
	margin-bottom: 0;
	margin-top: .3em;
}

/* subtitle appears on the homepage, 
	immediately below the h1 element containing the title */
#subtitle-quote {
	text-align: center;
	font-style: italic;
	margin-bottom: 15px;
	font-size: 95%;
}

#subtitle-quote p,
#subtitle-quote cite {
	display: inline;
}


/* Central "thought bubble" bit */
div#central-block {
	background: url(/assets/1/img/glasses_woman2.jpg) no-repeat right top;
min-height: 300px;
float: right;
padding-top: 0;
}
div#central-block p {
margin-right: 320px;
}
div#central-block h3 {
font-size: 1.4em;
margin-bottom: 0;
margin-right: 300px;
}

div#central-block a {
    font-weight: bold;
}


/* The 3 easy steps. */
div#easysteps {
	clear: both;
	background: url(/assets/1/img/hr_faded_bw.jpg) no-repeat center top;
	margin-top: 1em;
	padding-top: 1em;
	text-align: center;
}
div#easysteps a {
	font-weight: bold;
	text-decoration: underline;
}

div#easysteps div#stepslist {
	width: 480px;
	margin: 1em auto 0;
	text-align: left;
	background: url(/assets/1/img/easy_bottom.gif) no-repeat left bottom;
	min-height: 150px;
}

div#easysteps ol {
	list-style: none;
	font-size: 90%;
	line-height: 1.3;
	height: 50px; /* this is just so enough of the background image shows up behind the floats */
	background: url(/assets/1/img/easy_top.gif) no-repeat left top;
}

div#easysteps li {
	width: 120px;
	float: left;
	padding: 34px 25px 18px 15px;
}
/* FF1 has problems clearing, adding a border solves it. */
html>body div#easysteps div.clearing {
	font-size: .1em;
}



/******** Sidebar *********/
div#limitedoffer,
div#mostpopular {
}
div#limitedoffer p,
div#mostpopular li {
	text-align: center;
}

div#mostpopular p.price {
	font-weight: bold;
	font-size: 150%;
	text-align: center;
	font-family: Georgia, Times, serif;	
}

div#whydo h2 {
	padding-left: 20px;
	padding-right: 20px;
}
div#whydo ul {
	margin: .2em .5em;
	
}
div#whydo ul li {
	text-align: left;
	padding-left: 14px;
	background: url(/assets/1/img/red_dot.gif) no-repeat 2px 5px;
	margin-bottom: .5em;

}
div#whydo ul li a {
	font-weight: bold;
}