/*
style-home-hh.css
v0.5b, Mar 30, 2009
b	buttons have dynamic text
*/

/********************
	=layout
********************/
#header {
	line-height: 0;
}
/* 20px + 350px + 20px + 245px + 20px + 245px + 20px = 920px */
#page-contents {
	background: url(slices/bg-home-layer1column.jpg) repeat-y;
	width: 920px;
	position: relative;
}

#main-contents {
	float: left;
	padding: 25px 30px 20px 20px;
	width: 317px;
	background: url(slices/bg-home-top-left-col.jpg) repeat-x;
}
#right-col {
	width: 553px;
	background: url(slices/bg-home-right-col.jpg) repeat-x;
	float: right;
}

#right-col a:link, #right-col a:active, #right-col a:visited {
	color: #F6DD82;
}

#right-col a:hover {
	color: #F9A521;
}

#offers {
	float: left;
	margin: 10px 0 0 20px;
	width: 245px;
	padding-top: 15px;
}

#highlights {
	float: left;
	margin: 10px 0 0 20px;
	width: 245px;
	padding-top: 15px;
}

/********************
	=style
********************/
h1, h2, h3, h4, h5, h6 {
	color: #F6DD82;
	font: bold 18px arial, helvetica, sans-serif;
	margin: 0;
}
p, ul, ol, dt, dd { 
	color: white;
}

a { color: #F9A521; }
a:link { color: #F9A521; }
a:visited { color: #F6DD82; }
a:hover { color: #F9A521; }
a:active { color: #F9A521; }

#main-contents #logo-white {
	margin-top: 20px;
}

/********************
	=section
********************/
div#care-btn, div#news-btn {
	position: relative;
	display: block;
}
div#care-btn h3 {
	position: absolute;
	top: 42px;
	left: 60px;
	width: 170px;
	color: white;
	padding-right: 10px;
	font: bold 13px arial;
	line-height: 1em;
}
div#news-btn h3 {
	position: absolute;
	top: 29px;
	left: 60px;
	color: white;
	font: bold 14px arial;
}

#right-col div#news-btn h3 a, #right-col div#care-btn h3 a {
text-decoration:none;
color: white;
}

#section-home #page-fg {
	background-color: #0A5E95;
}