/* this is the class used by all center images instead of repeating named style definitions of the same styles */
.centerImage { 
position:absolute;
   display : none; /* CHANGED to display = block or none this does not take up "space" when set to none, hence the need for the wrapping div to make the vertical space stay open, also no need for absolute position which can be a nightmare */
}
.top { 
z-index: 5;
}
/* this is the class used by all center images instead of repeating named style definitions of the same styles */
.centerImage2 {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 796px;
	height: 288px;
	z-index:-1;
	background: url(welcome.jpg) no-repeat;
	visibility: inherit;   /* CHANGED to display = block or none this does not take up "space" when set to none, hence the need for the wrapping div to make the vertical space stay open, also no need for absolute position which can be a nightmare */
}
.intimate {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 796px;
	height: 288px;
	z-index:-1;
	background: url(intimate.jpg) no-repeat;
	visibility: inherit;   /* CHANGED to display = block or none this does not take up "space" when set to none, hence the need for the wrapping div to make the vertical space stay open, also no need for absolute position which can be a nightmare */
}
.about {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 796px;
	height: 288px;
	z-index:-1;
	background: url(about.jpg) no-repeat;
	visibility: inherit;   /* CHANGED to display = block or none this does not take up "space" when set to none, hence the need for the wrapping div to make the vertical space stay open, also no need for absolute position which can be a nightmare */
}

.layout {
	position: absolute;
	top: 20px;
	left: 0px;
	width: 782px;
	height: 288px;
	
	visibility: inherit;
}