html {
	margin:0;
	padding:0;
}
body {
	text-align:center;
}
#home {
	width:746px;
	margin:0 auto;
	padding:3px 0 0 0;
	position:relative;
}
table.topBar {
	text-align:left;
	margin:0px 27px;
}
table.bottomBar {
	text-align:left;
	margin:0px 27px;
}
#mainHome {
	background:url("/images/VitalHomeMain.jpg") no-repeat top left;
	width:746px;
	height:632px;
	position:relative;
	text-align:left;
}
#mainHomeActions {
	position:relative;
	width:746px;
	margin-left:12px;
}
#mainHomeActions h3 {
	font-size:13pt;
	font-family:"Arial Narrow";
	letter-spacing:0px;
	color:#5a6470;
	margin:0;
	padding:0;
	visibility:hidden;
}
#mainHomeActions h4 {
	font-size:8pt;
	font-weight:normal;
	color:#5a6470;
	margin:0;
	padding:0;
}
#mainHomeActions a {
	color:white;
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	position:absolute;
	width:175px;
	height:12px;
	bottom:0;
	left:0;
	padding:10px 0 10px 40px;
}
#tour {
	float:left;
	display:inline;
	position:relative;
	width:211px;
	height:155px;
	margin:8px 0 0 17px;
	padding:12px 0 0 5px;
}
#tour h4 {
	margin:20px 10px 0 0;
	padding-left:142px;
}
#products {
	float:left;
	display:inline;
	position:relative;
	width:211px;
	height:155px;
	margin:8px 0 0 24px;
	padding:12px 0 0 5px;
}
#products h4 {
	margin:20px 10px 0 0;
	padding:0 85px 0 8px;
}
#testimonials {
	float:left;
	display:inline;
	position:relative;
	width:211px;
	height:155px;
	margin:8px 0 0 25px;
	padding:12px 0 0 5px;
}
#testimonials h4 {
	margin:20px 10px 0 0;
	padding:0 85px 0 9px;
}
#mainHomeInfo {
	clear:both;
	width:746px;
	height:448px;
}
#mainHomeInfo h3 {
	font-family:Arial Narrow;
	color:#536579;
	font-size:15pt;
	padding-top:15px;
	margin:0 0 0 30px;
	visibility:hidden;
}
#mainHomeInfo h4 {
	font-family: Georgia;
	color:#CDCDCD;
	font-weight:normal;
	font-size:14.75pt;
	padding-top:48px;
	margin:0 0 0 302px;
	line-height:1.3em;
}
#mainHomeInfo h4 span.strong {
	color:#515151;
}
#mainHomeInfo a {
	color:white;
	text-decoration:none;
	font-size:8pt;
	font-weight:bold;
	position:absolute;
	width:187px;
	height:12px;
	bottom:0;
	right:0;
	padding:10px 0 10px 30px;
}
#shopnow {
	float:left;
	display:inline;
	position:relative;
	width:700px;
	height:312px;
	margin:8px 0 0 24px;
	padding:12px 0 0 5px;
}
<!-- A) The clickable area will be the total width and height (plus padding) for the anchor tag. -->
<!-- B) The anchor tag is positioned absolutely within the containing div (#shopnow). -->
<!-- I updated the width of the #shopnow div to cover the entire width of the new image (700px). Then, instead of positioning the anchor tag at the bottom left of the containing div, I positioned it at the bottom right. Then I adjusted the width of the anchor tag so the text would align in the right spot, then added the appropriate padding to make the clickable space fill in the entire blue-ish area. --> 
<!--- RE: ...left a margin at the top of the h4 element. The "correct" implementation is that the margin is outside the element - a top margin extends upward until it bumps into another element in the normal flow - in this case there isn't another element in the normal flow to bump into, so the top margin should have practically no effect. However in older versions of IE, the containing element is treated as a limit, so the top margin pushes the element down. Long story short - I removed the top margin on the h4 and it looks fine now. --->