@charset "utf-8";
body {
	padding: 0;
	margin: 0;
	color: #133527;
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	height: 100%;
	width: 100%;
}
p, ul, ol {
	font: normal .85em/1.2 Tahoma, Geneva, sans-serif;
	padding: 0px;
	margin: 0px 0px 15px;
}
h1 {
	font: normal 1.5em Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0px 0px 5px 0px;
}

h2 {
	font: normal 1.3em/1em Georgia, "Times New Roman", Times, serif;
	padding: 0px;
	margin: 0px 0px 15px 0px;
}
h3 {
	font: bold 1.1em Tahoma, Geneva, sans-serif;
	margin: 0px;
	padding: 0px 0px 15px;
}
h4 {
	font: bold .9em Tahoma, Geneva, sans-serif;
	padding: 0;
	margin: 0px 0px 10px 0px;
}
ul, ol {
	padding: 0px 0px 0px 30px;
}
a {
	color: #25ac36;
}
a:hover {
	color: #133527;
}


#headerWrap {
	background: url(../images/headerBG.png) repeat-x;
	width: 100%;
	position: relative;
	z-index: 100;
	margin: 0px 0px -23px;
}
#header {
	margin: 0px auto;
	height: 80px;
	width: 907px;
	position: relative;
}
.logo {
	height: 116px;
	width: 194px;
	position: absolute;
	left: -3px;
}
#header ul.navigation {
	float: right;
	padding: 0;
	margin: 37px 0 0 0;
	height: 39px;
	list-style: none;
}
#header ul.navigation li {
	float: left;
	height: 39px;
	font: bold 12px/35px Georgia, "Times New Roman", Times, serif;
}
#header ul.navigation a {
	display: block;
	padding: 5px 15px 1px 5px;
	margin: 0 0 4px 0;
	color: #fff;
	text-decoration: none;
	background: url(../images/navigation-divider.png) no-repeat right bottom;
}
#header ul.navigation a:hover {
	color: #25ac36;
}
#header ul.navigation a.last {
	background: url(none);
}
#contentWrap {
	width: 907px;
	margin: 0px auto;
	padding: 0px;
}
#contentWrap div.contentLeft {
	width: 634px;
	min-height: 377px;
  	height: auto !important;
  	height: 377px;
	margin: 0px;
	padding: 0px;
	position: relative;
	z-index: 1;
	float: left;
}
#contentWrap div.contentRight {
	float: right;
	width: 240px;
}
#calloutBox {
	background: url(../images/calloutBG.jpg) no-repeat;
	float: right;
	height: 80px;
	width: 245px;
}
#calloutBox p {
	width: 225px;
	height: 31px;
	margin: 0;
	padding: 11px 0px 0px 16px;
	font: bold 19px Georgia, "Times New Roman", Times, serif;
}
#calloutBox p span {
	font: normal 15px Tahoma, Geneva, sans-serif;
}
#calloutBox p.white {
	padding: 0px;
}
#calloutBox p.white a {
	font: bold 14px Tahoma, Geneva, sans-serif;
	color: #fff;
	background: url(../images/emailBG.jpg) no-repeat center top;
	display: block;
	width: 225px;
	height: 29px;
	padding: 9px 0px 0px 20px;
}
#calloutBox p.white a:hover {
	background: url(../images/emailBG.jpg) no-repeat center bottom;
}
#contentWrap div.contentRight div.content {
	padding: 25px 0px 0px 0px;
	float: left;
	width: 240px;
}
#footerWrap {
	background: #02351e url(../images/footerBG.jpg) repeat-x;
	width: 100%;
	clear: both;
	margin: 20px 0px 0px;
	padding: 0px;
	float: left;
}
#footer {
	width: 907px;
	margin: 0px auto;
	padding: 30px 0px 0px 0px;
	color: #fff;
}
#footer a {
	color: #fff;
}
#footer a:hover {
	color: #25ac36;
}
#footer div.contentLeft {
	float: left;
	width: 250px;
	margin: 0px;
	padding: 0px 27px 0px 0px;
	border-right: 2px solid #1b4934;
}
#footer div.contentRight {
	width: 600px;
	margin: 0px;
	padding: 0px 0px 0px 27px;
	float: left;
}
#footer ul.buttons {
	margin: 0px;
	padding: 0px;
}
#footer ul.buttons li {
	float: left;
	list-style: none;
}
#footer ul.buttons a {
	height: 31px;
	margin: 0px;
	padding: 93px 0px 0px 0px;
	font: normal 13px Tahoma, Geneva, sans-serif;
	display: block;
	text-align: center;
	color: #ffffff;
}
#footer .contentRight hr {
	font-size: 2px;
	line-height: 2px;
	color: #ffffff;
	background: #ffffff;
	margin: 0px 0px 15px 0px;
	padding: 0px;
	height: 2px;
	width: 95%;
	border-width: 0px;
	border-style: none;
	text-align: left;
	clear: both;
}

a.plantings {
	background: url(../images/planting-button.jpg) no-repeat center top;
	height: 124px;
	width: 120px;	
}
a:hover.plantings {
	background: url(../images/planting-button.jpg) no-repeat center bottom;	
}
a.water {
	background: url(../images/water-feature-button.jpg) no-repeat center top;
	height: 124px;
	width: 118px;
}
a:hover.water { background: url(../images/water-feature-button.jpg) no-repeat center bottom; }
a.walls {
	background: url(../images/walls-button.jpg) no-repeat center top;
	height: 124px;
	width: 119px;
}
a:hover.walls { background: url(../images/walls-button.jpg) no-repeat center bottom; }
a.patios {
	background: url(../images/patios-button.jpg) no-repeat center top;
	height: 124px;
	width: 118px;
}
a:hover.patios { background: url(../images/patios-button.jpg) no-repeat center bottom; }
a.garden {
	background: url(../images/perennial-gardens-button.jpg) no-repeat center top;
	height: 124px;
	width: 119px;
}
a:hover.garden { background: url(../images/perennial-gardens-button.jpg) no-repeat center bottom; }
#footer a.newsletter {
	background: url(../images/Natures-Way-e-newsletter-sign-up.jpg) no-repeat left top;
	display: block;
	height: 54px;
	width: 240px;
	color: #25ac36;
	font: bold 12px Georgia, "Times New Roman", Times, serif;
	text-decoration: none;
}
#footer a:hover.newsletter {
	background: url(../images/Natures-Way-e-newsletter-sign-up.jpg) no-repeat left bottom;
}
#footer a.newsletter span {
	width: 150px;
	float: right;
	text-decoration: none;
}
#footer a:hover.newsletter span {
	text-decoration: underline;
}
#footer ul.navigation {
	width: 907px;
	clear: both;
	margin: 30px 0px 0px 0px;
	padding: 0px;
	float: left;
}
#footer ul.navigation li {
	float: left;
	list-style: none;
	padding: 0px 10px 0px 0px;
	font: bold 12px/35px Georgia, "Times New Roman", Times, serif;
	color: #fff;
}
#footer ul.navigation a {
	color: #fff;
}
#footer ul.navigation a:hover {
	color: #25ac36;
}