* { padding: 0; margin: 0; outline: 0; }

html {
	background:  #669966 url(images/page_bg.jpg) repeat-x ; 
}
body {
    font-size: 14px;
    line-height: 24px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #333333;
    text-align: left;
}

a img { border: 0; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

h2 { font: 24px/24px "Trebuchet MS", Arial, sans-serif; color: #333333; margin-top:  10px; margin-bottom:  10px;}
h3 { font:  20px/20px "Trebuchet MS", Arial, sans-serif; color: #333333; margin-top:  10px; margin-bottom:  10px; }
.shell { width: 960px; margin: 0 auto; position: relative;}

#header { background-color:  #FFFFFF; height: 400px; position: relative; }
#header h1#logo { float: left; display: inline; padding: 10px 0 0 0;  }
#header h1#logo a { display: block; width:314px; height: 138px; background: url(images/logo.gif); }

#header-call { position: absolute; top: 15px; right: 30px; font: 22px/24px "Trebuchet MS"; color:#336633;   }

#navigation { background-color:  #FFFFFF; float: right; display: inline; padding: 115px 0 0 0; }
#navigation ul { list-style-type: none; padding: 0 15px 0 0;}
#navigation ul li { float: left; display: inline; margin:0 0 0 20px; }
#navigation ul li a { display: block; padding: 5px; color: #336633; text-decoration: none; font: 18px/23px Arial, sans-serif;}
#navigation ul li a:hover { background-color: #336633; color: white; }
#navigation ul li a.active { background-color: #996633; color: white; }

#banner { border-top: 1px solid #996633; border-bottom: 1px solid #996633; padding: 5px 0 2px; }
#banner a { float: left; display: inline; }

#main { background-color:  #FFFFFF; padding: 30px 18px 0; height: 100%; }
#main h2.grass { padding: 0 0 0 40px; background: url(images/grass.gif) no-repeat 0 0;  line-height: 40px; position: relative; left: -10px; font-variant: small-caps; letter-spacing: -1px;}
#main p {  font: 14px/24px "Trebuchet MS"; }
#main p a { color:  #333333; text-decoration: underline; }
#main p.first { padding: 0 0 15px 0;}
#main p.first a:link {  color:  #333333;}
#main .article { background-color: #d6ebdb; margin: 0 0 18px 0; }
#main .article .image{  float: left; display: inline; font-size:0; }
#main .article .article-content { float: right; display: inline; width: 570px; height: 100%; }
#main .article .article-content p {  padding: 0 20px 0 0; font-size: 16px;  }
#main .article .article-content p span.big-text { font-size: 18px;  }
#main .article .irrigation { background: url(images/drop.gif) no-repeat 0 0; padding: 20px 15px 0 0;}
#main .article .irrigation a.arrow {  margin: -5px 10px 0 0;}
#main .article .services { background: url(images/leaf1.gif) no-repeat 0 0; padding: 15px 15px 0 0; }
#main .article .services a.arrow {  margin: -20px 10px 0 0;}
#main .article .consultations { background: url(images/leaf2.gif) no-repeat 0 0; padding: 15px 15px 0 0;}
#main .article .consultations a.arrow {  margin: -25px 10px 0 0;}

#main .article .article-content a.arrow { float: right; display: inline;}
#main ul { list-style-type:  circle; padding: 0 25px 0 0;}
#main ul li { margin: 10px 0 10px 15px; }
#footer { height: 85px; background: #996633 url(images/footer.gif) no-repeat right 0; padding: 0 18px; }

#footer p { padding: 2px 0 0 3px; }
#footer p.left { font: 12px/24px "Trebuchet MS"; font-weight: bold; color: white;  float: left; display: inline;}
#footer p.left span { margin: 0 10px; }