/* generc resets */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1.5;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}


/* generc */

input[type="radio"] {

  width:16px;
  border:none;
  padding:1px;
  margin:4px 0;
  background:transparent;
}


.clearfix:after
{
  clear:both;
  content:".";
  display:block;
  height:0;
  visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

h1,h2,h3,h4,h5
{
  font-family:arial,sans-serif;
}

.right
{
  float:right;
}

.left
{
  float:left;
}

.clearleft
{
  clear:left;
}

p
{
  margin:15px 0;
}

ul
{
  list-style-type:none;
  margin:0;
  padding:0;
  text-indent:0;
}

h1
{
/*
  font-size:140%;
  line-height:110%;
*/
}

h2
{
  font-size:110%;
}

h3, h1{
  color:#7D3423;
  font-size:122%;
}

h4
{
  font-size:110%;
}

a:link,a:visited
{
  color:#464646;
  text-decoration:none;
}

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

label
{
  clear:both;
  display:block;
  margin:6px 0;
  padding:0;

}

label.narrow {
  width:60px !important;
}

input
{
  border:1px solid #bbb;
  border-top:1px solid #666;
  border-left:1px solid #666;
  height:20px;
  background:#f7f7f7;
}

input:focus
{
  background:#fff;
  border: 1px solid #AA88FF;
}


input.button
{
  clear:left;
  background:#900;
  border-bottom:2px solid #111;
  border-right:1px solid #111;
  color:#fff;
  display:block;
  height:auto! important;
  margin:40px 0;
  padding:4px 30px;
}

input.button:hover
{
  clear:left;
  background:#f00;
}

select {
  padding:0;
  margin:0;
  font-size:11px;
}

/* layout */

body
{
  background:#e1ddd3;
  font-family:verdana,arial;
  font-size:11px;
}

div#header
{
  background:#900 url(../i/bg-header.jpg) -5px 0;
  height:140px;
  position:relative;
}

div.divider,div.divider-top
{
  background:#900 url(../i/bg-redwood.jpg);
  height:20px;
  overflow:hidden;
}

div#wrapper
{
  text-align:center;
}

div#content
{
  background:#fff;
  clear:both;
  margin:0 auto;
  text-align:left;
  width:875px;
}

div#content .padder
{
  padding:15px 25px;
}

#logo h2 a
{
  background:url(../i/logo.gif) no-repeat;
  background-position:21px -15px;
  float:left;
  height:97px;
  text-indent:-999px;
  width:387px;
  display:block;
}

#phone
{
  /* background:url(../i/phone-zzz.gif);*/
  float:right;
  height:29px;
  width:191px;
}

#footer
{
  background:#e1ddd3;
  line-height:200%;
  padding:20px;
  text-align:center;
}

#footer a:link,#footer a:visited
{
  color:#333;
}

#header ul li
{
  float:left;
  font-family:arial,verdana,sans-serif;
}

#nav-upper ul
{
  bottom:56px;
  float:right;
  position:absolute;
  right:10px;
}

#nav-upper ul li
{
  color:#fff;
  font-size:14px;
  height:33px;
}

#nav-upper ul li.sep
{
  background:url(../i/screw.gif) 0 1px no-repeat;
  height:33px;
  margin:0 20px;
  width:12px;
}

#nav-main ul
{
  bottom:0;
  clear:both;
  float:right;
  position:absolute;
  right:0;
}

#nav-main ul li
{
  color:#dad5cb;
  font-size:15px;
  margin-left:12px;
  padding:5px 23px 3px;
}

#nav-main ul li a,#nav-upper ul li a
{
  color:#dad5cb;
  text-decoration:none;
}

#nav-upper ul li a:hover,#nav-main ul li a:hover
{
  color:#fff;
}

body.home div.leftcol
{
  margin-top:10px;
  width:270px;
}

body.home div.rightcol
{
  background:#eee url(../i/home-banner.jpg) no-repeat;
  border:1px solid #E2D7CC;
  height:217px;
  margin-top:10px;
  overflow:hidden;
  width:536px;
}

#buckets
{
  clear:both;
  height:257px;
  margin:20px -13px;
}

#buckets li
{
  background:#eee url(../i/bg-buckett.jpg) no-repeat;
  float:left;
  height:257px;
  margin-left:8px;
  padding:0;
  text-align:center;
  width:277px;
}

#buckets li div
{
  padding:30px 20px 10px;
}

#buckets li.first
{
  margin-left:0;
}

#buckets li h3
{
  color:#7D3423;
  margin-top:0;
  letter-spacing:-1px;
}

#buckets li img
{
  border:1px solid #E2D7CC;
  height:127px;
  margin:15px 0 10px 5px;
  width:192px;
}

#buckets li a,table#products-table td p a
{
  color:red;
  display:block;
  font-family:arial,verdana,sans-serif;
  font-size:12px;
  text-decoration:underline;
}

body.free-estimate div.rightcol
{
  background:#eee;
  height:395px;
  margin-top:10px;
  overflow:hidden;
  padding:10px;
  width:455px;
}

body.contact div.rightcol
{
  background:#eee;
  height:395px;
  margin-top:10px;
  overflow:hidden;
  width:475px;
}

div.empty
{
  height:550px;
}

body.contact div.leftcol
{
  height:500px;
  margin-top:10px;
  width:335px;
}

body.contact h3
{
  font-size:17px;
  margin:0 0 4px -10px;
}

body.contact div#header
{
  background:#900 url(../i/bg-header-soil.jpg) -5px 0;
}

body.free-estimate div.leftcol
{
  height:500px;
  margin-top:10px;
  width:500px;
}

body.free-estimate div.rightcol
{
  background:#eee;
  height:395px;
  margin-top:10px;
  overflow:hidden;
  width:275px;
}

div#contact-form
{
  width:180px;
  float:right;
  background:#e7e7e7;
  padding:10px;
  margin:15px 0;
  -moz-border-radius:12px;
}

div#menu-left
{
  float:left;
  width:180px;
  min-height:570px;
  height:auto!important;
/* xtra height stuff here is fix for ie lack of min height */
  height:570px;
  overflow:hidden;
}

div#menu-left h2
{
  color:#fff;
  font-style:italic;
  height:25px;
  margin:5px 0 5px 10px;
  font-weight:400;
}

ul.menu,ul.menu ul
{
  list-style-type:none;
  margin:0 auto;
  padding:0;
  width:170px;
  text-align:left;
}

ul.menu a
{
  display:block;
  text-decoration:none;
}

ul.menu li
{
  margin-top:1px;
}

ul.menu li a,ul.menu ul.menu li a
{
  background:#333;
  color:#fff;
  padding:.5em;
}

ul.menu li a:hover,ul.menu ul.menu li a:hover
{
  background:#000;
}

ul.menu li ul li a,ul.menu ul.menu li ul li a
{
  background:#ccc;
  color:#000;
  padding-left:20px;
}

ul.menu li ul li a:hover,ul.menu ul.menu li ul li a:hover
{
  background:#aaa;
  border-left:5px #464646 solid;
  padding-left:15px;
}

ul.menu ul.menu li a:hover
{
  border-left:0;
  padding-left:.5em;
}

ul.menu ul.menu
{
  border-left:5px red solid;
}

ul.menu a.active,ul.menu ul.menu li a.active,ul.menu a.active:hover,ul.menu ul.menu li a.active:hover
{
/* background: #c00;*/
}

ul.menu a.highlight{
  background: #fff !important;
}
ul.menu a.highlightamish{
  background: #A2928A !important;
}
ul.menu a.highlightstone{
  background: #858E9B !important;
}
ul.menu a.highlightplaysets{
  background: #B97B36 !important;
}
ul.menu a.highlightservices{
  background: #A16B66 !important;
}

ul.menu span.triangle
{
  background:transparent url(../i/nav-triangles.gif) 0 7px no-repeat!important;
  height:17px;
  width:20px;
  display:inline-block;
}

ul.menu a.active span.triangle
{
  background:transparent url(../i/nav-triangles.gif) 0 -20px no-repeat!important;
}


ul.acitem {
  display:none;
}

  div.panel
{
  border:1px #000 solid;
  padding:5px;
  margin-top:1px;
}

ul.menu div.panel a,ul.menu div.panel li a:hover
{
  display:inline;
  color:#666;
  background:none;
  margin:0;
  padding:0;
  border:none;
  font-weight:700;
}

ul.menu div.panel a:hover
{
  color:#000;
  text-decoration:underline;
}

body.products div.padder
{
  padding:0 7px 15px 0!important;
}

body.products a{
  color:red;
  /* font-family:arial,verdana,sans-serif; */
}
body.products a:hover{
  color:red;
  text-decoration:underline;
}

#products-grid li{
  margin-left: 22px;
  list-style: circle;
	}
#products-grid li a{
	text-decoration:none;
	border-bottom:1px dotted black;
}
#products-grid li a:hover{
	text-decoration:underline;
	border-bottom:0px dotted black;
}

body.stone div#header
{
  background:#900 url(../i/bg-header-tile.jpg) -5px 0;
}

body.stone div.divider-top,body.stone div#menu-left,li.nav1
{
  background:#24354C;
}

body.stone ul.menu li ul li a,body.stone ul.menu ul.menu li ul li a
{
  background:#738498;
  color:#111;
}

body.stone ul.menu li ul li a:hover,body.stone ul.menu ul.menu li ul li a:hover
{
  background:#fff;
  color:#333;
}

body.stone ul.menu li a,body.stone ul.menu ul.menu li a
{
  background:#364B65;
  color:#fff;
}

body.landscaping-products div#header
{
  background:#900 url(../i/bg-header-grass.jpg) -5px 0;
}

body.landscaping-products div.divider-top,body.landscaping-products div#menu-left,li.nav2
{
  background:#363E11;
}

body.landscaping-products ul.menu li ul li a,body.landscaping-products ul.menu ul.menu li ul li a
{
  background:#EBEEDF;
  color:#111;
}

body.landscaping-products ul.menu li ul li a:hover,body.landscaping-products ul.menu ul.menu li ul li a:hover
{
  background:#fff;
  color:#333;
}

body.landscaping-products ul.menu li a,body.landscaping-products ul.menu ul.menu li a
{
  background:#46531A;
  color:#fff;
}

body.amish-structures div#header
{
  background:#900 url(../i/bg-header-wood.jpg) -5px 0;
}

body.amish-structures div.divider-top,body.amish-structures div#menu-left,li.nav3
{
  background:#381806;
}

body.amish-structures ul.menu li a,body.amish-structures ul.menu ul.menu li a
{
  background:#5A3D30;
  color:#fff;
}

body.amish-structures ul.menu li ul li a:hover,body.amish-structures ul.menu ul.menu li ul li a:hover
{
  background:#fff;
  color:#333;
}

body.amish-structures ul.menu li ul li a,body.amish-structures ul.menu ul.menu li ul li a
{
  background:#C4BBB9;
  color:#111;
}

body.playsets div#header
{
  background:#900 url(../i/bg-header-light-wood.jpg) -5px 0;
}

body.playsets div.divider-top,body.playsets div#menu-left,li.nav4
{
  background:#a75901;
}

body.playsets ul.menu li a,body.playsets ul.menu ul.menu li a
{
  background:#AB7230;
  color:#fff;
}

body.playsets ul.menu li ul li a:hover,body.playsets ul.menu ul.menu li ul li a:hover
{
  background:#fff;
  color:#333;
}

body.playsets ul.menu li ul li a,body.playsets ul.menu ul.menu li ul li a
{
  background:#F7D3A8;
  color:#111;
}

body.services div.divider-top,body.services div#menu-left,li.nav5
{
  background:#6D180F;
}

body.services ul.menu li a,body.services ul.menu ul.menu li a
{
  background:#7E2C21;
  color:#fff;
}

body.services ul.menu li ul li a:hover,body.services ul.menu ul.menu li ul li a:hover
{
  background:#fff;
  color:#333;
}

body.services ul.menu li ul li a,body.services ul.menu ul.menu li ul li a
{
  background:#E2D8D7;
  color:#111;
}

div#products-grid
{
  width:460px;
  float:left;
  text-align:left;
  margin:20px 0 0 15px;
}

div#products-grid form label
{
  width:250px;
  float:left;
  margin:0;
}

div#products-grid fieldset
{
  margin:5px 0;
  background:#e8e8e8;
  padding:4px;
}

table#products-table td
{
  text-align:center;
  margin:2px;
}

table#products-table
{
  clear:left;
  margin:20px 0;
  border-spacing: 3px;

}

table#products-table td p
{
  margin:2px 0 15px;
}