/* CSS Document */

* {
	font-family: 'Libre Baskerville', serif;
	line-height: 150%;
}
body, html {
	margin: 0px;
	padding: 0px;
	min-height:100%;
	background: #000;
	-webkit-transition: background 2s; /* Safari */
	transition: background 2s;
	color: #fff;
}

html{background:none !important;}

#background {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
}
.bgi {
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	height: 100%;
	background: url(../images/image01.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#container {
	position: relative;
	z-index: 1000001;
	box-sizing: border-box;
	padding-top: 45px;
}
/*.color00{background-color:#5c6609;}*/
.color01 {
}
.color02 {
	background-color: #a18d09;
}
.color03 {
	background-color: #435d10;
}
.color04 {
	background-color: #1c342d;
}
.color05 {
	background-color: #3f4725;
}
.color06 {
	background-color: #113812;
}
.color07 {
	background-color: #393927;
}
.color08 {
	background-color: #0f192a;
}
.color09 {
	background-color: #332330;
}
/*.color09{background-color:#5c6609;}*/

#header {
	height: 112px;
	border: 2px solid #fff;
	border-left: none;
	border-right: none;
	text-align: center;
	background-color: #c62b09;
	position: relative;
	margin-bottom: 32px;
	box-sizing:border-box;
}
body.not-home #header {
	background: rgba(0,0,0,0.2);
}
#header #navs {
	width: 1200px;
	max-width:100%;
	height: 112px;
	margin: 0px auto;
	position: relative;
}
#header #navs #logo {
	position: absolute;
	left: 473px;
	top: 0px;
	height: 112px;
}
#header #navs #logo a {
	height: 112px;
}
#header #navs #logo img {
	max-width: 257px;
	height: 91px;
	padding-top:14px;
}
#header .navs {
	position: absolute;
	top: 48px;
}
#header #navs1 {
	left: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}
#header #navs2 {
	right: 0px;
	margin: 0px;
	padding: 0px;
	line-height: 100%;
}
#header #navs .navs ul {
	margin: 0px;
	padding: 0px;
}
#header #navs #navs1 li {
	display: inline-block;
	padding: 0px 9px;
	border-left: 1px solid #fff;
	line-height: 100%;
}
#header #navs #navs2 li {
	display: inline-block;
	padding: 0px 14px;
	border-left: 1px solid #fff;
	line-height: 100%;
}
#header #navs .navs li:first-child {
	border-left: none !important;
}
#header #navs #navs1 li:first-child {
	padding-left: 0px;
}
#header #navs #navs2 li:last-child {
	padding-right: 0px;
}
#header #navs .navs a {
	color: #fff;
	text-decoration: none;
	font-size: 15px;
	line-height: 100%;
	-webkit-transition: color 0.25s; /* Safari */
	transition: color 0.25s;
}
#header #navs .navs a:hover, #header #navs .navs a:active, #header #navs .navs a:focus, #header #navs .navs li.currentpage a {
	color: rgba(255,255,255,0.5)
}


/* CONTENT */

#content {
	width: 1200px;
	max-width:92%;
	text-align: left;
	margin: auto;
	font-size: 13px;
	color: rgba(255,255,255,0.8);
	line-height: 160%;
	box-sizing: border-box;
}
#content a {
	color: #fff !important;
	text-decoration: none;
}
#content h1, h2, h3, p {
	margin-top: 0px;
	font-size: 13px;
}
#content h1, h2, h3 {
	color: rgba(255,255,255,0.5);
}
#content h3 {
	margin-bottom: 0px;
}
#content p {
	line-height: 165%;
}
body #content #left, body #content #center {
	float: left;
	text-align: left;
}
body #content #right {
	float: right;
}
body #content .callout {
	font-size: 22px;
	font-style: italic;
	padding: 10px 0px;
	margin: 10px 0px;
	border: 1px solid rgba(255,255,255,0.5);
	border-left: none;
	border-right: none;
}
/* INFO SECTION */	
body.info #content #left {
	width: 65%;
    padding:5%;
    border:1px solid rgba(255,255,255, 0.3);
    color:#fff;
    box-sizing:border-box;
}
body.info #content #right{
	width:30%;text-align:right;
}
body.info #content #right img{max-width:100%;}

a.infobutton{opacity:0.5;display:inline-block;margin-left:10px;top:1px;
	-webkit-transition: opacity 0.25s; /* Safari */
	transition: opacity 0.25s;}

a.infobutton:hover, body.info a.infobutton:active, body.info a.infobutton:focus{opacity:1;}
a.infobutton img{height:12px;width:auto;}

a.social img{
	width:20px !important;
	vertical-align:middle !important;
	margin-right:5px;
	margin-bottom:2px;
	display:inline-block;
	opacity:0.7;
	-webkit-transition: opacity 0.25s !important; /* Safari */
	transition: opacity 0.25s !important;
}
a.social:hover img{opacity:1 !important;}


/* GARDEN CENTER SECTION */
body.garden-center #content {
	width: 1240px;
}
body.garden-center #content #left {
	width: 25.323%;
	margin-right: 4.839%;
}
body.garden-center #content #left img{max-width:100%;}
body.garden-center #content #center {
	width: 50.806%;
}
body.garden-center #content #right p {
	line-height: 110%;
	margin:0px 0px 12px 0px;
}
body.garden-center .slide-show {
	margin-bottom: 30px;
}
/* PLANT STOCK SECTION */
body.plant-stock #content {
	text-align: center;
	width: 61.083%;
}
body.plant-stock #content hr {
	width: 75px;
	height: 1px;
	background: rgba(255,255,255,0.7);
	color: rgba(255,255,255,0.7);
	border: none;
	padding: 0px;
	margin: 30px auto;
}
/* HISTORY SECTION */
body.history #content #left {
	margin-right: 2.5%;
	width: 28.417%;
	font-style: italic;
}
body.history #content #center {
	width: 69%;
}
#address, #address a, #address a:link, #address a:visited {
	color: rgba(255,255,255,1);
	text-decoration: none;
}
#address a:hover, #address a:active, #address a:focus {
	color: #fff;
}

/*NEWS SECTION*/

.newsRight{width:15%; float:right; text-align:left;}
.newsRight a{color:#FFFFFF !important;}
.newsPost{width:80%; float:left; margin-bottom:32px;}
.newsPost .newsHeader{border:1px rgba(255, 255, 255, 0.5); border-style:solid none; margin-bottom: 20px; padding-top: 5px;}
.newsPost .newsHeader h1 {margin-bottom: 5px;}
.newsPost img{float:right; margin-left:10%;}

/* GALLERY SECTION */
body.gallery #content{text-align:center;}
body.gallery #content .galleryBtn{width: 310px; text-align: center; display: inline-block; margin:0px 3% 3% 3%;cursor:pointer;}
body.gallery #content .galleryBtn p span{position:relative; z-index: 1001; top:-50px; font-size:21px; font-weight: bold; text-shadow: 1px 1px 10px #000;color:#fff;}
body.gallery #content .galleryBtn p{margin:0px;}

/* ALMANAC SECTION */
body.almanac #content #left{width: 12%; text-align: left;}
body.almanac #content #right{width:30%; text-align: right;}
body.almanac #content #left a.currentSeasonPage{color: rgba(255,255,255,0.5) !important;}
body.almanac #content #left img{position: relative; margin-top:26px;pointer-events:none;width:62px;}

/* HOME SECTION */


body.home{height:100%;}
body.home #container{height:100%; position:absolute;width:100%;z-index:1000;}
body.home #container{z-index:1000;}
body.home #container #footer{text-align:center; position:absolute; max-width:100%; width:100%; bottom:0px;z-index:100; background:rgba(0,0,0,0.4);box-shadow:	13px 0px 14px -3px rgba(0,0,0,0.4), -13px 0px 14px -3px rgba(0,0,0,0.4);}
body.home #container #footer #credit, body.home #container #footer #credit a{color:#fff !important;text-shadow: 1px 1px 10px #000;}
body.home #container #footer img {
	display: none !important;
}
body.home #container #footer a img {
	display: inline-block !important;
	margin-bottom:0px;
}

#announce{display:none;}

body.home #container #footer #announce{display:inherit; text-align:center;font-size:17px;font-weight:bold;margin:0px 10%;padding:30px 15px;color:#fff !important;/* ;border:1px solid rgba(255,255,255,0.5);border-right:none;border-left:none; text-transform:uppercase;*/text-shadow: 1px 1px 10px #000;line-height:150%;/*background:rgba(0,0,0,0.4);box-shadow:	13px 0px 14px -3px rgba(0,0,0,0.4), -13px 0px 14px -3px rgba(0,0,0,0.4);*/ letter-spacing:1px;}
body.home #container #footer #announce p{font-size:17px; margin:0px;}

/* ACCORDION CSS */


#accordions{margin-left:110px;margin-right:36%;}

.ui-accordion{border:1px solid rgba(255,255,255,0.5); border-style: none none solid none; margin-left: 12%; width: 54%;}
.ui-accordion-header{border-width: 1px; border-style: solid none none none; border-color:  rgba(255, 255, 255, 0.5); margin-bottom: 10px !important; padding-top: 10px; color:#FFFFFF; cursor: pointer;}
.ui-accordion-content{font-style:italic;}
.ui-state-active{color: rgba(255,255,255,0.5);}
.ui-state-focus { outline: none; }

.default {
    background-image: url("../images/closed.png");
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    display: inline-block;
    margin-right: -9px;
	position:relative;
	left:-20px;
}

.active {
    background-image: url("../images/open.png");
    background-repeat: no-repeat;
    height: 9px;
    width: 9px;
    display: inline-block;
    margin-right: -9px; 
	position:relative;
	left:-20px;
	top:31px;
}

/* FOOTER */
#footer {
	position: relative;
	width: 1200px;
	
	max-width:92%;
	margin: 30px auto 0px auto;
	padding:20px 0 40px 0;
	font-size: 12px;
	box-sizing:border-box;
	z-index: -1;
}
#footer img {
	width: 185px;
	height: inherit;
	opacity: 0.3;
	display: inline-block;
	margin-bottom: 10px;
}
#footer #credit {
	color: rgba(255,255,255,0.7)
}
#footer, #footer a, #footer a:link, #footer a:visited, #footer span {
	color: rgba(255,255,255,0.7);
	text-decoration: none;
	-webkit-transition: color 0.25s; /* Safari */
	transition: color 0.25s;
}
#footer a:hover, #footer a:active, #footer a:focus {
	color: rgba(255,255,255,1);
}

#container #footer a img {
	display: inline-block !important;
	margin-bottom:0px;
	width:25px !important;
}
#container #footer #socialLinks{text-align:right;}
#container #footer #wheelbarrow{float:right;}
#container #footer #credit{clear:both;}
body.home #container #footer #socialLinks{float:none;padding:0px;}
body.home #container #footer #socialLinks a img{opacity:0.7;}

.clear-fix {
	clear: both;
}
img{max-width:100%;}
.paybill{
	background-color: #940c0c;
    color: white !important;
    font-weight:bold;
    padding: 8px 0px;
    display: block;
    width: 120px;
    text-align: center;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 14px;
}
.paybill:hover{
	color:rgba(255,255,255,0.7)!important;
}
.rightSide{
	padding-right:35px;
	float:right;
	text-align:right;
}
.leftSide{
	color:white!important;
	padding-left:35px;
	float:left;
	text-align:left;
	font-size: 15px;
}

@media screen and (max-width:1200px) {
	#header{height: auto;}
	#header #navs{width:100%; height:auto; padding-bottom: 10px;}
	#header #navs #logo{position:relative; left:0px;}
	#header .navs{position: relative; top:0px;}
	#header #navs #navs1{text-align:inherit; padding-left:0px;margin:5px auto 10px auto;}
	#header #navs #navs1 li{padding: 0px 9px !important;border:none;}
	#header #navs #navs2{text-align:inherit; margin-top:0px; padding-right:0px;margin-bottom:10px;}
	#header #navs #navs2 li{padding: 0px 9px !important;border:none;}
	#content{width:100%;}
	
	body.garden-center #content{width:100%;}
	
	#footer{width: 100%;}
}

@media screen and (max-width:940px) {
	body.garden-center #content #left{margin-right: 5%; width: 20%;}
	body.garden-center #content #center{width:50%;}
	body.garden-center #content #right{width:20%;}
	body.garden-center #content #right p{width:100%;}
	.newsPost img{margin-left:20px;}
	body.almanac #content #left{width: 20%;}
	body.almanac #content #right{display:none;}
	#accordions{margin-left:110px;margin-right:0%;}
	.ui-accordion{margin-left:20%; width:66%;}
}
@media screen and (max-width:800px) {
	body.info #content #left{width:100%}
	body.info #content #right{width:100%;text-align:left;margin-top:30px;}
}
@media screen and (max-width:746px) {
	.rightSide{
		padding-right:0px;
		float:none;
		text-align:center;
		width:100%;
	}
	.leftSide{
		color:white!important;
		padding-left:0px;
		float:none;
		width:100%;
		text-align:center;
		margin-bottom:15px
	}
	.paybill{
		margin: 10px auto;
	}
	#container #footer #socialLinks{
		text-align:center;
	}
}
@media screen and (max-width:600px) {
	body.home #container {overflow:scroll;}
	body.home #container #footer{position:relative;}
}




@media screen and (max-width:500px) {
	#header #navs #navs1{margin-bottom:0px;}
	#header #navs #navs1 li{border-left:none; display: block;line-height:140%;}
	#header #navs #navs2 li{border-left:none; display: block;line-height:140%;}
	#content img {display: none;}

	body.history #content #center{width:100%;}
	body.history #content #left{width:100%; display:none;}

	body.garden-center #content #left{width:100%; margin-right: 0px; display:none;}
	body.garden-center #content #center{width:100%;}
	body.garden-center #content #right{float:none; text-align:center;}
	
	body.gallery #content .galleryBtn p img{display:inherit;}
	
	.newsRight{width:100%; float:none; text-align:center;}
	.newsPost{width:100%;}
	
	body.almanac #content #left{float: none; text-align: center; width: 100%;}
	.ui-accordion{margin-left:8%; width:90%;}
	
	#accordions{margin-left:0px;margin-right:0px;}

	#footer{text-align:center;}
	#footer img{display:none;}
	
	#container #footer #socialLinks{float:none;padding:0px 0px 15px 0px;}
}