html, body{ 
 margin:0; 
 padding:0;
 text-align:center; 
 background-image: url(../images/body_bg.jpg);
 background-repeat:repeat-x;
 background-color: #231d18;
	font-family: Garamond, Georgia, "Times New Roman", Times, serif;
	font-size: 100%;
} 
 
#pagewidth{
 width:856px; 
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;  
 background-image: url(../images/pagewidth_bg.jpg);
 background-repeat: repeat-y;
} 
 
#header{
 position:relative; 
 height:50px; 
 width:856px;
 height: 333px;
 text-align:left;  
 margin-left:auto; 
 margin-right:auto;
} 

#goback {
float: right; 
padding-right: 70px; 
margin-top: -29px;
}

#goback a{
color: #293027;
text-decoration: none;
}

#goback a:hover{
text-decoration: underline;
}

h3 {margin:0px; padding:0px 0px 0px 23px; font-size: .95em;}

h1 	{
	background-image:url(../images/header_logo.jpg);
	width: 307px;
	height: 333px;
	margin:0px;
	padding:0px;
	text-indent: -9999px;
	float:left;
}

#leftcol a {
	color: #333333;
	text-decoration: none;
}

#leftcol a:hover {
	color: #333333;
	text-decoration: underline;
}

#leftcol li a.current {
text-decoration:underline;
}

#leftcol{
 margin-bottom:20px;
 width:307px; 
 float:left; 
 position:relative;
 background-image:url(../images/leftcol_bg.jpg);
 background-repeat:no-repeat;
 background-position: 61px 35px;
 height: 403px;
 }

#leftcol h2 {	
	background-image: url(../images/services.png);
	height: 15px;
	width: 65px;
	text-indent: -9999px;
	margin: 7px 0px 0px 65px;
	padding: 0px;
	background-repeat: no-repeat;
}

ul { margin:0px; padding: 25px 0px 0px 80px;}

#leftcol li {
	list-style: none;
	font-size: 15px;
	line-height: 30px;
}

#maincol{ 
 float:right;
 clear:right;
 display: inline; 
 position: relative; 
 width:549px; 
 }

#maincol a{
	color: #324f1a;
}

#maincol a:hover {
	color: #3b7011;
	text-decoration: none;
}

#maincol h2{
 height: 19px;
 background-repeat: no-repeat;
 text-indent: -9999px;
 width:400px;
 margin: 7px 0px 10px 22px;
 padding: 0px;
}



.welcome {
 background-image: url(../images/welcome.gif);
}

.about_us {
 background-image: url(../images/about_us.gif);
}

.hardscaping {
 background-image: url(../images/hardscaping.gif);
}

.photo_gallery {
 background-image: url(../images/photo_gallery.gif);
}

.contact {
 background-image: url(../images/contact.gif);
}

.concrete {
 background-image: url(../images/concrete.gif);
}

.stone_masonry {
 background-image: url(../images/stone_masonry.gif);
}

.nursery_bulk {
 background-image: url(../images/nursery_bulk.gif);
}

.irrigation_lighting {
 background-image: url(../images/irrigation_lighting.gif);
}

.ponds_watergardens {
 background-image: url(../images/ponds_watergardens.gif);
}

.outdoor_kitchens_grills {
 background-image: url(../images/outdoor_kitchens_grills.gif);
}

.fireplaces_woodstoves {
 background-image: url(../images/fireplaces_woodstoves.gif);
}

#contentarea ul {
padding:0px;
margin:10px 0px 0px 30px;
}

#contentarea li {
	font-size: .95em;
	line-height: 30px;
	list-style: none;
}

#contentarea a img {
margin-right: 9px;
border: 4px solid #3c4537;
}


#contentarea a:hover img {
margin-right: 9px;
border: 4px solid #5e6e55;
}

#contentarea {
width:466px;
 background-image: url(../images/maincol_bg.jpg);
 margin-left: 18px;
 padding-top:23px;
}


#contentarea p {
	margin:0px;
	padding:23px 20px 0px 23px;
	line-height: 1.8em;
	font-size: .95em;
}

#contentarea p.lastsentence {
	margin:0px;
	margin-bottom: 0px;
	padding:20px 23px 0px 23px;
	line-height: 1.7em;
	font-size: .95em;
}


#contentbottom {
	background-image:url(../images/maincolbottom_bg.jpg);
	height: 32px;
	width: 466px;
	margin-bottom: 20px;
	margin-left: 18px;
}

#footer{
 height:80px; 
 background-image: url(../images/footer_bg.jpg);
 background-repeat: no-repeat;
 background-color: #231d18;
 clear:both;
 padding-top: 80px;
 font-size: 11px;
 text-align:center;
 color: #6f6f6f;
 } 

#footer a{
color: #6f6f6f;
text-decoration: none;
}

#footer a:hover{
color: #6f6f6f;
border-bottom: 1px dotted #6f6f6f;
}

#suburbanHeader {
	background-repeat:no-repeat;
	height: 333px;
	width: 549px;
	float:left;
}

.mainphoto0 {
	background-image: url(../images/tempheader.jpg);
}

.mainphoto1 {
	background-image: url(../images/hardscape_header.jpg);
}

.mainphoto2 {
	background-image: url(../images/concrete_header.jpg);
}

.mainphoto3 {
	background-image: url(../images/stone_header.jpg);
}

.mainphoto4 {
	background-image: url(../images/landscaping_header.jpg);
}

.mainphoto5 {
	background-image: url(../images/irrigation_header.jpg);
}

.mainphoto6 {
	background-image: url(../images/fireplace_header.jpg);
}

.mainphoto7 {
	background-image: url(../images/ponds_header.jpg);
}

.mainphoto8 {
	background-image: url(../images/outdoorkitchen_header.jpg);
}



/* -------- MAIN HORIZONTAL MENU OFF STATE ---------- */

#menu { display:block;
	width: 560px; height: 34px; position:absolute; top: 247px; left: 347px;}

#menu ul {list-style-type:none; margin: 0px; padding: 0px;}

#menu li {float:left; height: 34px; padding-right: 5px;}

#menu li.list1 {background:transparent url(../images/home_btn.jpg); background-repeat:no-repeat; width: 80px;}

#menu li.list2 {background:transparent url(../images/aboutus_btn.jpg); background-repeat:no-repeat; width: 99px; }

#menu li.list3 {background:transparent url(../images/photogallery_btn.jpg); background-repeat:no-repeat; width: 123px;}

#menu li.list4 {background:transparent url(../images/contact_btn.jpg); background-repeat:no-repeat; width: 89px;}


#menu a {display:block; height: 34px; text-indent: -9999px; border-bottom: none;}

/* ----------- MAIN HORIZONTAL MENU HOVERING ITEMS ----------- */

#menu a#item1 {background:transparent url(../images/home_btn.jpg) no-repeat;}

#menu a#item2 {background:transparent url(../images/aboutus_btn.jpg) no-repeat;}

#menu a#item3 {background:transparent url(../images/photogallery_btn.jpg) no-repeat;}

#menu a#item4 {background:transparent url(../images/contact_btn.jpg) no-repeat;}


#menu a#item1:hover {background-position:0px -34px; z-index:50;}

#menu a#item2:hover {background-position:0px -34px; z-index:50;}

#menu a#item3:hover {background-position:0px -34px; z-index:50;}

#menu a#item4:hover {background-position:0px -34px; z-index:50;}

/* ----------- GALLERY ----------- */

#gallery { display:block; width: 420px; height: 40px; margin-left: 22px; margin-top: 15px; margin-bottom: -26px; z-index: 300; position: relative;}

#gallery ul {list-style-type:none; margin: 0px; padding: 0px;}

#gallery li {float:left; height: 40px;}

#gallery li.gallery_btn {background:transparent url(../images/gallery_btn.jpg); background-repeat:no-repeat; width: 420px;}
#gallery li.landscape_btn {background:transparent url(../images/gallery_landscape.jpg); background-repeat:no-repeat; width: 420px;}
#gallery li.irrigate_btn {background:transparent url(../images/gallery_irrigate.jpg); background-repeat:no-repeat; width: 420px;}
#gallery li.fire_btn {background:transparent url(../images/gallery_fire.jpg); background-repeat:no-repeat; width: 420px;}
#gallery li.ponds_btn {background:transparent url(../images/gallery_ponds.jpg); background-repeat:no-repeat; width: 420px;}
#gallery li.kitchen_btn {background:transparent url(../images/gallery_kitchen.jpg); background-repeat:no-repeat; width: 420px;}

#gallery a {display:block; height: 40px; text-indent: -9999px; border-bottom: none;}

#gallery a#gallery_link {background:transparent url(../images/gallery_btn.jpg) no-repeat;}
#gallery a#landscape_link {background:transparent url(../images/gallery_landscape.jpg) no-repeat;}
#gallery a#irrigate_link {background:transparent url(../images/gallery_irrigate.jpg) no-repeat;}
#gallery a#fire_link {background:transparent url(../images/gallery_fire.jpg) no-repeat;}
#gallery a#ponds_link {background:transparent url(../images/gallery_ponds.jpg) no-repeat;}
#gallery a#kitchen_link {background:transparent url(../images/gallery_kitchen.jpg) no-repeat;}

#gallery a#gallery_link:hover {background-position:0px -40px; z-index:50;}
#gallery a#landscape_link:hover {background-position:0px -40px; z-index:50;}
#gallery a#irrigate_link:hover {background-position:0px -40px; z-index:50;}
#gallery a#fire_link:hover {background-position:0px -40px; z-index:50;}
#gallery a#ponds_link:hover {background-position:0px -40px; z-index:50;}
#gallery a#kitchen_link:hover {background-position:0px -40px; z-index:50;}



/* ----------- link fix ----------- */

a {outline: none;}

:focus {-moz-outline-style: none;}
 
 /* *** Float containers fix: *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}