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

#preload {
display:none;
}


#body-main {
	color:#333333;}
	
body-main a:hover {
	color: #FFFFFF ;
	text-decoration: none;
}
body-main a:visited {
	color: #FFFFFF ;
	text-decoration: none;
}

body-main a:link {
	color: #333333;
	text-decoration:none;
}	
	
	

#background {
	width:800px;
	height:1000px;
	margin:auto;
	overflow: hidden;
	background-image: url(../images/photo-main_02.jpg);
	background-position: 50% 55px;
	background-repeat:no-repeat;
	display:block;
	}
	
#sub-background {
	width:800px;
	height: 800px;
	overflow: visible;
	background-image: url(../images/sub-bkg.png);
	background-position: 50%;
	background-repeat:repeat-y;
	display:block;
	position: relative;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	}	

#lifestyle {
	width:800px;
	height:1000px;
	margin:auto;
	overflow: hidden;
	background-image: url(../images/lifestyle-main.jpg);
	background-position: 50% 55px;
	background-repeat:no-repeat;
	display:block;
	}


#form {
	width:800px;
	height:1000px;
	margin:auto;
	overflow: hidden;
	background-image: url(../images/form-page.jpg);
	background-position: 50% 55px;
	background-repeat:no-repeat;
	display:block;
	}
	
#toolbox {
	width:800px;
	height:1000px;
	margin:auto;
	overflow: hidden;
	background-image: url(../images/toolbox-main.png);
	background-position: 50% 55px;
	background-repeat:no-repeat;
	display:block;
	}

#toolbox-reply {
	width:800px;
	height:1000px;
	margin:auto;
	overflow: hidden;
	background-image: url(../images/toolbox-reply.jpg);
	background-position: 50% 55px;
	background-repeat:no-repeat;
	display:block;
	}
	
	
#sprink-drip {
	width:800px;
	height:1000px;
	margin:auto;
	overflow: hidden;
	background-image: url(../images/sprink-drip.jpg);
	background-position: 50% 55px;
	background-repeat:no-repeat;
	display:block;
	}

#landscape {
	width:800px;
	height:1000px;
	margin:auto;
	overflow: hidden;
	background-image: url(../images/landscaping-rockchair.jpg);
	background-position: 50% 55px;
	background-repeat:no-repeat;
	display:block;
	}



#service {
	width:800px;
	height:1000px;
	margin:auto;
	overflow: hidden;
	background-image: url(../images/pointing.jpg);
	background-position: 50% 52px;
	background-repeat:no-repeat;
	display:block;
	}
	
	
#header {
	width:800px;
    height:100px;
    display:block;
    background-image: url(../images/header_01.png);
    background-repeat:no-repeat;
    background-position: 50% top;
    overflow: visible;
	}
#sub-header-title {
	width:800px;
	height: 225px;
	overflow: visible;
	background-position: 50% 0px;
	background-repeat:no-repeat;
	display:block;
	position: relative;
	top: 0px;
	background-image: url(../images/sub-skin.png);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: lighter;
	color: #39A24E;
	}	
#subheader-photo-sod {
	width:800px;
	height:200px;
	display:block;
	background-image: url(../images/sod-page.png);
	background-position: 50% 0px;
	background-repeat:no-repeat;
	display:block;
	position: relative;
	top: -15px;
	}
	
#subheader-photo-flagstone {
	width:800px;
	height:200px;
	display:block;
	background-image: url(../images/flagstone-page.png);
	background-position: 50% 0px;
	background-repeat:no-repeat;
	display:block;
	position: relative;
	top: -15px;
	}
	

#subheader-photo-pond {
	width:800px;
	height:200px;
	display:block;
	background-image: url(../images/pond-page.png);
	background-position: 50% 0px;
	background-repeat:no-repeat;
	display:block;
	position: relative;
	top: -15px;
	}
	
		
	
#navwrapper {
	width: 195px;
	height:200px;
	float:left;
	display:block;
	padding-top: 60px;
	position: relative;
	left: 0px;
	color: #333333;
	}
	
	

navwrapper a:hover {
	color: #FFFFFF ;
	text-decoration: none;
}
navwrapper a:visited {
	color: #FFFFFF ;
	text-decoration: none;
}

navwrapper a:link {
	color: #FFFFFF ;
	text-decoration:none;
}
	
#sub-navwrapper {
	width: 195px;
	float:left;
	display:block;
	overflow: visible;
	position: relative;
	top: -20px;
	z-index: 10;
	
	}
	
	
	
#fill-form {
	width: 450px;
	height:300px;
	float:left;
	display:block;
	position: relative;
	top: 50px;
	left: 165px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	overflow: visible;
	list-style-type: none;
	visibility: visible;
	line-height: 18px;
	}
	
#schedule-now {
	width: 210px;
	height:50px;
	float:left;
	display:block;
	background-image:url(../images/shedule-now-on.png);
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	overflow: visible;
	list-style-type: none;
	visibility: visible;
	z-index: 50;
	left: -150px;
	top: 20px;
	}
#schedule-now:hover  {
	
	background-image:url(../images/shedule-now-over.png);
	
	}	

	
	
	
#button {
	width:180px;
	height:27px;
	display:block;
	background-image: url(../images/js-button-on.png);
	background-position:center center;
	background-repeat:no-repeat;
	overflow:hidden;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bolder;
	font-size:13px;
	color:#FFFFFF;
	list-style:none;
	padding-top: 4%;
	padding-left: 15px;
	}
	
#button:hover {
	background-image:url(../images/js-button-over.png);
	color: #FFFFFF;
	}

#button:link {
	text-decoration:none;
	color:#FFFFFF;
	}
	
#button:visited {
	text-decoration: none;
	color: #FFFFFF;
}
#button:active {
	background-image: url(../images/js-button-on.png);
}
	
#body-main {
	width:800px;
	height: 500px;
	display:block;
	float:left;
	overflow:hidden;
	margin-left: -8px;
	}

#sub-body-main {
	width:475px;
	height: auto;
	display:block;
	float:right;
	overflow:hidden;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: lighter;
	padding-right: 25px;
	padding-left: 25px;
	}


	
#footer {
	width:800px;
	height:399px;
	display:block;
	position:relative;
	bottom: 0px;
	left:0;
	float:left;
	z-index: 20;
	overflow:visible;
	background-image: url(../images/news-footer_04.png);
	background-repeat: no-repeat;
	background-position: center top;
	}
	
#sub-footer {
	width:800px;
	height:113px;
	display:block;
	z-index: 20;
	overflow:visible;
	background-image: url(../images/sub-footer.png);
	background-repeat: no-repeat;
	background-position: center top;
	position: relative;
	bottom: 0;
	margin-right: auto;
	margin-left: auto;
	top: -20px;
	clear: left;
	}
	
	

#header-left {
	width:660px;
	height: 100px;
	display:block;
	overflow:visible;
	float:left;
	}

#header-right {
	width: 140px;
	height:100px;
	float:right;
	display:block;
	}

#top-seo {
	width:645px;
	height: 15px;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:52%;
	font-weight:lighter;
	color: #009C45;
	overflow:hidden;
	padding-top: 30px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	text-indent: 15px;
	}
	
#logo {
	width: 600px;
	height:inherit;
	position:relative;
	left:30px;
	z-index:10;
	display:block;
	overflow:visible;
	}

#breadcrumbs {
	width:300px;
	height: 15px;
	display:block;
	float: right;
	padding-top: 35px;
	padding-right: 0;
	padding-left: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: lighter;
	color: #666666;
	}
#news-upper {
	width: 800px;
	height:175px;
	display:block;
	overflow:visible;
	float: left;
	}

#news-cols1 {
	width:225px;
	height:165px;
	display:block;
	float:left;
	overflow:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
	padding-top: 2px;
	font-style: italic;
	padding-right: 20px;
	text-align: right;
	position: relative;
	left: 50px;
	top: -20px;
	}


#news-cols2 {
	width:400px;
	height:115px;
	display:block;
	float:left;
	overflow:hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #FFFFFF;
	padding-top: 55px;
	line-height: 20px;
	}
	
#news-cols2 a: link {
	text-decoration: underline;
	}
	

#news-cols2-image {
	width:400px;
	height:115px;
	display:block;
	float:left;
	overflow:visible;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: lighter;
	color: #FFFFFF;
	padding-left: 15px;
	padding-top: 12px;
	}


#news-cols3 {
	width:50px;
	height:175px;
	display:block;
	float:left;
	overflow:visible;
	padding-left: 50px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	}

#news-lower {
	width: 425px;
	height:100px;
	display:block;
	float: left;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #FFFFFF;
	line-height: 20px;
	overflow: visible;
	padding-top: 35px;
	}
	

#news-lower-right-single {
	width: 300;
	height:100px;
	display:block;
	overflow: visible;
	position: relative;
	top: -30px;
	left: 30px;
	}
	
#news-lower-right-triple {
	width: 300;
	height:100px;
	display:block;
	overflow: hidden;
	text-align: center;
	padding-top: 25px;
	float: right;
	padding-right: 30px;
	}


#news-lower  A:hover {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: lighter;
}
	

#thumbs {
	width: 720px;
	height:110px;
	display:block;
	float: left;
	text-align:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: lighter;
	color: #FFFFFF;
	line-height: 20px;
	overflow: visible;
	padding-right: 50px;
	padding-bottom: 0;
	padding-left: 30px;
	padding-top: 25px;
	}
	

#conversion {
	width:800px;
	height:60px;
	display: block;
	float:left;
	overflow:hidden;
	background-color: #00FF33;
	list-style-type: none;
	}

#conversion-wrapper {
	width:800px;
	height:50px;
	display: block;
	float:left;
	overflow:visible;
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: center center;
	position: relative;
	text-align: center;
	top: -16px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 45px;
	}
	
#conversion-cols1 {
	width:325px;
	height:100px;
	display:block;
	overflow:hidden;
	list-style-type: none;
	background-image: url(../images/toolbox-on.png);
	background-repeat: no-repeat;
	float: left;
	position: relative;
	}
	
#conversion-cols1:hover {
	background-image:url(../images/toolbox-over.png);
}

#conversion-cols1-tool {
	width:325px;
	height:100px;
	display:block;
	overflow:hidden;
	list-style-type: none;
	background-image: url(../images/toolbox-on.png);
	background-repeat: no-repeat;
	float: left;
	}
	
#conversion-cols1-tool:hover {
	background-image:url(../images/toolbox-over.png);
}


#conversion-cols2 {
	width:400px;
	height:120px;
	display:block;
	overflow:hidden;
	list-style-type: none;
	background-image: url(../images/winter-diy-oN.png);
	background-repeat: no-repeat;
	position: relative;
	}
	
#conversion-cols2:hover {
background-image:url(../images/winter-diy-over.png);
}


#conversion-cols3 {
	width:255px;
	height:175px;
	display:block;
	float:left;
	overflow:hidden;
	}

#hours {
	padding-top: 10px;
	border-top-width: thin;
	border-top-style: dotted;
	border-top-color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	height: 145px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	position: relative;
	width: 205px;
	background-image: none;
	background-repeat: no-repeat;
	background-position: center center;
	left: 38px;
	display: block;
}

#hours a {color:#333333;}

ul.hours  a:hover {
	color: #FFFFFF ;
	text-decoration: none;
}
ul.hours  a:visited {
	color: #FFFFFF ;
	text-decoration: none;
}
ul.hours  a:link {
	color: #333333;
	text-decoration:none;