/* CSS Document */

* {
	font-family: 'Libre Baskerville', serif;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	padding: 0px;
	margin: 0px;
	min-height: 100%;
	width: 100%;
}
body {
	margin: 0px;
	padding: 0px;
	background: #fff url(/images/bg_body.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-size: 14px;
	color: #373837;
	/* old color if John asks was #707720 */
}
#background{
	border: 25px solid #fff;
    position: fixed;
    z-index: 2;
    min-height: 100%;
    min-width: 100%;
	top:0px;
	cursor:pointer;
}
#background img {
    height: auto;
    left: 0;
    min-height: 100%;
    min-width: 1024px;
    position: fixed;
    top: 0;
    width: 100%;
}

.arcLogo{
	z-index:100;	
	position: relative;
	display:block;
	margin:110px auto 110px auto;
	text-align:center;
	cursor:pointer;
}
.arcLogo img{
	max-width:  90%;}
p{margin-top:0px;}
h1,h2,h3,h4,h5{font-size:14px;color:#000;margin-top:0px;margin-bottom:12px;}
.clear-fix {
	clear: both;
}
hr{height:1px;background:#bfbfbf;margin-bottom:18px;}
#container {
	width: 100%;
	margin: 0px auto;
	position: relative;
	z-index:15;
}
#header {
	min-height: 85px;
	padding-bottom: 20px;
	z-index:3;
	background: url(../images/header-bg.png) 0px 0px #FFF;
	background-repeat:repeat-x;
	width: 900px;
	max-width: 100%;
	margin: 0px auto;
	padding:30px 30px 0px 30px;
	height:123px;
}
#header .wrap {max-width:880px;margin:auto;}
#header #logo {
	float: right;
}
#header #logo img, #footer img {
	max-width: 100%;
	height:auto !important;
}
#header .navs {
	padding-right: 256px;
}
#header .navs a, #header .navs a:link, #header .navs a:visited, #footer .navs a {
	display: block;
	text-decoration: none;
	color: #373837;
	font-size: 13.5px;
	font-weight: bold;
	white-space: nowrap;
	line-height:1.5;
}
#header .navs a:hover, #header .navs a:active, #header .navs a:focus, #header .navs a.currentPage{color:#61a60e;}
#header .navs .nav-column, #footer .navs .nav-column {
	display: inline-block;
	padding-right: 25px;
	vertical-align: top;
}
#content {
    width: 100%;
    max-width: 900px;
    margin: 0px auto;
    padding: 20px;
    line-height: 1.6;
    min-height: 400px;
}
#banner{margin-top:-20px; margin-bottom:20px;}
.featured{margin-bottom:20px;}
.featured:last-child{margin-bottom:0px;}
#content.contact {
}
#content.about {
}
#content.pest {
}
#content.flowers {
}
#content.fresh {
}
#content a {
	color: #61a60e;
}
.imgRight {
	max-width: 48%;
	float: right;
	margin: 0px 0px 3% 4%;
}
.home .imgRight{max-width:59%; }
.cycle-slideshow2{margin:0px 0px 20px 0px;}
.cycle-slideshow2{max-width:100%;min-height:561px;}
.imgRight img, .cycle-slideshow2 img{width:100% !important;height:auto !important;display:none;}
.home .cycle-slideshow{width:59%;height:331px;max-height:auto;}
.threecolumns{display:flex;justify-content: space-between;align-items: stretch;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #bfbfbf;}
.threecolumns.butreallytwo {
    justify-content: start;
}
.threecolumns div{width:30%;padding-right:2.5%;margin-right:2.5%;border-right:1px solid #bfbfbf00;}
.threecolumns div:last-child{padding:0px;margin:0px;border:none;}

.imgLeft {
	max-width: 46%;
	float: left;
	margin: 0px 4% 3% 0px;
}
#footer {
	font-size: 10px;
	clear: both;
	padding: 30px 30px 143px 30px;
	background: url(../images/footer-bg.png) 0px bottom #FFF !important;
	background-repeat:repeat-x !important;
	width: 900px;
	max-width: 100%;
	margin: 0px auto;
}
#footer .wrap{max-width:880px;margin:auto;}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: none;
	color: #373837;
}
#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration: underline;
}
#footer a.currentPage{color:#61a60e;}
#footer .navs .nav-column {
	border-left: #bfbfbf 1px solid;
	padding: 3px 9px 19px 9px;
	height: 102px;
}
#footer .navs a {
	font-weight: normal;
	font-size: 10px;
	padding: 0px 0px 5px 0px;
}
#footer #copyright {
	margin: 14px 0px 18px 0px;
}
.largeQuote {
	width: 100%;
	border: 1px #bfbfbf;
	border-style: solid none;
	text-align: center;
	color: #373837 !important;
	margin: 20px 0px;
	font-style: italic;
	clear: both;
}
.largeQuote h1{
	color: #373837 !important;
	font-size:24px;
	margin-top:12px;
}
.borderTxt {
	border: 1px #bfbfbf;
	border-style: solid none;
	padding: 10px 0px;
	margin: 20px 0px;
}
.threeCol table{
	padding:18px 0px;
	border: 1px #bfbfbf;
	border-style: solid none;
	margin-bottom:36px;
	}
.threeCol td{padding-right:35px;vertical-align:top;}
.borderTop {
	padding-top: 20px;
	margin-top: 15px;
	border: 1px #bfbfbf;
	border-style: solid none none none;
	clear: both;
}
.borderBot {
	border-bottom: 1px #bfbfbf solid;
	clear: both;
	margin-bottom:12px;
}
.gray-box {
	background: #bfbfbf;
	color: #FFFFFF;
	padding: 10px 20px;
	margin-bottom:18px;
}
.btn-green {
	font-size: 11px;
	background: #62A60A;
	border-radius: 2px;
	padding: 2px 6px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-top: -1px;
	margin-left:18px;
	text-transform: uppercase;
	vertical-align:middle;
}
#content a.btn-green , #content a:link.btn-green {color:#fff !important;}
.txt-green {
	color: #61a60e;
	text-decoration: none;
}
.txt-darkgray {
	color: #373837;
}
.txt-appleRed{color:#AD172B;}
.produceType {
	font-weight: bold;
	color: #373837;
}
.produce {
	color: #2f312f;
}
.produceDetails {
	float: right;
}
/* Assorted nonsense for the form */

#inline {
	display: none;
	width: 600px;
}
.txt {
	display: inline-block;
	color: #000000;
	width: 420px;
	font-family: 'Libre Baskerville', serif;
	margin-bottom: 10px;
	border: 1px dotted #ccc;
	padding: 5px 9px;
	font-size: 10pt;
	line-height: 1.4em;
}
.txtarea {
	display: block;
	resize: none;
	color: #000000;
	font-family: 'Libre Baskerville', serif;
	margin-bottom: 10px;
	width: 500px;
	height: 150px;
	border: 1px dotted #ccc;
	padding: 5px 9px;
	font-size: 10pt;
	line-height: 1.4em;
}
.txt:focus, .txtarea:focus {
	border-style: solid;
	border-color: #bababa;
	color: #444;
}
input.error, textarea.error {
	border-color: #973d3d;
	border-style: solid;
	background: #f0bebe;
	color: #a35959;
}
input.error:focus, textarea.error:focus {
	border-color: #973d3d;
	color: #a35959;
}
#send {
	cursor: pointer;
	font-size: 11px;
	background: #62A60A;
	border-radius: 2px;
	padding: 2px 6px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
	margin-top: -1px;
	text-transform: uppercase;
}
#send:hover {
	font-size: 11px;
	background: #62A60A;
	border-radius: 2px;
	padding: 2px 6px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
	margin-top: -1px;
	text-transform: uppercase;
}
#send:active {
	font-size: 11px;
	background: #62A60A;
	border-radius: 2px;
	padding: 2px 6px;
	text-decoration: none;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	margin-left: 10px;
	margin-top: -1px;
	text-transform: uppercase;
}
.txtarea1 {
	display: block;
	resize: none;
	color: #000000;
	font-family: 'Libre Baskerville', serif;
	margin-bottom: 10px;
	width: 500px;
	height: 150px;
	border: 1px dotted #ccc;
	padding: 5px 9px;
	font-size: 10pt;
	line-height: 1.4em;
}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-right: 12px solid #61a60e;
	position: absolute;
	top: 12px;
	left: -12px;
}
.produceCategory {
	border-bottom: 1px solid #bfbfbf;
	padding: 36px 0px 5px 0px;
	font-weight: bold;
	position: relative;
	text-transform:uppercase;
}
.produce {
	border-bottom: 1px solid #bfbfbf;
	padding: 6px 0px 5px 0px;
	color: #2f312f;
	font-weight: bold;
	position: relative;
	width:100%;
}
.info {
	position: absolute;
	background: #61a60e;
	width: 160px;
	left: 100%;
	color: #fff;
	padding: 0px 15px 15px 15px;
	border-radius: 3px;
	top: -6px;
	display: none;
	margin-left: 18px;
	font-size: 11px;
	z-index:1000;
}
.info strong {
	color: #a5d26e;
	margin-top: 16px;
	display: block;
	margin-bottom: 2px;
}
.circle-light-green{border-radius:100px;background:#a5d26e;color:#fff;display:inline-block;width:18px;height:18px;font-size:10px;padding:4px 1px 0px 0px;text-align:center;float:right;margin:-1px 6px 0px 2px;}
.column-left{width:48%; float:left;position:relative;margin-bottom:36px;}
.column-right{width:48%; float:right;}

.holiday-home{display:none;}

.socialMedia{float: right;
position: relative;
margin-top: -32px;
}

.amy-header{background: #FFFFFF; width: 900px; max-width:900px; margin: -50px -30px 20px; height: 152px; padding-top: 20px;}
.amy-sub-header{border-top:1px solid #bfbfbf; margin-top:0px; margin-left:200px; padding-top:14px;}
.fifty{opacity:0.6;font-weight:bold;}

@media (max-width: 900px) {
.amy-header{margin: -50px -20px 20px; width: inherit;}
}

@media (max-width: 825px) {
#header #logo{float:none;text-align:left;}
#header .navs {
	padding: 18px 0px 0px 0px;
	width:100%;
	text-align:left;
}
#header{height:auto;padding-bottom:18px;}

.arcLogo{
	z-index:100;	
	position: relative;
	display:block;
	margin:180px auto 0px auto;
	text-align:center;
}
.cycle-slideshow2{max-width:100%;min-height:485px;}
.amy-header{margin: -30px -20px 20px;}
}
@media screen and (max-width:720px){
.threecolumns{display:block;border-bottom:none;margin:0px;padding:0px;}
.threecolumns div{width:100%;padding:0 0 24px 0 !important;margin:0 0 24px 0;border-right:none;border-bottom:1px solid #bfbfbf;}}
@media (max-width: 600px) {
.arcLogo{
	z-index:100;	
	position: relative;
	display:block;
	margin:250px auto 0px auto;
	text-align:center;
}
.imgRight, .imgLeft {
	display:none
}
.home .imgRight {
	display:block;
	float:none;
	margin:0px 0px 3% 0px;
	width:50%;
	max-width:50%;
}
	.home .cycle-slideshow, .home .cycle-slideshow.imgRight{width:100%;max-width:100%;padding-bottom:66.667%;height:auto;}
	.home .cycle-slideshow:after{
		content:"";
		display:table;
		clear:both;

	}
.column-left{width:100%; float:none;position:relative;}
.column-right{width:100%; float:none;}
.column-left img, .column-right img{width:100%;}
.info {
	position: absolute;
	background: #61a60e;
	width: 160px;
	right: 58px;
	left:auto;
	color: #fff;
	padding: 0px 15px 15px 15px;
	border-radius: 3px;
	top: -3px;
	display: none;
	margin-left: 18px;
	font-size: 11px;
}
.arrow-left {
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-bottom: 6px solid transparent;
	border-left: 12px solid #61a60e;
	border-right:none;
	position: absolute;
	top: 12px;
	left: 160px;
}
#footer {
	padding-right: 10px;
	padding-left: 10px;
}
.cycle-slideshow2{max-width:100%;min-height:329px;}
#footer .navs .nav-column {
	border-left: #bfbfbf 1px solid;
	padding: 3px 9px 19px 9px;
	height: auto !important;
}
}

@media (max-width: 565px) {
	.amy-header{height: 285px; padding: 20px; max-width: calc(100% + 40px);}
	.amy-sub-header{border-top: none; margin-left: 0px; float: left; clear: both;}
}

@media (max-width: 400px) {
	#header .navs .nav-column{width:100%;}
}