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

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, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
}

table{
	border: 0;
	outline: 0;
}

ol, ul {
	list-style: none;
}

div{
width:auto;
}

blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/*start page css*/


html{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #253E21;
margin:0px;
}
body{
font-family: Arial, Helvetica, sans-serif;
margin:0px;
background:url(images/body-bg.jpg) #B3CB7D center top repeat-y;
}

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

a:hover, a:active{
color:#26370B;
}

#mainContainer{
height:auto;
min-height: 620px;
margin:0px auto 0px auto;
width:990px;
background:#fff;
}

#mainBuffer{
margin:0px auto 0px auto;
position: relative;
height:auto;
width:990px;
}

#pageData{
height:auto;
float:left;
width:990px;
margin-top:295px;
position:relative;
}

#pageData .buffer{
height: auto;
position: relative;
width:970px;
float:left;
margin:10px;
background:#9fbe57;
}

#pageData .buffer .internal-buffer{
float:left;
margin:32px 20px 20px 20px;
width:930px
}

/*leaderboard*/

.leaderboard{
position:absolute;
top:0px;
left:0px;
height:108px;
width:990px;
background:#fff;
}

.lb-banner{
width:728px;
height:90px;
position:absolute;
top:4px;
left:154px;
z-index:999;
}

/*header*/

#header .buffer{
position: absolute;
top:98px;
left:0px;
width: 990px;
height: 165px;
z-index:998;
}

#header .arch{
position: absolute;
width: 990px;
height: 125px;
z-index:998;
z-index:998;
}

#header .rotator{
position: absolute;
top:10px;
width: 990px;
height: 185px;
z-index:997;
}

#header .image1{
background: url(images/rotating-header-images/grass.jpg);
}

#header .image2{
background: url(images/rotating-header-images/hardscaping.jpg);
}

#header .image3{
background: url(images/rotating-header-images/pink-flowers.jpg);
}

#header .image4{
background: url(images/rotating-header-images/real-grass.jpg);
}

#header .image5{
background: url(images/rotating-header-images/retaining-wall.jpg);
}

#header .image6{
background: url(images/rotating-header-images/skid-steer.jpg);
}

#header .image7{
background: url(images/rotating-header-images/sprinkler-flowers.jpg);
}

#header .image8{
background: url(images/rotating-header-images/waterfall.jpg);
}

#header .rotator img{
position:absolute;
left:40px;
top:64px;
}

#header .facebook a, #header .twitter a{
display:block;
height:38px;
width:38px;
position:absolute;
z-index:999;
}

#header .facebook a{
background:url(images/header-fb-icon.jpg);
right:82px;
bottom:5px;
}

#header .facebook a:hover{
background:url(images/header-fb-icon.jpg) left 38px;
}

#header .twitter a{
background:url(images/header-twitter-icon.png);
right:37px;
bottom:5px;
}

#header .twitter a:hover{
background:url(images/header-twitter-icon.png) left 38px;
}

/*top nav*/

.topnav .buffer{
float:left;
width:935px;
height:56px;
position:absolute;
top:265px;
left:29px;
z-index:9996;
}

.topnav .left{
position:absolute;
left:0px;
top:0px;
width:20px;
height:56px;
z-index:998;
}

.topnav .right{
position:absolute;
right:0px;
top:0px;
width:20px;
height:56px;
z-index:998;
}

.topnav .between{
width:33px;
float:left;
}

.topnav ul.top-menu{
position:absolute;
z-index:999;
left:18px;
}

.topnav ul.top-menu li.top-menu{
float:left;
display:block;
height:56px;
background:url(images/nav/nav-repeat.jpg);
width:100px;
text-align:center;
position:relative;
cursor:pointer;
}

.topnav ul.top-menu li.bg-on{
background:url(images/nav/nav-repeat-on.jpg);
}

.topnav ul.top-menu li.top-menu img{
margin:17px 0 0 0;
}

.topnav ul.top-menu li.top-menu img.tall{
margin:10px 0 0 0;
}

.topnav ul.top-menu li.top-menu a{
color:#fff;
display:block;
height:56px;
}

.topnav ul.top-menu li ul.dropdown{
display:none;
}

.topnav ul.top-menu li:hover ul.dropdown{
display:block;
top:56px;
left:-22px;
position:absolute;
z-index:9999;
width:200px;
text-align:left;
border-right:3px solid #fff;
border-left:3px solid #fff;
border-bottom:2px solid #fff;
}

.topnav ul.top-menu li:hover ul.last{
left:-103px;
}

.topnav ul.top-menu li.top-menu ul.dropdown li{
width:auto;
}

.topnav ul.top-menu li:hover ul.dropdown li a{
display:block;
height:auto;
padding:0px;
background:#BBD280;
padding:5px 16px;
font-weight:bold;
text-transform:uppercase;
font-size:11px;
color:#56733a;
border-bottom:1px solid #fff;
}


.topnav ul.top-menu li:hover ul.dropdown li a:hover{
background:#9FBE57;
color:#27360B;
}


/*top nav search box*/

.column1 .search{
float:left;
position:relative;
background:#BCD581;
}

.column1 .search .left{
position:absolute;
top:0px;
left:0px;
background:url(images/search-box-sprite.jpg);
width:15px;
height:12px;
}

.column1 .search .right{
position:absolute;
top:0px;
right:0px;
background:url(images/search-box-sprite.jpg) -18px top;
width:15px;
height:12px;
}

.column1 .search .btm-left{
position:absolute;
bottom:0px;
left:0px;
background:url(images/search-box-sprite.jpg) left -12px;
width:41px;
height:35px;
}

.column1 .search .btm-right{
position:absolute;
bottom:0px;
right:0px;
background:url(images/search-box-sprite.jpg) -36px top;
width:15px;
height:12px;
}

.column1 form#searchform{
width:240px;
height:39px;
padding:10px 0;
float:left;
position:relative;
}

.column1 .search input#s{
background: url(images/inner-search-box-sprite.jpg) no-repeat;
border:0px;
font-size:13px;
color:#5B702B;
width:126px;
padding:13px 0 13px 0;
text-indent:10px;
position:absolute;
top:8px;
left:15px;
z-index:999;
}

.column1 .search input#searchsubmit{
background:url(images/inner-search-box-sprite.jpg) no-repeat -3px -42px;
border:0px;
cursor:pointer;
width:91px;
height:42px;
position:absolute;
right:9px;
top:8px;
}

.column1 .search input#searchsubmit:hover{
background: url(images/inner-search-box-sprite.jpg) no-repeat -3px -84px;
}

/*main content*/

/*column one*/

.column1{
width: 240px;
float: left;
position:relative;
height:100%;
z-index: 999!important;
}

/*column two*/

.column2{
width: 485px;
float: left;
height: auto;
position:relative;
margin:0 0 0 20px;
}

.column2_wide{
width: 740px;
float: left;
height: auto;
position:relative;
}

.column2_wider{
width: 100%;
float: left;
height: auto;
position:relative;
}

/*column three*/

.column3{
width: 160px;
min-height: 1130px;
height: auto;
float: right;
position:relative;
}

/*footer*/

#mainFooter .clearer{
float: left;
clear: both;
width: 990px;
height: 0px;
position:relative;
}

#mainFooter{
height: 80px;
width: 990px;
float:left;
clear:both;
left:0px;
position:relative;
background:#D6D4D5;
}

#mainFooter, #mainFooter a{
color:#848488;
}

#mainFooter ul.rights{
margin:22px 156px 0 0px;
color:#5c5858;
font-weight:bold;
width:200px;
float:right;
}

#mainFooter ul.rights li{
font-size:10px;
margin:0 0 2px 0;
text-align:right;
}

#mainFooter ul.publications{
float:left;
text-align:left;
margin:22px 0 0 28px;
}

#mainFooter ul.publications li{
text-align:left;
font-size:10px;
float:left;
margin:0 4px 0 0;
}

#mainFooter ul.publications li.heading{
font-weight:bold;
float:none;
text-decoration:underline;
margin:0 0 3px 0;
}

#mainFooter ul.industry{
font-size:10px;
margin:2px 34px 0 0;
float:right;
clear:right;
}

#mainFooter ul.industry li{
float:left;
margin:0 4px 0 0;
}

#mainFooter img.rrlogo{
position:absolute;
right:38px;
top:20px;
}


/* clearer */
.clearer {
clear:both;
width:100%;
height:0px;
}

.spacer {
clear:both;
width:100%;
float:left;
height:10px;
}



