/* mac hide \*/
html, body { height:100% }
/* end hide*/

BODY
{
	padding:0px;
	margin:0px;
	background-color:#4D2500;
	color:#000000;
	background-image:url('images/common/background/background_DarkBrownBrick.jpg');
	/*background-image:url('images/common/background/borderColor.jpg');*/
	width:100%;
	font-family:Verdana, Arial, Sans-Serif; 
	font-size:95%;
}

p { padding-top:0; margin-top:0; }

a { color:#0A520A; }
a:visited { color:#663100; }
a:hover { color:#0E8147; }

h1, h2, h3, h4, h5, h6, h7
{ font-family:Papyrus, "Comic Sans MS", Verdana, Arial, Sans-Serif; }
h2
{
	padding-right:10px;
	padding-left:10px;
	height:40px;
	background-position:center center;
	background-image:url('images/common/background/background_header.jpg');
}
h3 { text-decoration:underline; }

address { text-align:left; font-style:normal; }

div.wrapper
{/* provides the yellow content frame */
	width:900px;
	min-height:100%;
	padding:0;
	margin:0 auto 0 99px;
	background-color:#E8E4CA;
	border-width:0 1px 0 1px;
	border-style:solid;
	border-color:#000000;
	background-image:url('images/common/background/background_content.jpg');
	background-repeat:repeat;
}
/* for old IE */
* html div.wrapper {height:100%; }

div.content
{
	z-index:2;
	position:relative;
	padding:1em;
	padding-top:30px;
}
/********** HEADER *******************************************************************/
h1.logo
{
	z-index:10;
	position:absolute;
	top:0;
	left:0;
	margin:0;
	padding:0;
}
h1.logo img
{
	border-width:0;
	width:289px;
	height:289px;
	z-index:10;
}

div.header
{
	width:100%;
	height:260px;
	z-index:2;
	padding:0;
	margin:0;
	background-repeat:no-repeat;
	background-position:right top;	
	background-image:url('images/common/header_background.jpg');
}

/* navigation ******************************************/
ul.navigation
{
	width:711px;
	height:41px;
	margin:221px 0 0 0;
	padding:0;
	border-width:0;
	position:relative;
	float:right;
	background-repeat:no-repeat;
	background-position:right top;	
	background-image:url('images/common/navigation_background.jpg');
	text-align:right;
}
ul.navigation li 
{ 
	display:inline; 
	list-style-type:none; 
	height:39px;
}
ul.navigation li a
{
	font-size:39px;
	text-decoration:none;
	background-repeat:no-repeat;
	background-position:right center;
	margin:0;
	padding:0;
}
ul.navigation li a img
{
	border-width:0;
	padding:0;
	margin:0;
	height:39px;
	border-bottom-width:0;
	border-top-width:0;
	border-right-width:0;
	border-left:solid 1px #000000;	
}

a.home img, a.homeSelected img { width:84px; }
a.home { background-image:url('images/common/nav_home.jpg'); }
a.homeSelected { background-image:url('images/common/nav_home_on.jpg');	}
a.home:hover, a.homeSelected:hover { background-image:url('images/common/nav_home_hover.jpg'); }

a.aboutus img, a.aboutusSelected img { width:116px; }
a.aboutus { background-image:url('images/common/nav_aboutus.jpg'); }
a.aboutusSelected {	background-image:url('images/common/nav_aboutus_on.jpg'); }
a.aboutus:hover, a.aboutusSelected:hover { background-image:url('images/common/nav_aboutus_hover.jpg');}

a.contactus img, a.contactusSelected img { width:133px; }
a.contactus { background-image:url('images/common/nav_contactus.jpg'); }
a.contactusSelected { background-image:url('images/common/nav_contactus_on.jpg'); }
a.contactus:hover, a.contactusSelected:hover {	background-image:url('images/common/nav_contactus_hover.jpg'); }
/* end navigation *********************************************/
/****** END HEADER *******************************************************************/

ul.associations
{
	z-index:2;
	margin:5px;
	padding:0;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	width:88px;
}
ul.associations li
{
	text-align:center;
	list-style-type:none;
}
ul.associations img { border-width:0; }

div.footer
{
	clear:both;
	width:850px;
	text-align:center;
	font-family:Verdana, Arial, Sans-Serif;
	font-size:60%;
	margin-top:1em;
	padding-bottom:5px;
}

.serviceAreas
{
	width:850px;
	padding-left:5px;
	padding-right:5px;
	text-align:left;
	color:#663100;	
}

/******** GALLERY *****************************************************/
div.gallery 
{
	min-height:362px; 
	margin:0 auto 0 auto; 
	padding-top:0;
	padding-right:64px;
	padding-bottom:0;
	padding-left:65px;
	text-align:left; 
	width:615px; 
}
/* for old IE */
* html div.gallery {height:362px; }

.gallery img
{
	width:140px;
	height:100px;
	border:solid 3px #000000;
	margin:1px;
}
.gallery img:active
{
	margin:1px;
	border:solid 3px #000000;
}
.gallery img:hover, .gallery img:focus
{
	border-top-width:0;
	border-left-width:0;
	margin-top:2px;
	margin-left:2px;
	border-right:solid 5px #206920;
	border-bottom:solid 5px #206920;
}
/******** END GALLERY *************************************************/
/******* gallery and detail backgrounds *********/
#water, #landscape, #hardscape, #fencing, #pavers, #samples, #walls, #putting, #gallery 
{ text-align:center; margin:0 auto 0 auto; }

#water div.gallery 
{ 
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('images/common/background/background_waterfall.jpg'); 
}
#landscape div.gallery 
{ 	
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('images/common/background/background_tulips.jpg'); 
}
#hardscape div.gallery 
{ 
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('images/common/background/background_hardscape.jpg'); 
}
#fencing div.gallery 
{
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('images/common/background/background_fence.jpg'); 
}
#pavers div.gallery 
{ 	
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url('images/common/background/background_patio.jpg'); 
}
#samples div.gallery 
{ 
	background-repeat:no-repeat;
	background-position:center center;	
	background-image:url('images/common/background/background_patio.jpg'); 
}
#walls div.gallery 
{
	background-repeat:no-repeat;
	background-position:center top;
	background-image:url('images/common/background/background_park2.jpg'); 
}
#putting div.gallery 
{ 
	background-repeat:no-repeat;
	background-position:center center;
	background-image:url('images/common/background/background_topiaries.jpg'); 
}

/******* gallery and detail headers *********/
h2 img { border-width:0; }

#water h2 a, #landscape h2 a, #hardscape h2 a, #fencing h2 a, #pavers h2 a, 
#samples h2 a, #walls h2 a, #putting h2 a, #gallery h2 a
{ 
	text-decoration:none; 
	color:#000000; 
}
#water h2 a:hover, #landscape h2 a:hover, #hardscape h2 a:hover, #fencing h2 a:hover, 
#pavers h2 a:hover, #samples h2 a:hover, #walls h2 a:hover, #putting h2 a:hover, 
#gallery h2 a:hover 
{ 
	color:#0E8147; 
}
#water h2
{ 
	background-image:url('images/common/background/background_header_water.jpg'); 
	margin-left:275px;
	width:300px;
	text-align:center;
}
#landscape h2
{ 
	margin-left:185px;
	width:475px;
	text-align:center;
}
#hardscape h2
{ 
	background-image:url('images/common/background/background_header_dirt.jpg'); 
	margin-left:185px;
	width:450px;
	text-align:center;
}
#fencing h2
{ 
	background-image:url('images/common/background/background_header_fence.jpg'); 
	margin-left:185px;
	width:450px;
	text-align:center;
}
#pavers h2
{ 
	background-image:url('images/common/background/background_header_brick.jpg'); 
	margin-left:185px;
	width:500px;
	text-align:center;
}
#samples h2
{ 
	background-image:url('images/common/background/background_header_brick.jpg'); 
	margin-left:330px;
	width:200px;
	text-align:center;
} 
#walls h2
{ 
	margin-left:275px;
	width:325px;
	text-align:center;
}
#putting h2
{ 
	margin-left:275px;
	width:300px;
	text-align:center;
}

#detailImage { border:solid 1px #000000; }

/******************** PAGE SPECIFIC CSS FOLLOWS *********************************/

div #intro
{
	background-attachment:inherit;
	background-position:bottom center;
	background-repeat:no-repeat;
	background-image:url('images/common/background/background_park.jpg');
}

#TriPhotos
{
	padding-top:0;
	margin:0 auto 1em 1em;
	width:193px;
	height:274px;
	position:relative;
	float:right;
}

/* Services Section **************************************/
.ServicesHeader 
{ 
	background-image:none; 
	margin-bottom:0; 
	padding-bottom:0; 
	text-decoration:underline;
}
#AdditionalServices { position:relative; float:right; }
#Services, #AdditionalServices
{
	margin:0;
	padding:0;
	width:49%;
	font-size:90%;
	font-weight:bold;
	font-style:normal;
}
#Services ul, #AdditionalServices ul { padding-top:0; margin-top:0; }
/* End Services Section *********************************/

/*Contact US ******************************************/
#contactus
{
	width:700px;
	margin:0 auto 0 auto;
	text-align:center;
}
#contactus div
{
	position:relative;
	padding:1em;
}
#contactus img
{
	width:112px;
	height:150px;
	border:solid 1px #000000;
	position:relative;
	float:left;
	margin-right:3em;
}
#contactus span
{
	font-family:Papyrus, Verdana, Arial, Sans-Serif;
	font-weight:bold;
	font-size:1.5em;
}
#contactinfo 
{
	height:325px; 
	font-size:1.1em; 	
	background-attachment:inherit;
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('images/common/background/background_content_water.jpg');
}
#helpfulLinks 
{ 
	height:5em; 
	width:620px; 
	background-color:#4F8C4F; 
	margin:0 auto 0 auto; 
}
#helpfulLinks address
{
	font-weight:normal;
	border:solid 1px #000000; 
	width:150px;
	height:7em;
	display:block;
	background-color:#E8E4CA;
	float:left;
	padding:1px;
	font-size:70%;
}
/*End Contact US *************************************/

#aboutus
{
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url('images/common/background/background_meadowTreeLeft.jpg');
}
#aboutus a { font-weight:bold; }
#woodenTrailPhoto
{
	height:184px;
	width:159px;
	border:solid 1px #000000;
	position:relative; 
	float:right; 
}
#smallNatureParkPhoto
{
	height:130px;
	width:179px;
	border:solid 1px #000000;
	margin-right:1em;
	position:relative; 
	float:left;
}

/************************ END PAGE SPECIFIC CSS *********************************/

.message { font-size:80%; }
.clearLeft { clear:left; }
.clearRight { clear:right; }
.clearAll { clear:both; }
.center { text-align:center; }
.alignLeft { text-align:left; }
.emphasis { font-weight:bold; font-style:italic; }
.noBorder { border-width:0px; }