/* CSS Document */

#homepage {
height: 270px;
padding: 20px 80px 20px 440px;
position: absolute;
left: 0px;
top: 180px;
}

#graphicHeader_index {
	background: url(zImages/index_header.jpg) no-repeat;
	height: 180px;
	top: 0px;
	}

#bottom {
	text-align: center;
	background: url(zImages/index_bottom.jpg) no-repeat;
	height: 175px;
	padding-left: 73px;
	top: 10px;
	padding-top: 10px;
}

#bottom  p{
	color: #FFFFFF;
}

/*-------- rollovers ---------*/

/* CSS Document */

.rollover {
	float: left;
	width: 174px;
	height: 154px; /* height of photo + text space above image*/
	text-align: center;
	background: url(zImages/cosmetic_ro.jpg) no-repeat 0 20px;
	margin-right: 40px;
}
a.rollover:link, a.rollover:visited, a.rollover:active {
	text-decoration: none;
	background: url(zImages/cosmetic_ro.jpg) no-repeat 0 20px;
	color: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
}
a.rollover:hover {
	background: url(zImages/cosmetic_ro.jpg) no-repeat -176px 20px;
}

.rollover2 {
	float: left;
	width: 174px;
	height: 154px;
	text-align: center;
	background: url(zImages/implants_ro.jpg) no-repeat 0 20px;
	margin-right: 40px;
}
a.rollover2:link, a.rollover2:visited, a.rollover2:active {
	text-decoration: none;
	background: url(zImages/implants_ro.jpg) no-repeat 0 20px;
	color: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
	}
	
a.rollover2:hover {
	background: url(zImages/implants_ro.jpg) no-repeat -176px 20px;
}

.rollover3 {
	float: left;
	width: 174px;
	height: 154px;
	font: normal 12px Arial, Helvetica, sans-serif;
	text-align: center;
	background: url(zImages/health_ro.jpg) no-repeat 0 20px;
	margin-right: 0px;
}
a.rollover3:link, a.rollover3:visited, a.rollover3:active {
	text-decoration: none;
	background: url(zImages/health_ro.jpg) no-repeat 0 20px;
	color: #FFFFFF;
	font: normal 12px Arial, Helvetica, sans-serif;
}

a.rollover3:hover {
	background: url(zImages/health_ro.jpg) no-repeat -176px 20px;
}