*
{
  margin: 0;
  padding: 0;
  font-family: Century Gothic, "Trebuchet MS", Georgia, Verdana, Helvetica, Arial;
  font-size: 14px;
  color: #000;
}
html, body
{
  text-align: center;
}
body
{
  background-color: #48390c;
  padding-top: 0px;
  padding-bottom: 20px;
  min-width:800px;
}

h1, h1 *
{
  font-size: 16pt;
  padding-bottom: 10px;
  color: #337900;
}

#headerdiv
{
  width: 100%;
  height: 360px;
  background-image: url(../images/sky.jpg);
  background-position: center;
  background-repeat: repeat-x;
}

#headercontent
{
  width: 1000px;
  height: 309px;
  position: absolute;
  left: 50%;
  margin-left: -500px;
  background-image: url(../images/header.jpg);
  background-repeat: no-repeat;
}

#qualitytagline
{
  position: absolute;
  top: 264px;
  left: 71px;
  color: #FFFFFF;
  font-size: 15pt;
  font-weight: bold;
}

#headertitle
{
  position: absolute;
  top: 175px;
  left: 493px;
  color: #00679a;
  font-size: 24pt;
  font-weight: bold;
}

.copyright, .copyright p, .copyright a
{
  color: #5f5228;
  font-size: 8pt;
  font-family: Georgia;
  line-height: 1.6em;
  text-decoration: none;
}

.copyright a:hover
{
  text-decoration: underline;
}

#leftcopyright
{
  padding-top: 17px;
  padding-left: 36px;
  text-align: left;
  float: left;
}

#rightcopyright
{
  float: right;
  text-align: left;
  margin-top: 17px;
  padding: 0 25px 5px 15px;
  border-left: solid #5f5228 1px;
}

#rightcopyright2
{
  float: right;
  text-align: right;
  margin-top: 17px;
  padding: 0 15px 5px 0;
}

#contentdiv
{
  width: 1000px;
  position: absolute;
  top: 309px;
  left: 50%;
  margin-left: -500px;
  background-color: #eff8e5;
}

/******** <MENU STYLES> ********/
#mainMenu
{
  width: 1000px;
  height: 62px;
  background-image: url(../images/menu_bg.jpg);
}

.menuitem
{
  position: absolute;
  height: 30px;
  text-align: center;
  padding-top: 32px;
}

a .menuitem
{
  font-family: Georgia;
  font-size: 13pt;
  text-decoration: none;
  color: #654c37;
}

a:hover .menuitem
{
  color: #ffffff;
  cursor: pointer;
}

.menuitem.one
{
  left: 34px;
  width: 67px;
}

.menuitem.two
{
  left: 101px;
  width: 83px;
}

.menuitem.three
{
  left: 184px;
  width: 65px;
}

.menuitem.four
{
  left: 249px;
  width: 133px;
}

.menuitem.five
{
  left: 382px;
  width: 166px;
}

.menuitem.six
{
  left: 548px;
  width: 101px;
}

a:hover .menuitem.one
{
  background-image: url(../images/home_active.jpg);
}

a:hover .menuitem.two
{
  background-image: url(../images/services_active.jpg);
}

a:hover .menuitem.three
{
  background-image: url(../images/links_active.jpg);
}

a:hover .menuitem.four
{
  background-image: url(../images/gardening_active.jpg);
}

a:hover .menuitem.five
{
  background-image: url(../images/sales_active.jpg);
}

a:hover .menuitem.six
{
  background-image: url(../images/contact_active.jpg);
}

/******** </MENU STYLES> ********/

.phones
{
  font-family: Georgia;
  font-size: 16pt;
  color: #ffffff;
  position: absolute;
  left: 700px;
  margin-top: 25px;
}

#header2
{
  width: 1000px;
  height: 82px;
  background-image: url(../images/visa.jpg);
}

#headertext
{
  float: left;
  width: 645px;
  padding-left: 42px;
  padding-top: 15px;
  text-align: left;
  color: #337900;
  font-size: 11pt;
  font-family: Georgia;
  line-height: 1.4em;
}

#acceptedtext
{
  color: #56844b;
  float: right;
  width: 312px;
  padding-top: 55px;
  font-family: Century Gothic;
  font-size: 10pt;
  font-weight: bold;
}

#servicesmenu
{
  width: 1000px;
  background-image: url(../images/services_bg.png);
  height: 48px;
  text-align: left;
  position: absolute;
  z-index: 1;
}

.servicesmenuitem
{
  text-align: center;
  height: 34px;
  padding: 14px 10px 0 10px;
  background-image: url(../images/service_bg.png);
  background-position: right;
}

.servicesmenuitem.last
{
  background-image: none;
}

.servicesmenuitem.first
{
  margin-left: 17px;
}

a .servicesmenuitem
{
  font-family: Century Gothic;
  font-weight: bold;
  font-size: 11pt;
  text-decoration: none;
  color: #654c37;
  float: left;
}

a:hover .servicesmenuitem
{
  color: #b6650a;
  cursor: pointer;
}

a .servicesmenuitem.active
{
  color: #ffffff;
}

a .servicesmenuitem.active
{
  background-image: url(../images/services_bg_active.jpg);
}

#servicearea
{
  width: 1000px;
  height: 408px;
  position: absolute;
  top: 137px;
}

.lawnscapes { background-image: url(../images/lawnscapes.jpg); }
.landscapes { background-image: url(../images/landscapes.jpg); }
.stonescapes { background-image: url(../images/stonescapes.jpg); }
.hardscapes { background-image: url(../images/hardscapes.jpg); }
.pondscapes { background-image: url(../images/pondscapes.jpg); }
.homescapes { background-image: url(../images/homescapes.jpg); }
.lawnaeration { background-image: url(../images/lawnaeration.jpg); }
.powerwashing { background-image: url(../images/powerwashing.jpg); }

#servicespacer
{
  width: 1000px;
  height: 400px;
}

#servicepanel
{
  width: 240px;
  height: 360px;
  background-color: #b6640b;
  position: absolute;
  z-index: 2;
  top: 48px;
  left: 0px;
filter: alpha(opacity=85); /* internet explorer */
	-khtml-opacity: 0.85;      /* khtml, old safari */
	-moz-opacity: 0.85;       /* mozilla, netscape */
	opacity: 0.85;           /* fx, safari, opera */
}

#servicewords
{
  width: 240px;
  height: 360px;
  position: absolute;
  z-index: 3;
  top: 48px;
  left: 0px;
}

#servicetitle
{
  color: #ffffff;
  font-weight: bold;
  font-size: 18pt;
  font-family: Century Gothic;
  padding: 30px 0 0 18px;
  text-align: left;
}

#servicetext
{
  color: #ffffff;
  font-family: Georgia;
  font-size: 11pt;
  padding: 10px 16px 0 18px;
  text-align: left;
  line-height: 1.4em;
  height: 237px;
}

#viewmore
{
  position: relative;
}

#viewmorepanel
{
  float: right;
  background-color: #879b1a;
  width: 177px;
  height: 41px;
filter: alpha(opacity=85); /* internet explorer */
	-khtml-opacity: 0.85;      /* khtml, old safari */
	-moz-opacity: 0.85;       /* mozilla, netscape */
	opacity: 0.85;           /* fx, safari, opera */
}

#viewmoretext a
{
  color: #ffffff;
  font-family: Georgia;
  font-size: 14pt;
  text-decoration: none;
}

#viewmoretext
{
  position: absolute;
  top: 8px;
  left: 94px;
}

ul.servicelist
{
  padding-top: 5px;
}

ul.servicelist li
{
  color: #ffffff;
  margin-left: 18px;
  font-family: Georgia;
  font-size: 9pt;
  line-height: 1.5em;
}

#yellowstripe
{
  width: 1000px;
  height: 5px;
  background-color: #e0c230;
}

#onecolumn
{
  width: 960px;
  background-color: #dae8d0;
  text-align: left;
  padding: 20px 20px 20px 20px;
}

#twocolumns
{
  width: 1000px;
  background-color: #dae8d0;
  text-align: left;
}

#leftcolumn
{
  padding: 0 0 20px 36px;
  text-align: left;
}

#rightcolumn
{
  width: 383px;
  text-align: left;
  float: right;
  padding: 0 0 30px 30px;
}

#gallerycolumn
{
  width: 620px;
  height: 570px;
  text-align: left;
  float: right;
  margin: 0 0 0 15px;
  background-color: #bbbbbb;
}

h2
{
  color: #56844b;
  font-size: 14pt;
  font-weight: bold;
  padding-top: 15px;
  padding-bottom: 10px;
}

#twocolumns p, #twocolumns li, #twocolumns li a, #leftcolumn p, #leftcolumn li #leftcolumn li a, #onecolumn p, #onecolumn li, #onecolumn li a
{
  color: #5f5228;
  font-family: Georgia;
  font-size: 10pt;
  line-height: 1.5em;
  padding-bottom: 20px;
}
#onecolumn td
{
  color: #5f5228;
  font-family: Georgia;
  font-size: 10pt;
  padding: 3px;
}

#onecolumn strong
{
  color: #5f5228;
}

p a
{
  color: #56844b;
  font-family: Georgia;
}

p a:hover
{
  text-decoration: none;
  font-family: Georgia;
  color: #000000;
}
  

#twocolumns li, #leftcolumn li, #onecolumn li
{
  margin-left: 25px;
  padding-bottom: 10px;
}

#contactus
{
  background-image: url(../images/button.png);
  width: 136px;
  height: 2px;
  margin-right: 40px;
  text-align: center;
  padding: 8px 0 25px 0;
}

#contactus a
{
  color: #ffffff;
  text-decoration: none;
  font-size: 12pt;
  font-weight: bold;
}

#socialcontent
{
  background-image: url(../images/social_bg.jpg);
  width: 353px;
  height: 56px;
  padding-left: 30px;
  padding-top: 10px;
}

#socialcontent div
{
  color: #ffffff;
  font-family: Century Gothic;
  font-weight: bold;
  font-size: 13pt;
  margin-top: 8px;
  padding-right: 15px;
  float: left;
}

#footer
{
  background-image: url(../images/footer.jpg);
  height: 96px;
  width: 1000px;
}

ol.formlist {  
padding: 1em 1em 0 0;  
list-style: none;
}
ol.formlist li {  
padding-bottom: .7em;
}
.formlist label {  
float: left;  
font-family: Georgia;
color: #5f5228;
width: 8em;
}

input[type="submit"]
{
  color: #5f5228;
  padding: 3px;
}

.formlist li input.text, textarea
{
  width: 20em;
  font-family: Georgia;
  font-size: 10pt;
  border: solid #999 1px;
}

.required
{
  color: #aa1f1f;
}

.submit
{
  font-family: Georgia;
}

.altrow
{
  background-color: #b5d5ab;
}

table p
{
  color: #5f5228;
  font-family: Georgia;
  font-size: 10pt;
}

.serviceleft
{
  float: left;
  padding-left: 150px;
}

.serviceright
{
  float: left;
  padding-left: 50px;
}

.serviceleft h2, .serviceright h2
{
  padding-top: 5px;
  padding-bottom: 20px;
}

.serviceleft img, .serviceright img
{
  border: solid #56844b 3px;
}

#servicesubmenu
{
  list-style-type: none;
  text-align: left;
  background-color: #dae8d0;
  font-family: Georgia;
  padding-left: 45px;
}

#servicesubmenu li
{
  display: inline;
}

#servicesubmenu li a
{
  color: #654c37;
}

#servicesubmenu li a:hover
{
  text-decoration: none;
}

.servicelinks
{
  text-align: center;
  padding: 6px 0 8px 0;
  color: #ffffff;
  background-color: #5b9530;
  font-size: 11px;
}

.servicelinks a
{
  font-size: 11px;
  color: #ffffff;
}

.servicelinks a:hover
{
  text-decoration: none;
  color: #f2d34e;
}
