﻿body {margin: 0; text-align: center; background: white url(/images/body_bg.gif) top left repeat-x;}

/* --------------------------------------------------------------*/
/* sifr */
span.dotIR-alternate {display: none;}
.dotIR-replaced {visibility: visible !important;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* pngbehavior.htc - so png transparency works in IE6 */
img {
   behavior: url("/include/css/pngbehavior.htc");
}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* outer wrapper declarations */
/* home page */
#wrapper_home { position: relative; width: 100%; height: 800px;}
/* interior page */
#wrapper { position: relative; width: 100%; height: 800px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #container - inner wrapper */
#container {position: relative; width: 939px; text-align: left; margin-left: auto; margin-right: auto;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #header - logo, address, top navigation, search */
#header {position: absolute; width: 939px; height: 107px; background: url(/images/header_bg.jpg) top left no-repeat;}
#logo {position: absolute; left: 0; top: 32px; width: 236px; height: 50px;}
#header address {position: absolute; font: 11px verdana, sans-serif; color: #146925; margin: 0; padding: 0 0 0 7px; top: 36px; left: 290px; border-left: solid 1px #146925;}
#top_nav {position: absolute; top: 28px; left: 714px; font: 11px arial, helvetica, sans-serif; color: #146925; }
#top_nav a {color: #146925; text-decoration: none; margin: 0 5px 0 5px; }
#top_nav a:hover {text-decoration: underline;}
#top_search {position: absolute; top: 52px; left: 717px; width: 166px; height: 25px; position: relative; background: url(/images/search_bg.gif) top left no-repeat;}
#top_search_box, .top_search_box {background-color: Transparent; border: 0; position: absolute; top: 3px; left: 3px; font: 11px verdana, sans-serif; width: 130px;}
#top_search_button, .top_search_button {border: 0; position: absolute; top: 0; left: 142px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #nav_intro: defines wrapper for navigation, intro animation, and testimonal (home page) */
#nav_intro {position: absolute; width: 939px; height: 299px; top: 107px; left: 0;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #nav: defines primary navigation (top left column) */
/* home page */
#wrapper_home #nav {position: absolute; width: 236px; height: 299px; top: 0; left: 0; background: #7CC912 url(/images/nav_bg.gif) top left no-repeat; }
/* interior page */
#wrapper #nav {float: left; width: 236px; height: 299px; background: #7CC912 url(/images/nav_bg.gif) top left no-repeat; margin-bottom: 6px;}
/* global */
#nav ul {margin: 11px 0 0 10px; padding: 0;}
#nav ul li {margin: 0; padding: 0;}
#nav span {display: none;}

#nav_Default{float: left; display: block; width: 216px; height: 30px;}
#nav_Default a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/Default.gif) top left no-repeat;}
#nav_Default a:hover{background-position: 0 -30px;}

#nav_About{float: left; display: block; width: 216px; height: 30px;}
#nav_About a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/About.gif) top left no-repeat;}
#nav_About a:hover{background-position: 0 -30px;}

#nav_Services{float: left; display: block; width: 216px; height: 30px;}
#nav_Services a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/Services.gif) top left no-repeat;}
#nav_Services a:hover{background-position: 0 -30px;}

#nav_Gallery{float: left; display: block; width: 216px; height: 30px;}
#nav_Gallery a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/Gallery.gif) top left no-repeat;}
#nav_Gallery a:hover{background-position: 0 -30px;}

#nav_VideoGallery{float: left; display: block; width: 216px; height: 30px;}
#nav_VideoGallery a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/VideoGallery.gif) top left no-repeat;}
#nav_VideoGallery a:hover{background-position: 0 -30px;}

#nav_MeetTheTeam{float: left; display: block; width: 216px; height: 30px;}
#nav_MeetTheTeam a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/MeetTheTeam.gif) top left no-repeat;}
#nav_MeetTheTeam a:hover{background-position: 0 -30px;}

#nav_Specials{float: left; display: block; width: 216px; height: 30px;}
#nav_Specials a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/Specials.gif) top left no-repeat;}
#nav_Specials a:hover{background-position: 0 -30px;}

#nav_Employment{float: left; display: block; width: 216px; height: 30px;}
#nav_Employment a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/Employment.gif) top left no-repeat;}
#nav_Employment a:hover{background-position: 0 -30px;}

#nav_ContactUs{float: left; display: block; width: 216px; height: 30px;}
#nav_ContactUs a{float: left; display: block; width: 216px; height: 30px; background: url(/images/nav/ContactUs.gif) top left no-repeat;}
#nav_ContactUs a:hover{background-position: 0 -30px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #intro: defines home page flash intro panel */
#intro {position: absolute; width: 468px; height: 299px; top: 0; left: 241px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #testimonial: defines testimonial panel (right column top) */
#testimonial {position: absolute; width: 166px; height: 205px; top: 0; left: 715px; background: #E07FAA url(/images/testimonial_bg.gif) top left no-repeat; font: 11px/18px verdana, sans-serif; color: White; border-bottom: solid 5px white;}
#testimonial_inner {margin: 26px 14px 0 14px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #comres: defines commercial/residential selector (right column below testimonial) */
#comres {position: absolute; width: 166px; height: 89px; top: 210px; left: 715px; background: #0E4A37;}
#comres ul {margin: 0; padding: 0;}
#comres ul li {margin: 0; padding: 0;}
#comres span {display: none;}

#comres_Commercial{float: left; display: block; width: 166px; height: 45px;}
#comres_Commercial a{float: left; display: block; width: 166px; height: 45px; background: url(/images/comres_com.gif) top left no-repeat;}
#comres_Commercial a:hover{background-position: 0 -45px;}

#comres_Residential{float: left; display: block; width: 166px; height: 44px;}
#comres_Residential a{float: left; display: block; width: 166px; height: 44px; background: url(/images/comres_res.gif) top left no-repeat;}
#comres_Residential a:hover{background-position: 0 -44px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #content_columns: defines wrapper of 3 column layout */
/* home page */
#wrapper_home #content_columns {position: absolute; top: 412px; width: 939px; background: url(/images/home_content_cols_bg.gif) top left repeat-y;}
#wrapper_home #content_columns_inner {background: url(/images/home_main_bg.gif) 241px 0 no-repeat;}
/* interior page */
#wrapper #content_columns {position: absolute; top: 107px; width: 939px; background: url(/images/content_cols_bg.gif) top left repeat-y;}
#wrapper #content_columns_inner {background: url(/images/main_bg.gif) 241px bottom no-repeat;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #content_left: defines left column in 3 column layout */
#content_left {float: left; width: 236px; background: white;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #services_nav: the 4 service links (left column below nav) */
#services_nav {float: left; position: relative; width: 236px; height: 182px;}
#services_nav ul {margin: 0; padding: 0;}
#services_nav ul li {margin: 0; padding: 0;}
#services_nav span {display: none;}

#services_Landscape{position: absolute; top: 0; left: 0; display: block; width: 116px; height: 89px;}
#services_Landscape a{display: block; width: 116px; height: 89px; background: url(/images/services_nav/Landscape.jpg) top left no-repeat;}
#services_Landscape a:hover{background-position: 0 -89px;}

#services_LawnCare{position: absolute; top: 0; left: 121px; display: block; width: 116px; height: 89px;}
#services_LawnCare a{display: block; width: 116px; height: 89px; background: url(/images/services_nav/LawnCare.jpg) top left no-repeat;}
#services_LawnCare a:hover{background-position: 0 -89px;}

#services_LightingSprinkler{position: absolute; top: 94px; left: 0; display: block; width: 116px; height: 89px;}
#services_LightingSprinkler a{display: block; width: 116px; height: 89px; background: url(/images/services_nav/LightingSprinkler.jpg) top left no-repeat;}
#services_LightingSprinkler a:hover{background-position: 0 -88px;}

#services_MaintenanceSnow{position: absolute; top: 94px; left: 121px; display: block; width: 116px; height: 89px;}
#services_MaintenanceSnow a{display: block; width: 116px; height: 89px; background: url(/images/services_nav/MaintenanceSnow.jpg) top left no-repeat;}
#services_MaintenanceSnow a:hover{background-position: 0 -88px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #specials: the specials panel (left column bottom) */
#specials {background: #757575 url(/images/specials_bg.gif) top left no-repeat; padding: 17px 10px 0 10px; width: 216px; font: 11px/150% verdana, sans-serif; color: white; float: left; margin-top: 6px; position: relative;}
#specials a {border:0; color: White; text-decoration: none;}
#specials a:hover {text-decoration: underline;}
#specials a img {border:0; vertical-align:baseline; text-decoration: none;}
#specials p {margin: 0 0 12px 0;}
.specials_heading {display: block; margin: 0 0 6px 0; font: bold 12px tahoma, 'lucida grande', verdana, sans-serif; color: White;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #content_main: the main content column */
/* home page */
#wrapper_home #content_main {float: left; margin-left: 5px; padding: 24px 13px 0 13px; width: 371px; font: 11px/150% verdana, sans-serif; color: white;}
#wrapper_home #content_main h1 {font: 25px/100% "trebuchet ms", trebuchet, sans-serif; color: white; margin: 0 0 6px 0;}
#wrapper_home #content_main a:link, #content_main a:visited, #content_main a:active {color: white;}
#wrapper_home #content_main a:hover {color: #ABCAFF;}
/* interior page */
#wrapper #content_main {float: left; margin-left: 5px; padding: 0; width: 469px; font: 11px/150% verdana, sans-serif; color: black;}
#wrapper #content_main h1 {font: bold 25px/100% "trebuchet ms", trebuchet, sans-serif; color: #006680; margin: 0 0 6px 0;}
#wrapper #content_main h2 {font: normal 22px/100% "trebuchet ms", trebuchet, sans-serif; color: #006680; margin: 12px 0 6px 0;}
#wrapper #content_main h3 {font: 20px/100% "trebuchet ms", trebuchet, sans-serif; color: #006680; margin: 0 0 6px 0;}
#wrapper #content_main h4 {font: 18px/100% "trebuchet ms", trebuchet, sans-serif; color: #006680; margin: 0 0 6px 0;}
#wrapper #content_main a:link, #content_main a:visited, #content_main a:active {color: #146925;}
#wrapper #content_main a:hover {color: #7CC912;}
/* global */
#content_main p {margin: 0 0 12px 0;}
#content_main ul {list-style: square outside; margin-left: 24px;padding-left: 0;margin-top: 6px;margin-bottom: 6px;}
#content_main ul li{}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #header_img: the top area for the interior page header image */
#header_img, .header_img { width: 469px; height: 87px; float: left;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #header_area: the top area for the interior page header text */
#header_area { background-color: #CCDBF2; padding: 13px; width: 443px; border-top: solid 5px white; border-bottom: solid 5px white; float: left;}
#header_area h1 { margin-bottom: 0 !important;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #content_area: the content area for the interior page */
#content_area, .content_area { clear: left; padding: 13px; }
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #gallery: gallery panel on home page (bottom right) */
/* home page */
#wrapper_home #gallery {float: left; padding-top: 40px; margin-left: 5px; width: 238px; background: url(/images/gallery_bg.gif) top left no-repeat; font: 11px/150% verdana, sans-serif; color: White; position: relative;}
#wrapper_home #gallery a {border:0; color: White; text-decoration: underline;}
#wrapper_home #gallery a img {border:0; vertical-align:baseline; text-decoration: none;}
#wrapper_home #gallery p {margin: 6px 12px 6px 12px;}
#wrapper_home #gallery_buttons {float: right; padding-right: 15px; width: 50px; position: relative; }
#wrapper_home #gallery .prev {position: absolute; top: 15px; left: 0; cursor: pointer;}
#wrapper_home #gallery .next {position: absolute; top: 15px; left: 35px; cursor: pointer;}
#wrapper_home #gallery_title {border: 0; position: absolute; top: 336px; left: 12px;}
#wrapper_home #gallery .gallery_img {width: 238px; height: 222px; border: 0;}
#wrapper_home #gallery #loading_overlay {position: absolute; top: 10px; width: 238px; height: 301px; background-color: #5C90E6;}
#wrapper_home #gallery #loading_overlay img {position: absolute; top: 163px; left: 112px;}
/* gallery page */
#wrapper #gallery {border-top: solid 5px white; float: left; width: 469px; padding-bottom: 23px; font: 11px/150% verdana, sans-serif; position: relative;background-color: #006680; color: White }
#wrapper #gallery a {border:0; color: White; text-decoration: underline;}
#wrapper #gallery a img {border:0; vertical-align:baseline; text-decoration: none;}
#wrapper #gallery p {margin: 6px 12px 6px 12px;}
#wrapper #gallery_buttons {float: right; padding-right: 15px; width: 50px; position: relative; }
#wrapper #gallery .prev {position: absolute; top: 3px; left: 0; cursor: pointer;}
#wrapper #gallery .next {position: absolute; top: 3px; left: 35px; cursor: pointer;}
#wrapper #gallery .gallery_img {width: 469px; border: 0;}
#wrapper #gallery #loading_overlay {position: absolute; top: 10px; width: 469px; height: 300px; background-color: #006680;}
#wrapper #gallery #loading_overlay img {position: absolute; top: 123px; left: 232px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #content_col2: right content on interior pages (bottom right) */
#content_col2 {float: left; margin-top: 299px; border-top: solid 5px white; margin-left: 5px; width: 166px; background: url(/images/right_bg.gif) top left no-repeat; font: 11px/150% verdana, sans-serif; color: White;}
#content_col2 a {border:0; color: White; text-decoration: underline;}
#content_col2 a img {border:0; vertical-align:baseline; text-decoration: none;}
#content_col2 p {margin: 0 0 6px 0;}
#content_col2_inner {margin: 14px; position: relative;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #content_cols_b: bottom of 3 columns */
/* home page */
#wrapper_home #content_cols_b {background: url(/images/home_content_cols_bg_b.gif) top left no-repeat; width: 881px; height: 10px; overflow: hidden; clear: both; float: left;}
/* interior page */
#wrapper #content_cols_b {background: url(/images/content_cols_bg_b.gif) top left no-repeat; width: 881px; height: 10px; overflow: hidden; clear: both; float: left;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #footer: copyright / phone / author / site map / contact us */
#footer{background: white; height: 46px; overflow: hidden; clear: both; width: 876px; padding: 3px 3px 25px 3px; color: #757575; font: 11px verdana, sans-serif;}
#footer a{color: #757575; text-decoration: none;}
#footer a:hover{color: #146925; text-decoration: underline;}
#footer_right{float: right;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* #bottom_grass: sets area for bottom_grass image to show */
#bottom_grass { background: url(/images/bottom_grass.gif) top left repeat-x; width: 100%; height: 73px;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* contact form classes */
.fullwidth {width: 100%;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* article listing classes */
#content_col2_inner .heading {text-align: center; display: block; width: 134px; margin-bottom: 12px;}
#content_col2_inner .item_thumb_container{position: relative; width: 134px; height: 98px;}
#content_col2_inner .item_thumb{border: 0; position: absolute; width: 134px; height: 98px; z-index: 100;}
#content_col2_inner .item_thumb_border{border: 0; position: absolute; width: 134px; height: 98px; z-index: 101;}
#content_col2_inner .small {font: bold 11px arial, sans-serif;}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* remove dotted outline when image is clicked (mozilla) */
:-moz-any-link:focus {
  outline: none;
}
/* --------------------------------------------------------------*/

/* --------------------------------------------------------------*/
/* meet the team page */
.pics_col1 {padding: 15px 0 0 15px;}
.pics_col2 {padding: 15px 0 0 15px;}
/* --------------------------------------------------------------*/
