body {
	background: #fff;
	color: #000;
	font: 12px Verdana, "Lucida Grande", Lucida, sans-serif;
	margin: 0px;
}

a:link		{ 
 color: #0076c0;
 text-decoration: underline;


 }
a:visited	{ 
 color: #00568F;
 text-decoration: underline;

 }
a:hover		{ 
color: #00568F;
 text-decoration: none;
 
}

img {
	border:none;
}
.invisible, hr {
	display: none;
}

.clear {
	font-size: 0;
	line-height: 0.0;
	height: 0;
	clear: both;
}

.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 */
body#home h1{
	color: #00568F;
	font-weight: normal;
	font-style: normal;
	font-size: 16px;
	margin-bottom: 6px;
	margin-top: 15px;
        line-height: 20px;
}
h3{
	color: #00568F;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 6px;
	margin-top: 18px;
        line-height: 18px;
}
h2{
	color: #00568F;
	font-weight: normal;
	font-style: normal;
	font-size: 14px;
	margin-bottom: 6px;
	margin-top: 18px;
        line-height: 18px;
}
h1{
	color: #00568F;
	font-size: 14px;
	text-transform: uppercase;
	margin-bottom: 6px;
	margin-top: 15;
        line-height: 18px;
}
#maincontainer{
width: 720px;
background: url(/images/logo-bg.gif) no-repeat left 10px;
margin: 0 auto;
}
body#home #maincontainer{
background: url(/images/logo.gif) no-repeat left 10px;	
}
#topsection{
height: 137px;
}

#topsection .logo{
margin: 0;
margin-top: 60px;
	float: left;

}
#topsection .logo a{
		width: 250px;
	height: 75px;
	display: block;
	text-decoration: none;
}
#topsection .navigation{
	width: 455px;
	float: right;
	margin-top: 120px;
	padding-right: 5px;
}
#topsection .navigation ul#nav{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-transform: uppercase;
	font: 11px Verdana, Lucida, "Lucida Grande", sans-serif;
}
#topsection .navigation ul#nav li{
	display: inline;
	margin-right: 8px;
}
#topsection .navigation ul#nav li.last{
	margin-right: 0;
}
#topsection .navigation ul#nav li a, #topsection .navigation ul#nav li a:visited{
	color: #0076c0;
	font-weight: bold;
	text-decoration: none;
}
#topsection .navigation ul#nav li a:hover{
color: #00a0af;
	font-weight: bold;
}
#topsection .navigation ul#nav li a.on, #topsection .navigation ul#nav li a:visited.on{
	color: #000;
}
#topsection .navigation ul#nav li a:hover.on{
color: #00a0af;
	
}
#contentwrapper{
float: left;
width: 100%;
color: #0076c0;
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 20px;
}

#contentcolumn{
margin-left: 150px; /*Set left margin to LeftColumnWidth*/
	
}
#contentcolumn p{
	margin-top: 0;
	margin-bottom: 12px;
}
.products-nav{
	background: url(/images/productsnav-bg.gif) no-repeat right center;
	height: 66px;
	margin-bottom: 15px;
}
.products-nav span{
	float: left;
	display: block;
	width: 55px;
	text-align: right;
	padding-top: 24px;
	padding-right: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
.products-nav img {
	float: left;
	margin-top: 5px;
	margin-right:6px;
}
.products-nav img.first{
	margin-left: 22px;
}
.products-nav a.product-1 {
background: url(/images/products-thumb1.gif) no-repeat center;

}
.products-nav a.product-2 img{
background: url(/images/products-thumb2.gif) no-repeat center;

}
.products-nav a.product-3 img{
background: url(/images/products-thumb3.gif) no-repeat center;

}
.products-nav a.product-4 img{
background: url(/images/products-thumb4.gif) no-repeat center;

}
.products-nav a.product-5 img{
background: url(/images/products-thumb5.gif) no-repeat center;

}
.products-nav a.product-6 img{
background: url(/images/products-thumb6.gif) no-repeat center;

}
.products-nav a.product-7 img{
background: url(/images/products-thumb7.gif) no-repeat center;

}

.products-nav a.product-1:hover img{
background: url(/images/products-thumb1hover.gif) no-repeat center;
}
.products-nav a.product-2:hover img{
background: url(/images/products-thumb2hover.gif) no-repeat center left;
}
.products-nav a.product-3:hover img{
background: url(/images/products-thumb3hover.gif) no-repeat center;
}
.products-nav a.product-4:hover img{
background: url(/images/products-thumb4hover.gif) no-repeat center;
}
.products-nav a.product-5:hover img{
background: url(/images/products-thumb5hover.gif) no-repeat center right;
}
.products-nav a.product-6:hover img{
background: url(/images/products-thumb6hover.gif) no-repeat center;
}
.products-nav a.product-7:hover img{
background: url(/images/products-thumb7hover.gif) no-repeat center;
}
body#home .column1 {
	width: 420px;
	float: left;

}
body#home .column2 {
	width: 120px;
	float: right;
}
body#home .column2 .quick-links{
	border-bottom: 1px solid #b2e2e7;
}
body#home .column2 .quick-links img{
	margin: 0 auto;
	display: block;
	padding-bottom: 25px;
}
body#home .column2 img.recycling{
	margin: 30px auto 0;
	display: block;
}
body#gallery .column1 {
width:380px;
float:left;
}
body#gallery .column2 {
width:160px;
float:right;

}
body#gallery .column2 h2{
font-weight:bold;
font-size:16px;
margin-top:65px
display:none;
}
#contentcolumn .contact-form {
	padding-top: 25px;
	margin-top: 25px;
	border-top: 1px solid #cccccc;
}
body#resources .company{
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	margin-bottom: 10px;
}
body#resources .company .col1{
	width: 90px;
	float: left;
}
body#resources .company .col2{
	width: 350px;
	float: left;
}
body#resources .company .col3{
	width: 70px;
	float: left;
	padding-left: 20px;
	padding-top: 50px;
}
body#resources .company span{
	font-size: 14px;
}
body#resources .company a, body#resources .company a:visited{
	text-decoration: none;
}
body#resources .company a:hover{
	text-decoration: underline;
}
#leftcolumn{
float: left;
width: 150px; /*Width of left column*/
margin-left: -720px; /*Set left margin to -(MainContainerWidth)*/
}
body#home #leftcolumn{
	background: url(/images/home-leftT.gif) no-repeat left top;
	margin-top: 10px;
	color: #fff;
	font-size: 12px;
	line-height: 13px;
	padding: 10px 0 0;
	margin-bottom: 0;
}

body#home #leftcolumn img.photo{
	margin-bottom: 10px;
}
body#home #leftcolumn h2{
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	text-align: center;
	margin: 0 3px 5px 0;
	color: #fff;
}

body#home #leftcolumn h2.wn{margin-bottom:0;padding-bottom:5px;}
body#home #leftcolumn h3{
	background-color: #0076c0;
	padding: 5px;
	text-align: center;
	margin: 0;
	font-size: 13px;
}
body#home #leftcolumn a, body#home #leftcolumn:visited{
	color: #fff;
	text-decoration: none;
}
body#home #leftcolumn a:hover{
	text-decoration: underline;
}
body#home #leftcolumn .news-summary{
	background:#00A0AF url(/images/home-leftB.gif) no-repeat left bottom;	
}
body#home #leftcolumn p.more{
	margin-bottom: 0;
}
body#home #leftcolumn .innertube{
	margin-bottom: 0;
	padding-bottom: 10px;
}
body#products #leftcolumn .sub-links{
	height: 246px;
	width: 149px;
	opacity: 0.72;
	margin-top: 100px;
	background: url(/images/products-left-bg.gif) no-repeat left top;
	padding-top: 20px;
}
body#products #leftcolumn .sub-links img{
	margin: 0 auto;
	display: block;
}

#leftcolumn #subnav{
margin-top:10px;
width:149px;
background-color:#d8f3f6 ;
}

body#home #leftcolumn #subnav h3{
background-color:#d8f3f6;
color:#00A0AF;
text-align:left;
padding-left:10px;
}

body#home #leftcolumn #subnav ul{ list-style:none; padding:0;margin:0 0 0 10px; float:left;}
body#home #leftcolumn #subnav ul li{line-height:17px;}
body#home #leftcolumn #subnav li a{color:#00A0AF;font-size:11px;text-decoration:none;}
body#home #leftcolumn #subnav li a:hover{text-decoration:underline;}

#footer{
clear: left;
width: 100%;
}



.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-top: 0;
}
.news-date {
float:right;
}
.news-head{
width:100%;
border-bottom:1px solid #ccc;
margin-bottom:1em;
clear:both;
}
.news-head h4{
color: #0076c0;
	font-weight: bold;
	font-style: normal;
	font-size: 13px;
	margin-top: 10px;
	margin-bottom:2px;
}
/* @group gallery */

.gallery-line{
width:600px;
clear:both;
height:100px;
}
.thumb {
float:left;
width:110px;
height:110px;
padding:0;
margin-right:10px;

}
.thumb a img{
margin:auto;
}
/* @end */
#pagination  strong{
color:#000;
}
#pagination a{
color:#646464;
text-decoration:none;
}
/* @group Forms */

input, textarea, select {
border:1px solid #c1c1c1;
color:#000;
float:left;
margin-right:1em;
}
.separator {
border-bottom:1px solid #c1c1c1;
padding-bottom:1em;
margin-bottom:1em;
color: #878787;
clear:both;
}
.lineContainer {
width:370px;
height:45px;
clear:both;
}
.fieldContainer {
float:left;
margin-right:9px;
}
.date {
width:30px;
margin-left:4px;
}
.xsmall {
width:60px;

}
.small {
width:140px;

}
.half{
width:170px;
}
.medium {
width:210px;

}
.large {
width:360px;
}
/* @end */
/* @group Crossfade*/
#fadeContainer {
	padding:1px;
	width: 422px;
				height: 284px;	
				position:relative;
overflow:hidden;
			}
.fade-box {
				margin-left: 0px;
				position: absolute;
				top: 0px;
                                left:0px;
				width: 420px;
				height: 282px;	
			}
			
			
#box-1 {
background:url(/images/home/Home1.jpg) no-repeat top left;
}
#box-2 {
background:url(/images/home/Home2.jpg) no-repeat top left;
}
#box-3 {
background:url(/images/home/Home3.jpg) no-repeat top left;
}

#box-4 {
background:url(/images/home/Home4.jpg) no-repeat top left;
}

#box-5 {
background:url(/images/home/Home5.jpg) no-repeat top left;
}
#box-6 {
background:url(/images/home/Home6.jpg) no-repeat top left;
}
#box-7 {
background:url(/images/home/Home7.jpg) no-repeat top left;
}
#box-8 {
background:url(/images/home/Home8.jpg) no-repeat top left;
}
#box-9 {
background:url(/images/home/Home9.jpg) no-repeat top left;
}
#box-10 {
background:url(/images/home/Home10.jpg) no-repeat top left;
}
#box-11 {
background:url(/images/home/Home11.jpg) no-repeat top left;
}

/* @end */
.headers {
width:550px;
position:relative;
height:50px;
clear:both;
}
#turf_h {
position:absolute;
top:5px;
left:117px;
}
#poured_h {
position:absolute;
top:5px;
left:0px;
}
#tiles_h {
position:absolute;
top:5px;
left:110px;
}
#playmulch_h {
position:absolute;
top:5px;
left:132px;
}
#stadiums_h {
position:absolute;
top:5px;
left:222px;
}
#mulch_h {
position:absolute;
top:5px;
left:165px;
}
#sitework_h {
position:absolute;
top:5px;
right:5px;
}

/* Footer Nav */
#footer{float:left;clear:both; border-bottom: 5px solid #0076c0; border-top: 5px solid #0076c0;padding:15px 0;background-color:#f2f2f2;width:720px;}
#footer .navcol{width:220px;float:left;margin-left:20px;display:inline;}
#footer h3{padding:0;margin:5px 0 0; width:200px; float:left;color:#777;font-size:13px;}
#footer h3 a{text-decoration:none;color:#777;}
#footer h3 a:hover{text-decoration:underline;}
#footer ul{ list-style:none; padding:0;margin:0 0 5px 0; width: 200px; float:left;border-top:1px solid #ccc;}
#footer ul li{line-height:17px;width:200px;}
#footer li a{color:#777;font-size:11px;text-decoration:none;}
#footer li a:hover{text-decoration:underline;}