/* 	GENERAL BODY STYLES  */	
body {
	color:#322D37;
	background: #365437 url("../images/bckgrnd.jpg") left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	margin:0 auto 0 auto;
	padding:10px 0 0 0;
	width:786px;
	}
.imr span { display: none; }
.hide span { position: absolute; left: -999em; }
h1 a, h2 a { color: #fff !important; text-decoration: none; }
h1 { /* Big Site heading */
	color:#fff;
	font-size: 28px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0 0 8px 0;
	padding: 0;
	}
h2 { /* Page Section Headings */
	color:#fff;
	font-size: 23px;
	letter-spacing:-1px;
	font-weight:bold;
	margin: 0;
	padding: 0 0 8px 0;
	}
h3 { /* LEFT side topic headings */
	color:#365437;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0;
	padding: 10px 10px 0 10px;
	}
h4 { /* content topic headings */
	color:#fff;
	font-size: 18px;
	font-weight:bold;
	margin:0;
	padding: 10px 0 0 0;
	}
h5 { /* LEFT side topic headings */
	color:#365437;
	font-size: 18px;
	font-weight:bold;
	letter-spacing:-1px;
	margin:0;
	padding: 0 10px 0 10px;
	}
p {
	font-size:14px;
	line-height:20px;
	margin: 8px 0 15px 0;
	padding:0 10px 0 10px;
	}


/*
	BANNER IMAGE - HOME PAGE
*/
#banner {
	background: url("../images/bannerPaver.jpg") right top no-repeat;
	margin:15px 0 15px 0;
	padding:10px 0 0 0;
	}	
#banner img {
	margin:5px 0 0 0;
	padding:0;
	*margin: 0; /*ie7 fix on homepage margin*/
	}	



/* 
	CONTENT CONTAINERS (total width = 780px) ------------------------------------------------------------------------------------------------------------------------------------------
*/
#contentLeft {
	float: left;
	margin: 0 15px 0 0;
	padding: 0;
	width: 230px;
	}
.contentLeftBox {
	background:#F2EFE6;
	border:10px solid #fff;
	line-height:16px;
	margin: 0 0 20px 0;
	padding: 0;
	width: 210px;
	}
#contentRight {
	float: left;
	line-height:18px;
	margin: 0;
	padding: 32px 0 20px 0;
	width: 541px;
	}
#contentRight a {
	color:#FFD658;
	font-weight:bold;
	}
#contentRight a:hover {
	background:#FFD658;
	color:#365437;
	text-decoration:none;
	}
#contentRightBottom {
	color:#fff;
	margin:0;
	padding:25px 0 0 0;
	}	



/*
	FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#footerContainer {
	border-top:1px dotted #fff;
	background: url("../images/bckgrndFooter.jpg") left top repeat-x;
	clear:both;
	color: #fff;
	font-size:14px;
	font-weight:normal;
	line-height:18px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	text-align:center;
	width:785px;
	}
#footerContainer a, #footerContainer a:visited { color: #fff !important; text-decoration: none !important; }
#footerContainer a:hover { text-decoration: underline !important; }
#footerLinks {
	color: #FFD658;
	font-size:12px;
	font-weight:bold;
	line-height:18px;
	margin: 0;
	padding: 4px;
	}
#footerLinks a, #footerLinks a:visited {
	color: #F1F1CF;
	padding: 2px 6px 2px 6px;
	text-decoration:underline;
	}
#footerLinks a:hover {
	background:#FFD658;
	color:#365437;
	text-decoration:none;
	}



/*
	PHOTO GALLERY  -------------------------------------------------------------------------------------------------------------------------------------------------------
*/
#gallery {
	text-align:left;
	margin:0;
	padding:0;
	}	
#galleryPics {
	text-align:left;
	margin:0;
	padding:0;
	}	
.hidePic {
	display:none;
	margin:5px 0 5px 0;
	}
.showPic {
	border:6px solid #fff;
	display:block;
	margin:5px 0 5px 0;
	}



/*
	IMAGES ---------------------------------------------------------------------------------------------------------------------------------------------------------
*/
img {
	border:0;
	margin:0;
	padding:0;
	}	
.imgBlock {
	border:0;
	display:block;
	margin:0;
	padding:0;
	}
.imgBorder {
	border:6px solid #fff;
	display:block;
	margin:0;
	padding:0;
	}
.imgThumb {
	border:1px solid #fff;
	margin:0;
	padding:0 0 0 1px;
	}





/* 
	NAV HORIZONTAL ITEMS ACROSS TOP ------------------------------------------------------------------------------------------------------------------------------------
*/
#nav {	
	height:109px;
	padding: 10px 0 0 0;
	width:541px;
	}
#navMain ul {
	border-bottom:1px solid #fff;
	height:30px;
	margin: 0;
	padding:0;
	width:540px;
	}
* html #navMain ul {
	border-bottom:1px solid #fff;
	height:30px;
	margin: 0;
	padding:0;
	width:541px;
	}
#navMain ul li {
	border-left:1px solid #fff;
	display: block;
	float: left;
	margin:0;
	padding:0;
	list-style-type: none;
	width: 89px;
	}
#navMain ul li a, #navMain ul li a:visited {
	background: url("../images/bckgrndNav.jpg") left top repeat-x;
	color:#fff;
	font: bold 12px Arial, Helvetica, sans-serif;
	display: block;
	height:23px;
	margin:0;
	padding: 7px 0 0 0;
	text-decoration: none;
	text-align: center;
	width:89px
	}
#navMain ul li a:hover {
	background:#8B8A72;
	color:#fff;
	text-decoration: underline;
	}
#navMain ul li a#navActive {
	background:#F2EFE6;
	color:#322D37;
	padding: 7px 0 0 0;
	}
#navMain ul li a.navLeftLine { /* needs to be 1px shorter than rest of nav because of left border */ 
	border-right:1px solid #fff;
	width:88px
	}



/* images above the links */	
#navPics ul {
	height:79px;
	margin:0;
	padding:0;
	width:540px;
	}
#navPics ul li {
	display: block;
	float: left;
	margin:0;
	padding:0;
	list-style-type: none;
	width: 90px;
	}
#navPics ul li a {
	display: block;
	height:79px;
	margin:0;
	padding: 0;
	text-decoration: none;
	width: 90px;
	}



/* 
	NAV VERTICAL SIDE menu 
*/
ul#navSide {
	margin: 0;
	padding:10px;
	width:190px;
	}
ul#navSide li {
	border-bottom:1px dashed #999;
	display: block;
	height:30px;
	margin:0;
	padding:0;
	list-style-type: none;
	width: 190px;
	}
ul#navSide li a, ul.navSide li a:visited {
	background: url("../images/bulletNav.gif") 2px 12px no-repeat;
	color:#365437;
	display: block;
	font:bold 15px Arial, Helvetica, sans-serif; 
	height:24px;
	margin:0;
	padding: 6px 0 0 12px;
	text-decoration: none;
	text-align: left;
	width:178px;
	}
ul#navSide li a:hover {
	background:#365437;
	color:#F1F1CF;
	text-decoration: underline;
	}
.about #navSide #about a,
.contact #navSide #contact a,
.plants #navSide #plants a,
.yard #navSide #yard a { /* highlight current page 'dynamically' */
	background:#FFD658;
	color:#fff;
	}
.about #navSide #about a:hover,
.contact #navSide #contact a:hover,
.plants #navSide #plants a:hover,
.yard #navSide #yard a:hover { /* highlight current page 'dynamically' */
	background:#FFD658;
	color:#fff;
	text-decoration: none;
	}



/* 
	UTILITY - LINKS
*/
#navUtility {
	color: #948250;
	font: bold 14px Arial, Helvetica, sans-serif;
	letter-spacing:0;
	position:absolute;
	top: 8px;
	width: 540px;
	}
#navUtility a, #navUtility a:visited {
	color: #FFD658;
	margin: 0;
	padding: 1px;
	text-decoration: none;
	text-transform:uppercase;
	}
#navUtility a:hover {
	background:#FFD658;
	color:#365437;
	}



/*
	FONTS - most for navigation ----------------------------------------------------------------------------------------------------------
*/
.textCaptionItalic { /* authors/writers names and such */
	color:#999;
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	font-style:italic;
	}	
.textHighlight {
	color:#F96400;
	font-weight:bold;
	}	



/* 
	CONTENT LISTS  ----------------------------------------------------------------------------------------------------------
*/ 	
ul.listContent {
	list-style:none;
	margin:10px 0 10px 20px;
	padding:0;
	}
ul.listContent li {
	background: url("../images/bulletOrange.gif") left 7px no-repeat;
	color: #F1F1CF;
	margin:0;
	padding:1px 5px 1px 14px;
	list-style-type:none; 
	}