/*-----------------------------------------
------------------- HOME ------------------
-----------------------------------------*/

header .header-section.bottom {
	display:  none;
}

.home #content .boxes {
	background: white;
	overflow: hidden;
	-moz-border-radius: 8px;
   border-radius: 8px;
   float: left;
   padding: 10px;
   font-size:1.1em;
}

.home #content .boxes.intro {
	width: 68.5%;
	margin-right: 12px;
	min-height: 400px;
}

.home #content .boxes.email {
	width: 27.2%;
	min-height: 400px;
}

.home #content .boxes.intro img {
	float: left;
   margin-right: 15px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
	width: 37%;
	margin-bottom: 10px;
}

.home #content .boxes.intro h1 {
	font-size: 1.6em;
	color: #006600;
	font-weight: bold;
}

.home #content .boxes.intro h1 span {
	color: #7f11a1;
	font-size: .9em;
}

.home #content .boxes.email img {
	margin-top: 20px;
	display: block;
	margin-left: auto;
   margin-right: auto;
   -webkit-transition:0.5s;
	-moz-transition:0.5s;
	transition:0.5s;
}

.home #content .boxes.email img:hover {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
	-webkit-transform:rotate(360deg);
	-moz-transform:rotate(360deg);
	-o-transform:rotate(360deg);
	-ms-transform:rotate(360deg);
}

.home section#content {
	width: 100%;
	overflow: hidden;
}

.home #content .boxes.email h2 {
	font-size: 1.5em;
	color: #7f11a1;
	font-weight: bold;
}

.home #content .boxes.featured {
	margin-top: 10px;
	width: 98.25%;
}

.home #content .featured .feature-links {
	float: left;
	width: 33%;
}

.home #content .featured img {
	float: left;
	margin-right: 15px;
}

.home #content .featured .feature-links.email {
	display: none;
}

/*-----------------------------------------
----------------- END HOME ----------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
------------------ ABOUT ------------------
-----------------------------------------*/

.about section.content img.styled {
	float: right;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 10px;
   -moz-border-radius: 500px;
   border-radius: 500px;
   border: 6px solid #fff;
   -webkit-transition: 0.3s linear all;
	-moz-transition: 0.3s linear all;
	-ms-transition: 0.3s linear all;
	-o-transition: 0.3s linear all;
	transition: 0.3s linear all;
}

.about section.content img.styled:hover {
	border: 6px solid #6c02c5;
	-webkit-box-shadow: 0 0 10px #444;
	box-shadow: 0 0 10px #444;
}

.about .content ul {
	float: left;
	margin-right: 20px;
	border: 1px solid blue;
}

.about img.gc {
	-moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-transition: 0.4s linear all;
	-moz-transition: 0.4s linear all;
	-ms-transition: 0.4s linear all;
	-o-transition: 0.4s linear all;
	transition: 0.4s linear all;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 2px solid #C962e7;
}

.about img.gc:hover {
	-webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
	border: 2px solid #7f11a1;
}

/*-----------------------------------------
---------------- END ABOUT ----------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- PLANTS ------------------
-----------------------------------------*/

.plants aside {
	float: right;
   margin-left: 15px;
   margin-right: 10px;
   border: 1px solid #555;
   -moz-border-radius: 8px;
   border-radius: 8px;
   padding: 8px;
   width: 300px;
}

.plants aside a.btn {
	margin-left: auto;
   margin-right: auto;
   display: block;
   width: 65%;
   text-align: center;
}

.plants .content img {
	-moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-transition: 0.4s linear all;
	-moz-transition: 0.4s linear all;
	-ms-transition: 0.4s linear all;
	-o-transition: 0.4s linear all;
	transition: 0.4s linear all;
	border: 2px solid #C962e7;
	margin-bottom: 15px;
	margin-top: 10px;
}

.plants .content img:hover {
	-webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
	border: 2px solid #7f11a1;
}

.plants img.annual-last, .plants img.perennial-last {
	display: none;
}

.plants ul.proven-winners {
	margin-bottom: 15px;
	margin-left: 5px;
	font-weight: bold;
	margin-top: 10px;
}

.plants ul.annuals, .plants ul.perennials {
	float: left;
	margin-right: 35px;
	margin-top: 10px;
	font-weight: bold;
}

/*-----------------------------------------
--------------- END PLANTS ----------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
-------------- PLANTS-TOOLS ---------------
-----------------------------------------*/

.plants-tools .content ul {
	float: left;
	margin-right: 35px;
	margin-top: 10px;
	font-weight: bold;
}

.plants-tools .content h2 {
	margin-top: 30px;
}

.plants-tools .content img {
	-moz-border-radius: 10px;
   border-radius: 10px;
   margin-bottom: 15px;
	margin-top: 10px;
	-webkit-transition: 0.4s linear all;
	-moz-transition: 0.4s linear all;
	-ms-transition: 0.4s linear all;
	-o-transition: 0.4s linear all;
	transition: 0.4s linear all;
	border: 2px solid #C962e7;
}

.plants-tools .content img:hover {
	-webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
	border: 2px solid #7f11a1;
}

.plants-tools section.content ol {
	margin-left: 25px;
	margin-top: 15px;
	width: 80%;
}

.plants-tools section.content ol li {
	margin-top: 5px;
}

.plants-tools img.image-scotts {
	float: right;
	margin-left: 15px;
	margin-top: 15px;
	margin-right: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   border: 2px solid #C962e7;
   -webkit-transition: 0.8s linear all;
	-moz-transition: 0.8s linear all;
	-ms-transition: 0.8s linear all;
	-o-transition: 0.8s linear all;
	transition: 0.8s linear all;
}

.plants-tools img.image-scotts:hover {
	-moz-border-radius: 500px;
   border-radius: 500px;
	border: 2px solid #6c02c5;
	-webkit-box-shadow: 0 0 10px #444;
	box-shadow: 0 0 10px #444;
}

/*-----------------------------------------
------------- END PLANTS-TOOLS ------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
--------------- WILD BIRDS ----------------
-----------------------------------------*/

.wild-birds .content .last {
	display: none;
}

.wild-birds .content img {
	-moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-transition: 0.4s linear all;
	-moz-transition: 0.4s linear all;
	-ms-transition: 0.4s linear all;
	-o-transition: 0.4s linear all;
	transition: 0.4s linear all;
	border: 2px solid #C962e7;
	margin-bottom: 15px;
	margin-top: 10px;
}

.wild-birds .content img:hover {
	-webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
	border: 2px solid #7f11a1;
}

/*-----------------------------------------
-------------- END WILD BIRDS -------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
---------------- SEASONAL -----------------
-----------------------------------------*/

.seasonal .content img {
	-moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-transition: 0.4s linear all;
	-moz-transition: 0.4s linear all;
	-ms-transition: 0.4s linear all;
	-o-transition: 0.4s linear all;
	transition: 0.4s linear all;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 2px solid #C962e7;
}

.seasonal .content img:hover {
	-webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
	border: 2px solid #7f11a1;
}

/*-----------------------------------------
--------------- END SEASONAL --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
------------------ DECOR ------------------
-----------------------------------------*/

.decor .content img {
	-moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-transition: 0.4s linear all;
	-moz-transition: 0.4s linear all;
	-ms-transition: 0.4s linear all;
	-o-transition: 0.4s linear all;
	transition: 0.4s linear all;
	margin-bottom: 15px;
	margin-top: 10px;
	border: 2px solid #C962e7;
}

.decor .content img:hover {
	-webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
	border: 2px solid #7f11a1;
}

.decor img.last {
	display: none;
}

/*-----------------------------------------
----------------- END DECOR ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
------------------ VIDEOS -----------------
-----------------------------------------*/

.videos .videoSection {
	margin-top: 25px;
	width: 75%;
	border: 1px solid #737a35;
	background-color: #fff;
	padding: 10px;
	-moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
}

.videos .videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	width: 98%;
}

.videos .videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*-----------------------------------------
----------------- END VIDEOS --------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
----------------- CONTACT -----------------
-----------------------------------------*/

.contact #map, .about #map {
   width: 100%;
   position: relative;
   overflow: hidden;
   padding-bottom: 30%;
   margin-top: 4px;
   margin-bottom: 20px;
}

.contact #map iframe, .contact #map object, .contact #map embed, .about #map iframe,
.about #map object, .about #map embed {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.contact #form-container {
	width: 60%;
}

.contact #store-info {
	width: 35%;
	float: right;
	margin-top: 20px;
	margin-right: 15px;
}

.contact #store-info .indent {
	margin-left: 18px;
}

/*-----------------------------------------
--------------- END CONTACT ---------------
-----------------------------------------*/

/*-===========================================================-*/

/*-----------------------------------------
--------------- EMPLOYMENT ----------------
-----------------------------------------*/

.employment aside {
	float: right;
   margin-left: 15px;
   margin-right: 10px;
   border: 1px solid #555;
   -moz-border-radius: 8px;
   border-radius: 8px;
   padding: 8px;
   width: 300px;
   padding-bottom: 20px;
}

.employment aside a.btn {
	margin-left: auto;
   margin-right: auto;
   display: block;
   width: 50%;
   text-align: center;
}

.employment h4 {
	text-align: center;
}

.employment .content img {
	-moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-transition: 0.4s linear all;
	-moz-transition: 0.4s linear all;
	-ms-transition: 0.4s linear all;
	-o-transition: 0.4s linear all;
	transition: 0.4s linear all;
	border: 2px solid #C962e7;
	margin-bottom: 15px;
	margin-top: 10px;
}

.employment .content img:hover {
	-webkit-box-shadow: 2px 4px 5px #444;
	box-shadow: 2px 4px 5px #444;
	border: 2px solid #7f11a1;
}

.employment img.annual-last, .employment img.perennial-last {
	display: none;
}

.employment ul.proven-winners {
	margin-bottom: 15px;
	margin-left: 5px;
	font-weight: bold;
	margin-top: 10px;
}

.employment ul.annuals, .employment ul.perennials {
	float: left;
	margin-right: 35px;
	margin-top: 10px;
	font-weight: bold;
}

/*-----------------------------------------
------------- END EMPLOYMENT --------------
-----------------------------------------*/

/*-===========================================================-*/




