body { background: url("../img/page-background.png"); margin: 0; font: 14px/1.4 "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
.container { width: 960px; padding: 10px; margin: 0 auto; }
h1, h2, h3, h4, h5, h6 { font-family: "Kreon", serif; color: #754c24; }
h1 { font-size: 3.5em; margin: 0 0 0.7em 0; line-height: 1; }
h2 { font-size: 1.7em; margin: 0 0 0.7em 0; line-height: 1.2;  }
h3 { font-size: 1.5em; margin: 0 0 0.7em 0; line-height: 1.2; }
img { border: none; }
input, select, textarea { font: 14px "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif; }
a { color: #70a900; }
a:hover { color: #86ca00; }

.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
#ie6 .clearfix, #ie7 .clearfix { zoom: 1; } /* For IE 6/7 (trigger hasLayout) */

.header .container { padding-top: 50px; }
.logo { float: left; display: block; margin-bottom: 10px; }
.contact { float: right; text-align: right; font-size: 0.9em; }
.social { float: right; clear: right; }
.social ul { list-style-type: none; margin: 0; padding: 0; }
.social li { margin: 0; padding: 0; display: inline; }
.header .social { margin: 20px 0 0 0; }

.nav { background: #598527; font-family: "Kreon", serif; font-size: 1.6em; }
.nav .container { padding-top: 0; padding-bottom: 0; }
.nav ul { list-style-type: none; padding: 0; margin: 0; margin: 0 -10px; }
.nav li { float: left; padding: 0; margin: 0 20px 0 0; }
.nav li a { display: block; padding: 12px 10px; color: #fff; text-decoration: none; }
.nav li a:hover { color: #fff200; text-decoration: none; }
.nav li.active a { color: #fff200; }

.footer { color: #fff; padding-bottom: 100px; font-size: 0.9em; background: url("../img/footer-background.jpg"); }
.footer ul { font-size: 1.4em; margin: 0; padding: 0; list-style-type: none; }
.footer li { margin: 0; padding: 0.1em 0; }
.footer a { color: #f8ef22; text-decoration: none; }
.footer a:hover { text-decoration: underline; }
.footer .aside { float: left !important; padding-right: 20px !important; width: 220px !important; }
.footer .aside:nth-child(4n) { padding-right: 0 !important; width: 240px !important; }

.content { background: url("../img/footer-background-top.png") repeat-x left bottom; color: #333; }
.content .container { padding-bottom: 30px; }
.article { float: left; width: 640px; margin: 30px 40px 0 0; padding: 0 39px 40px 0; border-right: 1px dashed #888; }
.article h2 { margin: 1em 0 0.5em 0; font-size: 2em; }
.article h3 { margin: 1em 0 0.5em 0; clear: left; }
.article table { width: 80%; border-collapse: collapse; }
.article table td { width: 30%; vertical-align: top; }
.article-section { clear: left; margin-bottom: 40px; }
.article-section img { float: left; margin: 0 30px 30px 0; }
.article-section div { margin-left: 230px; }
.article li { margin: 0.5em 0 1em 0; }
#ie6 .article-section h2, #ie6 .article-section h3 { margin-top: 0; }
#ie7 .article-section h2 { margin-top: 0; }
.featured { position: relative; }
.featured img { display: block; padding: 20px 0 0 0; }
.article .featured img { padding-top: 0; }
.featured-caption { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(255,255,255,0.75); padding: 10px 20px; font-size: 1.2em; letter-spacing: -1px; font-weight: bold; }
#ie6 .featured-caption, #ie7 .featured-caption, #ie8 .featured-caption { display: none; }
.aside { float: right; clear: right; width: 240px; margin: 30px 0 20px 0; }
.aside h3 { padding: 15px 10px 15px 75px; font-weight: normal; background-color: #e2eed6; background-repeat: no-repeat; background-position: 10px center; }
.aside h3.dollar { background-image: url("../img/icon-dollar.png"); }
.aside h3.envelope { background-image: url("../img/icon-envelope.png"); }
.aside h3.sun { background-image: url("../img/icon-sun.png"); }
@media only screen and (width)
{
	.aside h3.dollar { background: url("../img/icon-dollar.png") no-repeat 10px center, url("../img/aside-background.jpg"); }
	.aside h3.envelope { background: url("../img/icon-envelope.png") no-repeat 10px center, url("../img/aside-background.jpg"); }
	.aside h3.sun { background: url("../img/icon-sun.png") no-repeat 10px center, url("../img/aside-background.jpg"); }
}

.grid { clear: both; padding: 50px 0 0 0; }
.grid-cell { float: left; width: 300px; margin: 0 20px 0 0; padding-bottom: 60px; }
.grid-cell:nth-child(3n+1), .grid-cell:nth-child(3n+2) { margin: 0 30px 0 0; }
.grid-cell:nth-child(3n+0) { margin: 0; }
.grid-cell:nth-child(3n+1) { clear: both; }
.grid-cell h2 { padding: 15px 10px 15px 70px; font-weight: normal; background-color: #e2eed6; background-repeat: no-repeat; background-position: 10px center; }
.grid-cell h2.butterfly { background-image: url("../img/icon-butterfly.png"); }
.grid-cell h2.flowers { background-image: url("../img/icon-flowers.png"); }
.grid-cell h2.leaves { background-image: url("../img/icon-leaves.png"); }
@media only screen and (width)
{
	.grid-cell h2.butterfly { background: url("../img/icon-butterfly.png") no-repeat 10px center, url("../img/aside-background.jpg"); }
	.grid-cell h2.flowers { background: url("../img/icon-flowers.png") no-repeat 10px center, url("../img/aside-background.jpg"); }
	.grid-cell h2.leaves { background: url("../img/icon-leaves.png") no-repeat 10px center, url("../img/aside-background.jpg"); }
}


a.button { display: inline-block; background: #598527; padding: 5px 10px; text-transform: uppercase; color: #fff; text-decoration: none; }
a.button:hover { color: #fff; text-decoration: none; background: #70a731; }
.input-text { width: 100%; padding: 4px; margin-bottom: 20px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#ie6 .input-text, #ie7 .input-text { width: 96%; }
.input-submit { display: block; background: #598527; padding: 5px 10px; text-transform: uppercase; color: #fff; border: none; cursor: pointer; }
.input-submit:hover { background: #70a731; }
.phone { white-space: nowrap; }

ul.subnav { position: relative; top: -20px; list-style-type: none; margin: 0; padding: 0 0 20px 0; }
#ie6 ul.subnav { margin-bottom: 40px; }
ul.subnav li { margin: 0; padding: 0; float: left; }
ul.subnav a { display: block; padding: 10px; text-decoration: none; }
ul.subnav li.active a { padding: 10px 10px 7px 10px; border-bottom: 3px solid #70a900; }
a.thumbnail { display: block; float: left; margin: 10px 10px 0 0; text-decoration: none !important; }
a.thumbnail:hover { text-decoration: none !important; }
a.thumbnail img { display: block; }

.form-consultation textarea { width: 350px; height: 140px; }
.form-consultation input { width: 250px; padding: 2px; }
.form-growcard input { width: 250px; padding: 2px; }
.form-growcard table td { width: 95px; vertical-align: top; }
input.phone_box3 { width: 35px; }
input.phone_box4 { width: 48px; }
input.zip { width: 60px; }
.error { margin: 0 0 20px 0; padding: 20px; border: solid 1px #cd0a0a; background-color: #ffe3e2; }
.forbots { display : none; }