body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; background-color: #000000; }
.content { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #A7AB7B; text-decoration: none; line-height: 18px; }
.title { font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #6C6D21; text-decoration: none; line-height: 18px; font-weight: bold; }
a:focus { outline: none; -moz-outline: none; }
.style1 { color: #6C6D21; }	
.style2 { color: #6C6820; }
.style3 { color: #FF0000; }
label.error { float: none; color: red; position: absolute; margin: 2px 0 0 5px; }
h6 { margin: 0; padding: 0; font-size: 15px; }

/*-----------------------------------*/
/* Main Styles
/*-----------------------------------*/

#logo { background: url(images/graphic_r1_c1.jpg) no-repeat; width: 753px; height: 96px; text-indent: -9999px; margin: 0; padding: 0; }
#logo a { width: 753px; height: 96px; display: block; }

/*-----------------------------------*/
/* Top Nav Styles
/*-----------------------------------*/

#btn1 a { width: 49px; height: 96px; background: url(images/graphic_r1_c9.jpg) no-repeat; display: block; text-indent: -9999px; }
#btn1 a:hover { width: 49px; height: 96px; background: url(images/graphic_r1_c9_f2.jpg) no-repeat; }

#btn2 a { width: 58px; height: 96px; background: url(images/graphic_r1_c10.jpg) no-repeat; display: block; text-indent: -9999px; }
#btn2 a:hover { width: 58px; height: 96px; background: url(images/graphic_r1_c10_f2.jpg) no-repeat; }

#btn3 a { width: 39px; height: 96px; background: url(images/graphic_r1_c12.jpg) no-repeat; display: block; text-indent: -9999px; }
#btn3 a:hover { width: 39px; height: 96px; background: url(images/graphic_r1_c12_f2.jpg) no-repeat; }

#btn4 a { width: 96px; height: 96px; background: url(images/graphic_r1_c13.jpg) no-repeat; display: block; text-indent: -9999px; }
#btn4 a:hover { width: 96px; height: 96px; background: url(images/graphic_r1_c13_f2.jpg) no-repeat; }

/*-----------------------------------*/
/* Navigation Styles
/*-----------------------------------*/

#nav { position: relative; background: #333; top: 0px; left: 0px; margin: 0 0 0 0px; z-index: 1000; width: 995px; height: 39px; }
.navigation { /*position: absolute;*/ margin: 0; padding: 0; list-style: none; z-index: 10000; top: 0; font-size: 12px; }
.navigation li { float: left; text-align: center; font-size: 12px; }
.navigation li a { display: block; text-indent: -9999px; vertical-align: middle; height: 39px; text-decoration: none; text-align: center; outline: none; font-size: 12px; }

/* Home Button */
.navigation li a.nav1 { width: 255px; background: url(../images/nav.jpg) no-repeat 0 0; }
.navigation li a.nav1:hover, .navigation li.active a.nav1 { background-position: 0 -39px; }

/* About Button */
.navigation li a.nav2 { width: 88px; background: url(../images/nav.jpg) no-repeat -255px 0; }
.navigation li a.nav2:hover, .navigation li.active a.nav2 { background-position: -255px -39px; }

/* Landscape Construction Button */
.navigation li a.nav3 { width: 209px; background: url(../images/nav.jpg) no-repeat -343px 0; }
.navigation li a.nav3:hover, .navigation li.active a.nav3 { background-position: -343px -39px; }

/* Grounds Maintenance Button */
.navigation li a.nav4 { width: 191px; background: url(../images/nav.jpg) no-repeat -552px 0; }
.navigation li a.nav4:hover, .navigation li.active a.nav4 { background-position: -552px -39px; }

/* Nursery Button */
.navigation li a.nav5 { width: 91px; background: url(../images/nav.jpg) no-repeat -743px 0; }
.navigation li a.nav5:hover, .navigation li.active a.nav5 { background-position: -743px -39px; }

/* Photo Galery Button */
.navigation li a.nav6 { width: 161px; background: url(../images/nav.jpg) no-repeat -834px 0; }
.navigation li a.nav6:hover, .navigation li.active a.nav6 { background-position: -834px -39px; }

div#nav span:hover { display: block; color: #ffffff; text-decoration: none; margin: 0; background: #ccc; no-repeat; text-align: center; font-size: 12px; }
#nav ul li ul a:hover { cursor: pointer; z-index: 100; height: 100%; width: 100%; /* makes the list items fill the list container (ul) */ display: block; text-decoration: none; margin: 0; text-align: center; }
#nav li ul { display: none; width: 19%; position: absolute; top: 100%; height: 100%; padding: 0; margin: 0; }
#nav li:hover > ul { display: block;}
#nav li ul li, #nav li ul li a { float: none; height: 100%; }
#nav li ul li { _display: inline; /* for IE6 */  }
#nav li ul li a { display: block; }

/* Styles for drop downs */
#nav ul li ul li span { font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif; font-weight: normal; letter-spacing: .03em; color: #ffffff; display: block; margin: 0; padding: 8px; text-decoration: none; text-indent: 0px; list-style-type: none; list-style-position: outside; }
#nav ul li ul { position: absolute; z-index: 100000; top: 70px; display: none; text-decoration: none; list-style-type: none; padding: 2px; margin: 0px; background: #2A4475; -webkit-border-radius-bottomleft: 3px; -webkit-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; height: auto; }

/*-----------------------------------*/
/* Toggle Styles 
/*-----------------------------------*/

h2.trigger { padding: 0 0 0 50px; margin: 0 0 5px 5px; background: url(../images/h2_trigger_a.gif) no-repeat #6F8E61; height: 20px; width: 620px; color: #F3F1EA; font-size: 13px; font-weight: 100; float: left; }
h2.trigger a { text-decoration: none; display: block; color: #F3F1EA; font-size: 17px; font-weight: 600; }
h2.trigger a:hover { color: #000000; }
.trigger:hover { color: #000000; }
h2.active { background-position: left bottom; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container { margin: 0 0 5px 5px; padding: 0; border-top: 1px solid #d6d6d6; background: #F3F1EA; overflow: hidden; font-size: 1.2em; width: 670px; clear: both; }
.toggle_container .block { /*padding: 20px; /*--Padding of Container--*/ /*background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }

h2.trigger2 { padding: 0px; margin: 0 0 5px 5px; height: 20px; width: 661px; font: bold 13px/25px Helvetica, Arial, sans-serif; color: #622125; float: left; }
h2.trigger2 a { text-decoration: none; display: block; color: #F3F1EA; font-size: 17px; font-weight: 600; }
h2.trigger2 a:hover { color: #000000; }
.trigger2:hover { color: #000000; }
h2.active { background-position: left bottom; } /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container2 { margin: 0 0 5px 5px; padding: 0; border-top: 1px solid #d6d6d6; overflow: hidden; font-size: 1.2em; width: 710px; clear: both; }
.toggle_container2 .block2 { /*padding: 20px; /*--Padding of Container--*/ /*background: url(../images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/ }

.seo th { border-bottom: 1px solid #D6D6CA; border-right: 1px solid #D6D6CA; border-top: 1px solid #D6D6CA; color: #ffffff; padding: 4px 2px; font-size: 14px; text-align: center; }
.seo tr { border-right: 1px solid #C1DAD7; border-bottom: 1px solid #C1DAD7; border-top: 1px solid #C1DAD7; text-align: left; padding: 6px 6px 6px 12px; background: #6F8E61; }
.seo td { border-right: 1px solid #D6D6CA; border-bottom: 1px solid #D6D6CA; background: #fff; line-height: 16px; text-align: center; font-size: 11px; padding: 6px 4px; }

/*-----------------------------------*/
/* Footer Styles
/*-----------------------------------*/

#footer { text-align: left; position: relative; width: 995px; height: 138px; background: url(../images/footer3.jpg) no-repeat #000000; color: #d1c1a9; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
#footer a { color: #d1c1a9; text-decoration: none; }
#footer a:hover { color: #729145; text-decoration: underline; }

#footerCol1 { position: absolute; left: 130px; top: 30px; }
#footerCol1 p { position: relative; left: 2px; width: 200px; left: 1px; top: -8px; line-height: 17px; }

#footerCol2 { position: absolute; left: 434px; top: 30px; }
#footerCol2 ul { margin: 0 0 0 0px; }

#footerCol3 { position: absolute; top: 0px; left: 860px; top: 16px; }


#social ul { margin: 0; padding: 0; overflow: hidden; }
#social li { padding: 3px 0 3px 0; list-style: none; }

#twitter { margin: -2px 0 0 0; }

div.outerwrapF { margin: -8px 0 0 -23px; }
/* position list chunks side by side */
div.wrapperF { float: left; margin: 0 0 0 -2px; position: relative; top: 8px; left: 12px; }
/* clear float after lists */
br { clear: left; }
/* remove default spacing  to 
promote cross-browser consistency */
.wrapperF ul { margin: 0px 0 0 1px !important; padding: 0px !important; list-style: none !important; list-style-type: none !important; }
/* suppress normal list item numbering */
.wrapperF ul li { position: relative !important; list-style: none !important; margin: -1px 0 0 0 !important; padding: 0px 8px 8px 15px !important; top: 5px !important; }
.wrapperF li { padding: 8px !important; }
/* generate new item numbers that 
continue from one list to the next */
