@charset "utf-8";
/* CSS Document */


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,fieldset,input,textarea,p,blockquote {
	margin:0;
	padding:0;
}

fieldset,img { 
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 { 
	font-size:100%;
	font-weight:normal;
}

/*start of rules*/

h1 {	
	font-size:20px;
	}

h2	{
	font-size:18px;
	}
	
h3	{
	font-size:16px;
	}
	
h4	{
	font-size:14px;
	}
h5	{
	font-size: 12px;
	}
	
body	{
	background-color:#B6CDCA;
	font-family: Trebuchet MS, Helvetica, sans-serif;
	color:  #505C6B;
	}

p {
	font-size:14px;
	}

/*Test*/
a {
	text-decoration:none;
	
	}

a	{
	color: #505C6B;
	}

/*a:visited	{
	color:#33FF66;
	}
	*/
a:hover	{
		color: #C05F36;
		}
/*end test*/
	
#nav {
	width:100%;
	background-color:#505C6B;
	height:42px;
	text-align:center;
	}
	
#nav ul	{
	width: 800px;
	margin: 0 auto;
	text-align:center;
	}
	
#nav ul li	{
	display:inline;
	font-size:1.1em;
	color:#FFFFFF;
	margin-right:1.2em;
	line-height:42px;
	}
	

#nav ul li a {
	text-decoration:none;
	color:#FFFFFF;	
	}




#nav a:hover 	{
	color: #8FBA3E;
	font-weight:100;
	}


	
#nav .current {
	color:#8FBA3E;
	}
	
#spacer	{
	width: 100%;
	height:14px;
	background-color:#C05F36;
	}
	
#container	{
	width:800px;
	margin: 0 auto;
	background-image:url(images/bggrade.gif);
	background-position:center;
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	padding:0px 30px 0px 30px;
	}


#header	{
	height:110px;
	padding-top:20px;
	}

#header img	{
	margin-top:20px;
	}

#logo h1 {
	display:block;
	text-indent:-9999px;
	}
	
#logo	{
	background-image: url(images/logo.png);
	background-repeat:no-repeat;
	height:120px;
	}
#col1 {
	width:475px;
	float:left;
	}


#slides	{
	width:475px;
	height:320px;


	}
	
.images	{
	position:relative;
	height:300px;	
	}
	
.images div	{
	display:none;
	position:absolute;
	}
	


.i1	{
	background-image:url(images/slide1.jpg);
	background-repeat:no-repeat;
	height: 300px;
	width: 475px;
	
	}

.i2	{
	background-image:url(images/slide2.jpg);
	background-repeat:no-repeat;
	height: 300px;
	width: 475px;
	}
	
.i3	{
	background-image:url(images/slide3.jpg);
	background-repeat:no-repeat;
	height: 300px;
	width: 475px;	
	}
	
.i4	{
	background-image:url(images/slide4.jpg);
	background-repeat:no-repeat;
	height: 300px;
	width: 475px;	
	}	
	
	
	
.images h1	{
	font-size:24px;
	color:#FFFFFF;
	padding-top:265px;
	padding-left:20px;
	}
	
.images a	{
	text-decoration: none;
	}
	
.images a:hover	{
	color: #C05F36;
	}

#link {
	padding-top:10px;
	padding-bottom:20px;
	}



/* tabs (those little circles below slides) */
.tabs {
	clear:both;
	margin-left:200px;
}

/* single tab */
.tabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	display:block;
	font-size:1px;
	background-image: url(images/navigator.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}

/* mouseover state */
.tabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.tabs a.current {
	background-position:0 -16px;     
} 

#info	{
	margin-top:10px;
	}
	

#map	{
	clear:both;
/*	border-top:1px #505C6B solid;*/
	width: 110px;
	height:180px;
	float:left;
	}

	
	
#map li, #map2 li	{
	line-height: 16px;	
	}
	
#map a, #map2 a {
	padding-bottom:10px;
	font-size:12px;

	}	
	


	
#map2	{
	float:left;
	width: 110px;
	height:160px;
	border-right:dotted #505C6B 1px;
	/*	border-left:dotted #505C6B 1px;*/
	padding:15px 10px 0px 10px;
	margin-top:8px;
	
	}
	
#contact	{
	/*border-top:1px #505C6B solid;*/
	
	padding: 5px 0px 10px 0px;
	float:left;
	width:200px;
	padding-left:15px;
	display: inline;
	}

#contact a {
	font-size: 16px;
	}
	

#contact h4	{
 	font-size:10px;
	}
	

#rt1, #rt2, #rt3, #rt4, #rt5 {
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;

	}
#rt1 {
	background:url(images/gardentip.jpg) no-repeat 0 0				;
	height:142px;
	width:300px;
	float:right;
	margin-bottom:20px;
	}

#rt1:hover	{
	background-position: 0 -142px;
	}

#rt1 span	{
	display:none;
	}
	
#rt2 {
	background:url(images/rt2-rollover.jpg) no-repeat 0 0				;
	height:142px;
	width:300px;
	float:right;
	margin-bottom:20px;
	}

#rt2:hover	{
	background-position: 0 -142px;
	}

#rt2 span	{
	display:none;
	}
	
#rt3 {
	background:url(images/rt3-rollover.jpg) no-repeat 0 0;
	height:142px;
	width:300px;
	float:right;
	margin-bottom:20px;
	}

#rt3:hover	{
	background-position: 0 -142px;
	}

#rt3 span	{
	display:none;
	}	
	
#rt4 {
	height:142px;
	width:300px;
	float:right;
	margin-bottom:20px;
	background-image: url(images/rt4-rollover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#rt4:hover	{
	background-position: 0 -142px;
	}

#rt4 span	{
	display:none;
	}	

#rt5 {
	height:142px;
	width:300px;
	float:right;
	margin-bottom:20px;
	background-image: url(images/rt5-rollover.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

#rt5:hover	{
	background-position: 0 -142px;
	}

#rt5 span	{
	display:none;
	}

	

/*How to*/
#howto1	{
	width: 250px;
	height: 120px;
	float: left;
	}

#howto2	{
	width: 250px;
	height: 120px;
	float: left;
	}

#howto3	{
	width: 250px;
	height: 120px;
	float: left;
	}	
/*
#rt1 h1, #rt2 h1, #rt3 h1, #rt4 h1	{
	padding: 5px 10px 5px 10px;
	font-size:18px;
	font-style:normal;
	}
	
#rt1 h1, #rt3 h1	{
	color:#505C6B;
	}
	
#rt2 h1, #rt4 h1	{
	color:#FFFFFF;
	}


#rt1 p, #rt2 p, #rt3 p, #rt4 p {
	font-size:13px;
	color:#353E47;
	padding: 0px 150px 0px 10px;
	line-height:1.5em;
	}
	
#rt1 a, #rt2 a, #rt3 a, #rt4 a	{
	color: #FFFFFF;
	}
	
#rt1 a:hover, #rt2 a:hover, #rt3 a:hover, #rt4 a:hover	{
	color: #505C6B;
	}
	
#rt1 .current, #rt2 .current, #rt3 .current #rt4 .current	{
	color:#8FBA3E;
	}
	
#rt1 {
	height:142px;
	width:300px;
	float: right;
	background-color:#B6CDCA;
	}
	
	
	
#rt2 {
	height:142px;
	width:300px;
	float: right;
	margin-top:16px;
	background-color:#8FBA3E;
	}
	
#rt3 {
	height:142px;
	width:300px;
	float: right;
	margin-top: 16px;
	background-color:#B6CDCA;
	}

#rt4 {
	height:142px;
	width:300px;
	float: right;
	margin-top: 16px;
	background-color:#C05F36;
	}	
	
	*/
	
#specials	{
	min-height:400px;
	}	
	
#footer	{
	width: 860px;
	height: 58px;
	margin: 0 auto;
	background-image:url(images/footerbg.jpg);
	background-position:center;
	background-repeat:no-repeat;
	}	
	

/*garden-tips*/

#gardentip	{
	border-bottom:dotted #505C6B 1px;
	}

#tips p	{
	padding-bottom: 10px;
	}
	

.col1title {
	font-size: 22px;
	color:#FFFFFF;
	background-color: #8FBA3E;
	padding-top:10px;
	line-height:25px;
	height:30px;
	padding-left: 10px;
	}
#gardentip	h2	{

	padding:0px 0 5px 0;
	color: #505C6B;
	}

#gardentip	h3	{

	padding:0px 0 5px 0;
	color: #505C6B;
	}

#gardentip li	{
	margin-left:20px;
	list-style-type: disc;
	}
	
#gardencenter	{
	border-bottom:dotted #505C6B 1px;
	
	}	

	
#gardencenter h1	{
	padding-bottom: 2px;
	}	

#gardencenter p	{
	padding-bottom: 5px;
	}	
	
.gcwrap	{

	border-bottom:dotted #505C6B 1px;
	padding-bottom: 10px;
	padding-top:10px;
	}


#landscaping	{
	
	}



.divider	{
	background-color:#999999;
	color:#FFFFFF;
	Height: 25px;
	padding-left: 10px;
	line-height:25px;
	margin-bottom:10px;
	}






.center	{
	text-align: center;
}

.center_image	{
	display: block;
	margin-left: auto;
	margin-right:auto;
	}
	
.red	{
	color:#CC0000;
	}

.lswrap	{
	padding: 25px 0 10px 0;
	overflow:auto;
		}

.gtwrap	{
	padding: 15px 0 10px 0;
	overflow:auto;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
		}
.gtwrap h4	{
	font-weight:bold;
	}
	
.bullet_point	{
	list-style-position:inside;
	list-style: circle;
	}


.left_rtpadding	{
	float:left;
	padding-right:10px;
	}

.paddingtop	{
	padding-top: 10px;
	}	

.paddingleft	{
	padding-left: 20px;
	}
	
.paddingright	{
	padding-right:20px;
	}
		
.bottomdash	{	
	border-bottom:dotted #505C6B 1px;
	}	
	
.floatright	{
	float:right;
	}
.floatleft	{
	float:left;
	}
	
.clear	{
	clear:both;
	}

.padbottom	{
	padding-bottom:20px;
	}

.padleft	{
	padding-left: 20px;
	}	
	
	
.bold	{
	font-weight:bold;
	}


#bullet	{
	list-style-position: inside;
	list-style-type: circle;
	}


.small	{
	font-size:smaller;
	}



/*slideshow*/




/* root element for scrollable */
.vertical {
	/* required settings */
	position:relative;
	overflow:hidden;
	/* vertical scrollers have typically larger height than width */	
	height: 1000px;
	width: 475px;
	border-top:1px solid #ddd;
}

.scrollable	{
	
	}



/* root element for scrollable items */
.items {
	position:absolute;
	/* this time we have very large space for height */	
	height:20000em;
	margin: 0px;
	width:400px;
	
}

/* single scrollable item */
.items div {
	border-bottom:1px solid #ddd;
	margin:0px 0;
	padding:0px;
	font-size:12px;
	height:160px;
	
}

/* elements inside single item */
.items img {
	float:left;
	margin-right:20px;
	height:110px;
	width:110px;
	padding-top:4px;
}

.items h3 {
	margin:0 0 0px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
	width:475px;
	margin:30px 0 10px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.nextPage {
	float:right;	
	
}	
.largetest	{
	font-size:24px;
	}
	
/*.button {
	display:block;
	width:60px;
	height:18px;
	text-indent:-9999px;
}
.button a {
	display:block;
	width:100%;
	height:100%;
	outline:none;
	background-color: transparent;
	background-image: url(images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
}
.button a:hover {
	background-position:0 -18px;
}*/