/* CSS for stopheartburn.com - Home page */

/* ===========================================
         FEATURED
==============================================*/

#featured {
	height: 225px;
	margin-bottom: 9px;
	background: url(../images/bg-featured.jpg) 0 0 no-repeat;
	_display: inline;  /* For Win/IE6 - fixes double margin bug */
	_zoom: 1;  /* For Win/IE6 - top border disappears */
	}

#featuredPhoto {
	float: right;
	line-height: 0; /* Removes space below photo */
	}

#featured h1 {
	margin-left: 19px;
	padding-top: 14px;
	font: 2.3em/1.1em Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #fff;
	}

#featured h2 {
	margin-left: 27px;
	}

#featured ul {
	width: 230px;
	margin: 7px auto 0 10px;
	padding-left: 1.2em;
	color: #fff;
	}

#featured li {
	margin-bottom: 0;
	padding-bottom: 0;
	background: url(../images/divider-featured.jpg) 20px bottom no-repeat;
	_height: 1%; /* Win/IE6 */
	}

#featured li.last {
	background: none;
	}

#featured li a {
	display: block;
	padding: 0.5em 20px 0.7em 20px;
	font-size: 1.2em;
	line-height: 1.3em;
	color: #fff;
	text-decoration: none;
	background: url(../images/bullet-featured.gif) 0 0.8em no-repeat;
	}

#featured li a:hover {
	color: #fff;
	background: url(../images/bullet-featured.gif) 0 0.8em no-repeat;
	}

#featured li.last a {
	margin-bottom: 0;
	padding-bottom: 0;
	}


/* ===========================================
         MODULES
==============================================*/

.module {
	float: left;
	width: 140px;
	margin-left: 10px;
	margin-bottom: auto;
	}

.module .boxContent {
	min-height: 123px;
	_height: 123px; /* Win/IE6 */
	padding: 9px 11px 11px 9px;
	}

.module h2 {
	margin-bottom: 4px;
	}

#expertAdvice {
	width: 445px;
	}

#expertAdvice .bl { background-image: url(../images/boxes/expert-bl-home.gif); }
#expertAdvice .br { background-image: url(../images/boxes/expert-br-home.gif); }

#expertAdvice .boxContent {
	min-height: 123px;
	_height: 123px; /* Win/IE6 */
	}
	
#expertAdvice .question {
	min-height: 32px;
	_height: 32px; /* Win/IE6 */
	margin-top: 0.2em;
	padding-left: 33px;
	background: url(../images/expert-q.gif) 0 2px no-repeat;
	}

#expertAdvice .answer {
	min-height: 32px;
	_height: 32px; /* Win/IE6 */
	margin-top: 0.2em;
	padding-left: 33px;
	font-weight: normal;
	background: url(../images/expert-a.gif) 0 4px no-repeat;
	}