/* "html>body" used to define styles for other browsers then IE */
/* "* html" used to define styles for IE only */

* {margin: 0; padding: 0;} /* canceling out all margins and paddings to make work easier */
body {text-align: center; background: #fff url(../img/bg-top.gif) repeat-x; color: #121212; font: normal 100%/1.2 Helvetica, Arial, Verdana, sans-serif;}
* html body {font-size: 96%;} /* smaller font-size for IE so that it doesn't show bigger font */

a img {border: none;}
body img {border: 1px solid black;}
#wrapper #content .no-clear {clear: none;} /* if we need to cancel clearing for some element used on all pages, like the #franchise-op */
.clear-both {clear:both} 

#wrapper {width: 759px; margin: 0 auto; text-align: left;}

#header {background: #000 url(../img/bg-header.jpg) no-repeat right top; height: 94px; position: relative;}

/* logo replacement */
h1, h1 a, h1 span {width: 204px; height: 70px; display: block; font-size: 90%; color: white; cursor: pointer;}
h1 {position: relative; left: -14px; text-indent: 20px;}
h1 span {position: absolute; top: 0; left: 0; background: url(../img/logo.jpg) no-repeat;}
/* end of logo replacement */

#slogan {position: absolute; top: 36px; left: 173px; font-size: 75%; text-indent: -500em; width: 204px; height: 29px; overflow: hidden; background: url(../img/a-better-way-to-grow.jpg) no-repeat;}

/* navigation definitions */
ul#navigation {height: 24px; width: 759px; list-style-type: none; margin-top: 58px;}
/* little IE5/Mac blocking \*/
#header #navigation {margin-top: 0;}
/* end */
ul#navigation li {float: left; text-align: center; overflow: hidden; z-index: 2;}
#navigation li, #navigation li a, #navigation li a span {display: block; height: 24px; position: relative;}
#navigation li a span {position: absolute; top: 0; left: 0;}

/* putting images over the text */
#nav-aboutus, #nav-aboutus a, #nav-aboutus span {width: 94px;}
#nav-agriculture, #nav-agriculture a, #nav-agriculture span {width: 111px;}
#nav-horticulture, #nav-horticulture a, #nav-horticulture span {width: 153px;}
#nav-casestudies, #nav-casestudies a, #nav-casestudies span {width: 116px;}
#nav-franchise, #nav-franchise a, #nav-franchise span {width: 175px;}
#nav-contactus, #nav-contactus a, #nav-contactus span {width: 110px;}
#nav-home span {background: url(../img/nav-home.gif) no-repeat bottom right;}
#nav-aboutus span {background: url(../img/nav-aboutus.gif) no-repeat bottom right;}
#nav-agriculture span {background: url(../img/nav-agriculture.gif) no-repeat bottom right;}
#nav-horticulture span {background: url(../img/nav-horticulture.gif) no-repeat bottom right;}
#nav-casestudies span {background: url(../img/nav-casestudies.gif) no-repeat bottom right;}
#nav-franchise span {background: url(../img/nav-franchise.gif) no-repeat bottom right;}
#nav-contactus span {background: url(../img/nav-contactus.gif) no-repeat bottom right;}
/* end */

html>body ul#navigation li:hover {z-index: 3;} /* improving the effect in good browsers */
ul#navigation a {color: white; text-transform: uppercase; line-height: 24px; font-size: 70%; text-decoration: none; font-weight: bold; z-index: 5;}
ul#navigation a:hover {text-decoration: underline; z-index: 10;}
ul#navigation a:hover span {background-position: top right; z-index: 10; cursor: pointer;} /* setting some styles, plus cursor for IE - otherwise "hand" wouldn't show up */
/* end of navigation styling */

#small-nav {width: 261px; height: 26px; list-style-type: none; font-size: 60%; position: absolute; top: 0; right: 34px;}
* html #small-nav {right: 33px;}
#small-nav li {float: left; overflow: hidden; text-indent: -500em;}
#small-nav li, #small-nav a {display: block; height: 26px;}
#nav-news, #nav-home2 a {width: 49px; margin-left: 4px; background: url(../img/nav-home2.gif) no-repeat 0 60px;}
#nav-news, #nav-news a {width: 45px; margin-right: 3px; background: url(../img/nav-news.gif) no-repeat 0 60px;}
#nav-growthnet, #nav-growthnet a {width: 80px; margin-right: 1px; background: url(../img/nav-growthnet.gif) no-repeat 0 60px;}
#nav-sitemap, #nav-sitemap a {width: 62px; background: url(../img/nav-sitemap.gif) no-repeat 0 60px;}
#small-nav a:hover {background-position: top;}

#better-way {clear: both; width: 759px; margin-top: 14px; height: 135px; color: #fff; font-size: 75%; background: url(../img/discover-a-better-way-to-gr.jpg) no-repeat;}
#better-way h2 {position: absolute; left: -5000px;} /* just taking the heading out of the screen */
#better-way p {padding: 56px 410px 0 12px; line-height: 1.4;}
#better-way p a {font-weight: bold; color: #fff;}

#content {padding: 16px 0 25px 0; width: 759px; font-size: 75%; float: left;}
#home-page #content {padding: 16px 10px 25px 10px;}
html>body#home-page #content {margin: 0 10px; padding: 16px 0 25px 0; width: 739px;} /* some trickery had to be done for stupid Opera 7.54 */

#main-content {width: 560px; float: right; background-position: right top; background-repeat: no-repeat;}

#landscaping-info, #agriculture-businesses {position: relative; width: 279px; border: 1px solid #B8B8B8; float: right; min-height: 205px; height: 205px;}
html>body #landscaping-info, html>body #agriculture-businesses {width: 277px; height: auto;}
#agriculture-businesses {margin: 0 12px 0 6px;}
#landscaping-info h2, #agriculture-businesses h2 {border-bottom: 1px solid #B8B8B8; font-size: 125%; background: #ACCFB1; line-height: 1.5; text-align: center;}
#agriculture-businesses h2 {background: #C6CAE2;}
#landscaping-info img, #agriculture-businesses img {margin: 10px 0 0 11px; float: left;}
#landscaping-info ul, #agriculture-businesses ul {padding-bottom: 4em;}
html>body #landscaping-info ul, html>body #agriculture-businesses ul {list-style-type: none; margin: 10px 3px 0 109px;}
* html #landscaping-info ul, * html #agriculture-businesses ul {list-style-image: url(../img/list-item.gif); margin: 10px 3px 0 122px;}
#landscaping-info li, #agriculture-businesses li {padding: 0 0 6px 14px; line-height: 1.3; background: url(../img/list-item.gif) no-repeat 0 0;}
* html #landscaping-info li, * html #agriculture-businesses li {padding: 0 2px 6px 0; background: none;}
.more-information {color: #8F0707; line-height: 19px; padding-left: 8px; margin: 0 0 0 123px; display: block; width: 120px; height: 22px; background: url(../img/more-info.gif) no-repeat bottom; position: absolute; left: 0; bottom: 2.5em; text-decoration: none;}
html>body .more-information {width: 112px; line-height: 20px;}
.more-information:hover {background-position: top;}

.ask-expert-button {color: #8F0707; line-height: 19px; padding-left: 8px; margin: 5px 10px 10px 30px; display: block; width: 120px; height: 22px; background: url(../img/more-info.gif) no-repeat bottom;  left: 0; bottom: 2.5em; text-decoration: none;}
html>body .ask-expert-button {width: 112px; line-height: 20px;}
.ask-expert-button:hover {background-position: top;}

.franchise-opportunities {text-align: center; width: 277px; position: absolute; left: 0; bottom: 7px;}
.franchise-opportunities a {color: #6C6C6C; font-size: 75%; position: relative; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration: none; border-bottom: 1px solid #6C6C6C;}

html>body #compost-tea {width: 170px; min-height: 207px;}
#compost-tea h2 {font-size: 90%; position: relative; overflow: hidden; margin-bottom: 8px;}
#compost-tea h2, #compost-tea h2 span {width: 141px; height: 33px; display: block; left: -2px; top: -3px;}
#compost-tea h2 span {background: url(../img/head-compost-tea-guide.gif) no-repeat; position: absolute; top: 0; left: 0;}
#compost-tea img {border: none; float: left; margin-right: 1px;}
#compost-tea p {padding-top: 2px; line-height: 1.3;}
#compost-tea a {color: #8F0707;}

#franchise-op {width: 179px; clear: both; float: right; margin: 15px 0 0 12px; padding-bottom: 5px; background: url(../img/bg-franchise-bottom.gif) no-repeat bottom;}
#franchise-op h3, #franchise-op p {background: url(../img/bg-franchise.gif) repeat-y; padding: 0 17px 7px 17px;}
#franchise-op h2 {position: relative; overflow: hidden; font-size: 100%;}
#franchise-op h2, #franchise-op h2 span {width: 179px; height: 56px; display: block;}
#franchise-op h2 span {background: url(../img/logo-franchise.gif) no-repeat; position: absolute; top: 0; left: 0;}
#franchise-op h3 {color: #8F0707; font-size: 100%;}
#franchise-op p a {color: #0072BC;}

#ag-list {width: 179px; clear: both; float: right; margin: 0 0 0 12px;}
#ag-list ul {padding: 5px 0px 0px 18px; color:#0066CC;}
#ag-list h3 {font-size: 100%; margin-top: 15px;}
#ag-list li {font-size: 12px; color: #20751B; line-height: 16px;}

#ag-list2 {width: 179px; clear: both; float: right; margin: 150px 0 0 12px;}
#ag-list2 ul {padding: 5px 0px 0px 18px; color:#0066CC;}
#ag-list2 h3 {font-size: 100%; margin-top: 15px;}
#ag-list2 li {font-size: 12px; color: #20751B; line-height: 16px;}

#news {width: 379px; float: right; margin: 15px 0 0 12px; border-top: 5px solid #207F26; padding-top: 10px;}
#news h2 {font-size: 100%; text-transform: uppercase; padding-bottom: 8px;} /* "NEWS" heading */
#news dt {float: left; width: 72px; color: #303030;} /* news date styling */
#news dd {float: left; width: 307px; padding-bottom: 18px;} /* news content styling */
#news dd h3 {color: #8F0707; font-size: 100%;} /* heading for news */

#news2 {width: 379px; margin: 0px 0 0 0px; padding-top: 10px;}
#news2 h2 {font-size: 100%; text-transform: uppercase; padding-bottom: 8px;} /* "NEWS" heading */
#news2 dt {float: left; width: 72px; color: #303030;} /* news date styling */
#news2 dd {float: left; width: 307px; padding-bottom: 18px;} /* news content styling */
#news2 dd h3 {color: #8F0707; font-size: 100%;} /* heading for news */

#dr-elaine-ingham {float: right; width: 157px; margin-top: 15px;}
#dr-elaine-ingham img {border: none;}
img#ingham-photo {border: 1px solid black; margin-bottom: 11px;}
#dr-elaine-ingham p {line-height: 1.4; padding-bottom: 8px;}
#dr-elaine-ingham a {color: #0072BC;}

#footer {width: 100%; font-family: Arial, Helvetica, Tahoma, sans-serif; clear: both; padding: 12px 0 0 0; background: #FAFAFA url(../img/footer.gif) repeat-x; text-align: center; min-height: 130px;}
#footer-text {width: 759px; margin: 0 auto; font-size: 70%;}
#footer-nav {color: #787878; padding-bottom: 22px;}
#footer-nav a {color: #787878;}
#footer-text div {width: 565px; margin: 0 auto;}
#copyright, #footer-text address {font-size: 95%; padding-top: 3px;}
#copyright {color: #848484; text-align: left; float: left; width: 265px;}
#footer-text address {display: block; padding-left: 10px; width: 300px; text-align: left; float: left; background: url(../img/world.gif) no-repeat right top; height: 71px; color: #848484; font-style: normal;}
html>body #footer-text address {width: 290px;}
#footer-text address span {display: block; padding: 0.6em 0 3em 0;}

/* AGRICULTURE Section */
#wrapper #content #franchise-op.no-clear {margin-top: 167px;} /* we use this class and ID to make it at proper position from top */
#wrapper #content #ag-list.no-clear {margin-top: 15px;} /* we use this class and ID to make it at proper position from top */

#sub-nav {float: right; width: 199px;}
#sub-nav ul {width: 180px; border: 1px solid #D2D2D2; border-top: none; list-style-type: none;}
#sub-nav ul ul {border: none; background: #F4F4F4; margin-left: -8px;}
#sub-nav li {line-height: 22px; padding: 2px 0 0 8px; color: #717171; border-top: 1px solid #D2D2D2;}
#sub-nav li a {color: #717171; font-weight: normal; text-decoration: none;}
#sub-nav li a:hover {color: #6666666; font-weight: normal; text-decoration: underline;}
#sub-nav li li {padding-left: 17px; background: url(../img/list-item-2.gif) no-repeat left center;}
html>body #sub-nav ul {width: 178px;}
#located-here {background: #E8F5E5; font-weight: bold;}

/* "Ask The Experts" box */
#ask-box {width: 180px; border: 1px solid #D2D2D2; margin-top: 47px; float: left;} 
html>body #ask-box {width: 180px;}
#ask-box h2 {position: relative; overflow: hidden; font-size: 90%;}
#ask-box h2, #ask-box h2 span {width: 180px; height: 23px; display: block;}
#ask-box h2 span {background: url(../img/ag-head-ask-the-experts.gif) no-repeat; position: absolute; top: 0; left: 0;}
#ask-box h3 {position: relative; overflow: hidden; font-size: 90%;}
#ask-box h3, #ask-box h3 span {width: 180px; height: 120px; display: block;}
#ask-box h3 span {background: url(../img/ag-ask-the-experts.jpg) no-repeat; position: absolute; top: 0; left: 0;}
#ask-box p {padding: 10px;}
html>body #ask-box {width: 180px;}
/* end of "Ask The Experts" box */

/* "Get Results" box - not in use */
#box {width: 180px; border: 1px solid #D2D2D2; margin-top: 12px; float: left;} 
* html #box {padding-bottom: 9px;}
#box img {margin: 9px 11px 0 10px; float: left;}
html>body #box img {margin-bottom: 9px;}
#box h3 {font-size: 100%; padding: 10px 8px 5px 0;}
#box a {color: #1F7F26;}
#box p {font-size: 95%; padding: 0 8px 5px 0;}
html>body #box {width: 178px;}
/* end of "Get Results" box */

#text {width: 335px; float: left;}

#text h2 {font-size: 175%; font-weight: normal; padding-bottom: 8px;}
#text p {padding-bottom: 7px; width: 335px; clear: left; line-height: 1.4;}
#text p#call-to-action {margin-bottom: 20px; padding-bottom: 0; float: left;}
#text a {color: #000099; text-decoration: underline;}
#text p#call-to-action a {display: block; width: 125px; margin-right: 10px; float: left; color: #000099;}
#text ul, ol {margin: 3px 40px 13px 30px;}
#text li {line-height: 1.3; padding-bottom: 3px;}
#text h3 {padding: 4px 0 0 0; font-size: 100%;}
#text img {border:0px; margin:0px; padding:0px;}

#agriculture-page #main-content {background-image: url(../img/banner-agriculture.jpg);} /* the image on the right of the content, can be modified for each page by defining new style */

#main-content #cookie-nav {color: #1F7F26; padding-bottom: 8px;}
#main-content #cookie-nav a {font-weight: normal; color: #1F7F26;}

/* LAWN & LANDSCAPING*/

#lawn-landscaping-page #main-content {background-image: url(../img/banner-lawn-landscape.jpg);} /* the image on the right of the content, can be modified for each page by defining new style */
#lawn-landscaping-page #text h2 {font-size: 175%; font-weight: normal; padding-bottom: 3px;}
#lawn-landscaping-page #text h4 {padding:  0 0 8px 0; font-size:14px;}

/* end LAWN & LANDSCAPING*/

/* FRANCHISE OPPORTUNITIES*/

#franchise-opportunities-home #main-content {width: 560px; height: 600px; float: right; background-position: right top; background-repeat: no-repeat;}
#franchise-opportunities-home #text {width: 560px; float: left;}
#franchise-opportunities-home #text h2 {font-size: 175%; font-weight: normal; padding-bottom: 20px;}

#landscaping-franbox {position: relative; width: 274px; border: 1px solid #B8B8B8; float:right; min-height: 250px; height: 250px;}
#agriculture-franbox {position: relative; width: 274px; border: 1px solid #B8B8B8; float: left; min-height: 250px; height: 250px;}
html>body #landscaping-franbox, html>body #agriculture-franbox {width: 274px; height: auto;}
#landscaping-franbox h2, #agriculture-franbox h2 {border-bottom: 1px solid #B8B8B8; font-size: 125%; background: #ACCFB1; line-height: 1.5; text-align: center;}
#agriculture-franbox h2 {background: #C6CAE2;}
#landscaping-franbox img, #agriculture-franbox img {margin: 10px 0 0 11px; float: right;}
#landscaping-franbox ul, #agriculture-franbox ul {padding-bottom: 4em;}
html>body #landscaping-franbox ul, html>body #agriculture-franbox ul {list-style-type: none; margin: 10px 3px 0 109px;}
* html #landscaping-franbox ul, * html #agriculture-franbox ul {list-style-image: url(../img/list-item.gif); margin: 10px 3px 0 122px;}
#landscaping-franbox li, #agriculture-franbox li {padding: 0 0 6px 14px; line-height: 1.3; background: url(../img/list-item.gif) no-repeat 0 0;}
* html #landscaping-franbox li, * html #agriculture-franbox li {padding: 0 2px 6px 0; background: none;}

#franchise-opportunities-home .more-information {color: #8F0707; line-height: 19px; padding-left: 8px; margin: 0 0 0 75px; display: block; width: 120px; height: 22px; background: url(../img/more-info.gif) no-repeat bottom; position: absolute; left: 0; bottom: 2.5em; text-decoration: none;}
#franchise-opportunities-home html>body .more-information {width: 112px; line-height: 20px;}
#franchise-opportunities-home .more-information:hover {background-position: top;}

#agriculture-franchise-opportunities #main-content {background-image: url(../img/banner-ag-franchise.jpg);}
#lawn-landscape-franchise-opportunities #main-content {background-image: url(../img/banner-lawn-franchise.jpg);}


/* end FRANCHISE OPPORTUNITIES*/

/* CASE STUDIES*/
#case-studies-home #main-content {width: 560px; height: 600px; float: right; background-position: right top; background-repeat: no-repeat;}
#case-studies-home #text h2 {font-size: 175%; font-weight: normal; padding-bottom: 20px;}
#case-studies-home .more-information {color: #8F0707; line-height: 19px; padding-left: 8px; margin: 0 0 0 75px; display: block; width: 120px; height: 22px; background: url(../img/more-info.gif) no-repeat bottom; position: absolute; left: 0; bottom: 2.5em; text-decoration: none;}
#case-studies-home html>body .more-information {width: 112px; line-height: 20px;}
#case-studies-home .more-information:hover {background-position: top;}
#case-studies-home #landscaping-franbox {position: relative; width: 274px; border: 1px solid #B8B8B8; float:right; min-height: 205px; height: 205px;}
#case-studies-home #agriculture-franbox {position: relative; width: 274px; border: 1px solid #B8B8B8; float: left; min-height: 205px; height: 205px;}

#lawn-landscaping-case-studies #text {width: 365px; float:left;}
#lawn-landscaping-case-studies #text p {padding-bottom: 7px; width: 365px; clear: left; line-height: 1.4;}
#lawn-landscaping-case-studies #text img {border:0px; margin:10px 0 0 0; padding:0px;}
#lawn-landscaping-case-studies #text h2 {font-size: 175%; font-weight: normal; padding-bottom: 20px;}

#ag-case-studies #text {width: 365px; float:left;}
#ag-case-studies #text p {padding-bottom: 7px; width: 365px; clear: left; line-height: 1.4;}
#ag-case-studies #text img {border:0px; margin:10px 0 0 0; padding:0px;}
#ag-case-studies h2 {font-size: 175%; font-weight: normal;}

/* ABOUT US */

#about-us #text {width: 465px; float: left;}
#about-us #main-content {width: 560px; height: 600px; float: right; background-position: right top; background-repeat: no-repeat;}
#about-us #text p {padding-bottom: 7px; width: 465px; clear: left; line-height: 1.4;}

/* COMPOST TEA FAQ */

#compost-tea-faq #text {width: 465px; float: left;}
#compost-tea-faq #main-content {width: 560px; float: right; background-position: right top; background-repeat: no-repeat;}
#compost-tea-faq #text p {padding-bottom: 7px; width: 465px; clear: left; line-height: 1.4;}
#compost-tea-faq #text h3 {color:#1F7F26;}
#compost-tea-faq #franchise-op {float:left; margin: 15px 0 0 0;}

/* News Item */

#news3 #text {width: 465px; float: left;}
#news3 #main-content {width: 560px; float: right; background-position: right top; background-repeat: no-repeat;}
#news3 #text p {padding-bottom: 7px; width: 465px; clear: left; line-height: 1.4;}
#news3 #text h3 {font-size:14px; margin-bottom: 15px;}
#news3 #franchise-op {float:left; margin: 15px 0 0 0;}

/* CONTACT US */

#contact-us-menu {width: 465px; margin: 0 0 10px 0;}
#contact-us-menu td {padding: 3px;}
#contact-us-menu .link {font-size:12px;}

#contact-us-form {width:465px;}
.textfield {width: 225px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.textarea {width: 405px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.zipfield {width: 90px;}
.label { width: 125px; font-size:11px; font-weight: bolder; color:#4C4C4C; height: 26px;}
.text {font-size:12px; font-family:Arial, Helvetica, sans-serif;}


#address-box {margin-top:10px;}
#req-field-text {font-size: 12px; float: right; margin-right: 110px;}
.req {color:#990000; font-weight:bold;}

#ag-contact-form #formblurb {width: 405px;}
#ag-form-questions {width:465px;}
#ag-form-questions td {padding: 3px;}
#ag-form-questions .text {font-size:12px; font-family:Arial, Helvetica, sans-serif;}

/* ASK THE EXPERTS */
#ask-the-experts #main-content {width: 560px; height: 600px; float: right; background-position: right top; background-repeat: no-repeat;}
#main-content-thx {width: 560px; height: 600px; float: right; background-position: right top; background-repeat: no-repeat;}

/* THANKS */
#thanks #formblurb {width: 405px;}
#thanks {width:465px;}

/* PRODUCTS */

#text2 h2 {font-size: 175%; font-weight: normal; padding-bottom: 8px;}
#text2 p {font-family: Helvetica, Arial, Verdana, sans-serif; padding-bottom: 7px; clear: left; line-height: 1.4;}
#text2 p#call-to-action {margin-bottom: 20px; padding-bottom: 0; float: left;}
#text2 a {color: #000099; text-decoration: underline;}
#text2 p#call-to-action a {display: block; width: 125px; margin-right: 10px; float: left; color: #000099;}
#text2 ul, ol {margin: 3px 40px 13px 30px;}
#text2 li {line-height: 1.3; padding-bottom: 3px;}
#text2 h3 {padding: 4px 0 0 0; font-size: 100%;}
#text2 img {border:0px; margin:0px; padding:0px;}
#text2 table {font-size: 100%;}

#product_bug {padding: 10px 10px 10px 10px;}
#product_bug img {border:0px; margin:0px; padding:0px;}