
/* CSS Document */
html { min-height: 100%; margin-bottom: 1px; }

body.contentbgcolor { margin:0;text-align: center;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;}
* {margin: 0, padding:0;}
.contentbgcolor img { border: none; display: block; }
/* default link styles  */

.contentbgcolor a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #48481c; text-decoration: none; }
.contentbgcolor a:link em { font-style: italic; color: #48481c; text-decoration: none; }

.contentbgcolor a:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #48481c; text-decoration: none; }
.contentbgcolor a:visited em { font-style: italic; color: #48481c; text-decoration: none; }

.contentbgcolor a:hover { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;  color: #999912; text-decoration: none; }
.contentbgcolor a:hover em { color: #999912; text-decoration: none;  }

.contentbgcolor a.strong { font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }


.clearfloats { clear: both; line-height: 0px; }

.contentbgcolor h1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;font-size: 24px; text-decoration: none; color: #4b4b1f; line-height: 25px;}

.contentbgcolor .hd1 { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;font-size: 18px; text-decoration: none; color: #000; }

.contentbgcolor h2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 10px; text-decoration: none; text-transform: uppercase; color: #666; }
.contentbgcolor .hd2 { display: block; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;font-size: 10px; text-decoration: none; text-transform: uppercase; color: #666; }
            
.contentbgcolor h3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;  font-size: 10px; text-decoration: none; color: #999; }

#contentwrapper {width: 900px;margin-right:auto;margin-left:auto;text-align: left;}

#main_header { width: 900px;display: block; margin: 0}



/*
 * Nav Area
 #main_nav { width: 900px;position: relative; margin: 0; padding: 30px 0px 0 20px; height: 39px;}
#main_nav ul {margin: 0 0 0 30px; list-style: none;float: left;padding-left:30;}
#main_nav li {margin: 0;float: left;padding: 0 30px 0 0;}
#main_nav li span {display:none;} 
#main_nav li a:hover{background-position:0 -12px;}
#main_nav li a.selected{background-position:0 -12px;}
 */
#main_nav { width: 900px;height: 32px;_height: 0px;position: relative; margin: 0;padding: 1px 0px 1px 0px;}
#main_nav ul { width:900px;_width: 900px;height: 32px;margin: 0;  padding: 0;list-style: none; text-align:center; background:url("images/nav_bgd.gif") repeat-x; }
#main_nav li { height: 27px;_height: 27;padding-top: 6px;padding-top: 5px;position: relative; margin: 0;float: left;text-transform: uppercase;  border-right:1px solid #ffffff;text-decoration: none; }

#main_nav li a:link{text-decoration: none;}
#main_nav li a:hover{text-decoration: none;}
#main_nav li a.selected{ text-decoration: none; font-weight:bold;}

#main_nav li.first {  margin: 0;width:74px;}
#main_nav li.aboutus {  margin: 0;width:106px;}
#main_nav li.ourwork { width:106px;}
#main_nav li.links { width:78px; }
#main_nav li.eco { width:241px;  }


#maincontent {margin: 0; height: 330;}

#leftside {margin: 0;width: 311px;height: 305px;float: left; padding: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-left:1px solid #cfcf79; line-height: 18px;}

#leftsideeco {margin: 0;width: 311px;float: left; padding: 12px;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border-left:1px solid #cfcf79; line-height: 18px;}
#leftsideeco ul{margin: 0; list-style:none; padding:0;padding:8px 8px 8px 20px;list-style-image:url(images/bullet.gif); }
#leftsideeco li{margin: 0; }

#midshadow {height: 330px; width:14px ; float: left;background:url(images/left_shadow.gif) repeat-y;}

#rightside { margin: 0; padding: 0;width:550px; float: left;
  height:330px;
  background:url(images/home_feature_img.jpg) no-repeat;
  }
   
#rightsideaboutus { margin: 0; padding: 0;width:550px; float: left;
  height:330px;
  background:url(images/aboutus_feature_img.jpg) no-repeat;
  }

#rightsidelinks { margin: 0; padding: 0;width:550px; float: left;
  height:330px;
  background:url(images/links_feature_img.jpg) no-repeat;
  }

#rightsideeco { margin: 0; padding: 0;width:550px; float: left;
  height:330px;
  background:url(images/eco_feature_img.jpg) no-repeat;
  }
  
#bottomshadow {height: 15px; width:550px ; float: left;background:url(images/bttm_shadow.gif) repeat-x;}

#rightsidebullets{width:550px;float: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;line-height: 18px;}
#rightsidebullets ul{margin: 0; list-style:none; padding:0;padding:8px 8px 8px 20px;list-style-image:url(images/bullet.gif); }
#rightsidebullets li{margin: 0;  }


#rightsidetransparency
  {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px;text-align: right;
  margin:0;
  padding-top: 3px;
   width:550px;
  height:23px;
   background:url(images/feature_bgd.gif) repeat-y;
  /* for IE */
  filter:alpha(opacity=70);
  /* CSS3 standard */
  opacity:0.7;
  }
  
#rightsidetransparency a{ font-size: 15px;}
#rightsidetransparency a:hover{  color: #999912;}

#rightsidetransparency a.seemore{font-size: 11px;}
#rightsidetransparency a:hover.seemore{  color: #999912;}

#intro {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0; padding:10px; background-color:#f3f3da}

#row1 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin:0; text-transform: uppercase; color: #666;padding-bottom: 20px; }

#row1 ul{list-style:none; margin: 0;padding: 0px 0px 0px 10px;}
#row1 li{ width:150px; float: left; padding:30px 13px 0px 13px;}


#slideshow { width:900px; margin: 0;}


#leftslideshow { width: 453px;float:left;padding-right: 17px;}
#ltslideshowimage { width: 453px; padding-bottom: 1px;}
#ltslideshowcontrols { float: left;width: 453px; height: 23px;background-color:#e2e2a4; padding: 5px 0 0 0; vertical-align: middle; }

.slideshowContainer {
	position: relative;
	width: 453px;
	height: 328px;
	margin-right: 17px;
	float: left; padding-bottom: 1px;

}


.slideshowThumbnail {
	outline: none;
	float:left
}

.slideshowThumbnail img {
	border: 1.5px solid white;
	padding: 0px;
	_padding-left: 2px;
	margin-left: 5px;
	margin-top: 3px;
}

a:hover.slideshowThumbnail img {
	border: 1.5px solid red;
	padding-left: 0px;
	_padding-left: 2px;
	margin-left: 5px;
	margin-top: 3px;
}

.current img {
	border: 1px solid orange;
	padding: 0px;
	_padding: 0px;
	margin-left: 5px;
	margin-top: 3px;
	float:
}

.outline {
	border: 1px solid orange;
	z-index: 0;
	position: absolute;
	margin: 0px;
	padding: 0px;
	_margin:1px;
}


#thumbnails { margin:0;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:0; padding-bottom:5px;float: left; width:430px
}


#thumbnails p{float: left;margin: 0;padding: 6px 15px 0 10px;_padding: 6px 15px 0 10px;
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: red;
}
#thumbnails p a{float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: red;
}
#thumbnails p a:hover{float: left;
	font-family: Arial, Helvetica, Verdana, sans-serif; font-size: 11px; color: pink;
}




#arrow{float: right; margin-right:5px;}
#midtext{float: right; margin-right: 5px;}

#rightslideshow { width: 430px;float:left;}
#rtslideshowtitle { padding: 10px 0 10px 0;font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal;font-size: 24px; text-decoration: none; color: #4b4b1f; line-height: 25px;}




#rtslideshowdescrip {float: left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin:0; padding:10px 0 10px 0;}

#moregardens {margin: 3px 0 3px 0;width:900px; height: 23px; background-color:#4c4c1f; color:#FFFFFF; padding: 3px 0 0 10px;}

#gardenscroll { margin:0;padding: 0;width:900px; float: left;   
   }
#gardenscroll ul{ list-style:none; margin:0;padding: 0;}
#gardenscroll li{float: left;  height: auto;
padding: 15px 0 0 20px;}



#bottomborder{ padding-top: 0px;margin: 0;_padding: 0px;border-bottom:1px solid #cfcf79;}

#footer{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;padding-top: 30px; text-align:center}



