@import url(base.css);

#wrap-inner {
	background: #6a2c91;
}

#header {
	position: relative;
	font-size: 10px;
	background: #a585bb url(../images/home_header_top.gif) top center no-repeat;
	z-index: 4;
}

#header-inner {
	background: url(../images/home_header_btm.gif) bottom right no-repeat;
}

#hcp-btn {
	position: absolute;
	top: 58px;
	left: 390px;
}

#hcp-btn a {
	display: block;
	text-indent: -9000px;
	width: 186px;
	height: 21px;
	outline: none;
	background: url(../images/hcp_btn.gif) center no-repeat;
}

#hcp-btn a:hover {
	background: url(../images/hcp_btn_over.gif) center no-repeat;
}


#content {
	position: relative;
	padding: 0 0 0 145px;
}

#secondary-content {
	background: white url(../images/home_secondary_content_bg.gif) top left repeat-x;
	font-size: 80%;
}

#tagline {
	padding: 0 0 36px 0;
	margin-top: -2px;
	background: url(../images/home_circle_bg.png) top right no-repeat;
	position: relative;
	z-index: 2;
}

#tagline h2 {
	font-weight: normal;
	color: #6a2c91;
	font-size: 300%;
	line-height: 1.2;
	letter-spacing: 1px;
	padding: 125px 0 0 42px;
}

#tagline h2 span {
	display: block;
	padding-left: 30px;
}

#tagline h3 {
	padding: 2px 0 0 190px;
	font-weight: normal;
	font-style: italic;
	color: #6a2c91;
	font-size: 130%;
}

#sidebar {width: 200px;}

#nav {
	position: relative;
	padding-right: 30px;
	background: none;
}

#runner {
	position: absolute;
	bottom: -291px;
	right: 252px;
	z-index: 3;
}

#callout-container {
/*	background: url(../images/home_callout_container_bg.png) bottom center no-repeat;*/
	position: relative;
	top: -20px;
	margin: 0 auto;
	padding-bottom: 44px;
	width: 957px;
	overflow: hidden;
	z-index: 2;
}

#learn-more {
	margin-left: 29px;
}

#what-to-expect {
	margin-right: 29px;
	width: 300px;
}

.callout {
	width: 399px;
	float: right;
	margin: 0 10px;
	position: relative;
}

.callout h3 {
	padding: 20px;
	color: #6a2c91;
	font-size: 140%;
	font-weight: normal;
}

.callout .wrap {background: url(../images/home_callout_top.png) top center no-repeat; min-height: 124px;}

.link {
	background: url(../images/home_callout_btm.png) bottom center no-repeat;
	width: 399px;
}

#callout-1 h3 {padding: 42px 120px 14px 15px;}
#callout-2 h3 {padding: 42px 120px 14px 15px;}
#callout-3 h3 {padding: 42px 34px 14px 15px;}

/*#callout-3 { margin-right: 140px; margin-left: 80px; }*/

#photo-baby {position: absolute; top: 3px; right: 3px; z-index: 1;}
#photo-woman {position: absolute; top: 3px; right: 3px; z-index: 1;}

#quotes-open {position: absolute; top: 3px; left: 8px; z-index: 1;}
#quotes-close {position: absolute; bottom: 20px; right: 80px; z-index: 1;}

#callout-container p {
	margin: 0;
}

.callout a:link, .callout a:visited {color: white;}

.callout .link {
	margin: 0;
	font: italic 90% Arial, sans-serif;
	text-align: right;
}

.callout .link a {
	background: url(../images/callout_coupon_link_btn.gif) right center no-repeat;
	display: block;
	text-decoration: none;
	font-weight: bold;
	margin-right: 20px;
	padding: 4px 20px 4px 4px;
}

.callout .link a:link, #coupon-link a:visited {color: white;}

.callout .link a:hover {
	background: url(../images/callout_coupon_link_btn_over.gif) right center no-repeat;
	color: #a585bb;
}

#safety-info {
	padding: 20px 170px 50px 170px;
	font-size: 90%;
}

#safety-info h3 {
	color: #6a2c91;
	margin-bottom: 1em;
}

#safety-info ul {
	margin: -1em 0 1em 20px;
}

#safety-info ul li {
	background: url(../images/bullet.gif) 0 0.45em no-repeat;
	padding-left: 14px;
}

#footer {
	background: white;
}