/*
	Green: 00a651
	Dark red: ac2e34
*/

#container_banner
{

	/* background: url(/art/template/background-new-guinea-hanger.jpg) #d0dece no-repeat top center; */
	/* background: url(/art/template/background-spring.jpg) #d0dece no-repeat top center; */
	/* background: url(/art/template/background-fall.jpg) #d0dece no-repeat top center; */
	/* background: url(/art/template/background-winter.jpg) #d0dece no-repeat top center; */
	background: url(/art/template/background-greenhouse.jpg) #d0dece no-repeat top center;
	text-align: right;
}

	#content_banner
	{
		height: 350px;
		width: 75%;
		margin-left: 20%;
		padding: 12% 5% 0 0;
	}

	#content_homepage_slogan
	{
		color: #FFF;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);
		font-size: 2.2em;
	}

	#content_homepage_slogan.covid
	{
		margin-left: -25%;
		margin-top: -40px;
		margin-bottom: -.5em;
		width: 124%;
		padding: 24px 3%;
		text-align: center;
		background-color: #082205;
		opacity: .8;
	}

	#content_homepage_slogan.covid.onlineordering
	{
		margin-top: -80px;
	}

	#content_homepage_slogan.covid SPAN
	{
		display: block;
		margin-bottom: .5em;
	}

	#content_homepage_slogan.covid SMALL
	{
		font-size: .7em;
	}

	#content_homepage_slogan.covid A.green_button, #content_homepage_slogan.covid A.green_button:visited
	{
		display: inline-block;
		padding: .5em 1.2em .4em 1.2em;
		color: #FFF;
		margin: 0 0 0 1em;
		border: 0;
		background: rgba(0,170,0,1);
		background: -moz-linear-gradient(top, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,170,0,1)), color-stop(100%, rgba(0,102,0,1)));
		background: -webkit-linear-gradient(top, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		background: -o-linear-gradient(top, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		background: -ms-linear-gradient(top, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		background: linear-gradient(to bottom, rgba(0,170,0,1) 0%, rgba(0,102,0,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aa00', endColorstr='#006600', GradientType=0 );
	}

	#content_homepage_slogan.covid.onlineordering A.green_button:hover
	{
		background: #080!important;
		color: #FFF;
		text-decoration: none;
	}


	#homepage_banner_boxes
	{
		width: 620px;
		height: 215px;
		float: right;
		margin-right: 40px;
	}

	.homepage_banner_box
	{
		background: url(/art/template/banner-box.png) no-repeat top left;
		width: 160px;
		height: 165px;
		padding: 24px 20px;
		margin: 0 0 0 1%;
		text-align: center;
		float: left;
	}

	.homepage_banner_box H2
	{
		color: #6A1E22;
		font-size: 1em;
		height: 1.3em;
		margin: .3em 0;
	}


	.homepage_banner_box .calendar_date
	{
		margin: 0 auto;
	}


	#clock
	{
		padding: 5px 0 4px 44px;
		background: url(/art/clock.png) no-repeat 4px top;
		height: 34px;
		text-align: left;
		margin: 0;
	}

	#allhours
	{
		padding: 0 0 14px 0;
		margin: 0;
	}

	.homepage_banner_box #weather
	{
		border: 1px solid transparent;
		width: 100px;
		height: 90px;
		text-align: left;
		padding-left: 60px;
		background: url() no-repeat top left;
	}

		.homepage_banner_box #weather P
		{
			margin: .7em 0;
		}

		#weather.cloudy		{ background-image: url(/art/weather/cloudy.png); }
		#weather.partlycloudy		{ background-image: url(/art/weather/partly-cloudy.png); }
		#weather.sunny		{ background-image: url(/art/weather/sunny.png); }
		#weather.rain		{ background-image: url(/art/weather/rain.png); }
		#weather.snow		{ background-image: url(/art/weather/snow.png); }

	.homepage_banner_box SMALL
	{
		font-size: .9em;
		position: absolute;
		bottom: .8em;
		left: 0;
		width: 100%;
	}

	#map
	{
		border: 1px solid #999;
		margin-bottom: 4px;
	}


#content_homepage
{
	background-color: #FFF;
}

	#content_homepage DIV
	{
		width: 400px;
		padding: 20px 0 20px 60px;
		float: left;
	}

	#photos
	{


	}

		#photos IMG
		{
			margin: 0 5px 5px 0;
			float: left;
			border: 1px solid #FFF;
		}

		#photos IMG:hover
		{
			border-color: #ac2e34;
			cursor: pointer;
		}

	#products
	{

	}

		#products UL
		{
			list-style: square;
			margin: .5em 0 0 25px;
			padding: 0;
			width: 42%;
			float: left;
		}

		#products LI
		{
			margin-bottom: 1em;
			background-image: none!important;
			background-size: 0%!important;
			background-position: 200% 200%!important;
		}








@media screen and ( max-width: 940px )
{

	#content_banner
	{
		margin-left: auto;
		margin-right: auto;
		padding: 6% 0 3% 0;
		width: 600px;
	}

	#content_homepage_slogan
	{
		width: 600px;
		text-align: center;
	}

	#homepage_banner_boxes
	{
		margin: 0;
		float: none;
	}

	.homepage_banner_box
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	#content_homepage DIV
	{
		width: 42%;
		padding: 20px 0 20px 5%;
	}

	#photos IMG
	{
		width: 30%;
		height: auto;
	}

	#products UL
	{
		width: 100%;
		margin-top: 0;
	}

	#content_homepage_slogan.covid
	{
		margin-top: -38px!important;
		margin-left: -23%;
		width: 140%;
	}

}



@media screen and ( max-width: 600px )
{
	#homepage_banner_boxes
	{
		width: 98%;
		height: auto;
	}

	.homepage_banner_box
	{
		float: none;
		width: 92%;
		background-image: none;
		background-color: #FFF;
		opacity: .95;
		margin-top: .5em;
		height: auto;
		padding: 12px 4%;
	}

	.homepage_banner_box SMALL
	{
		position: relative;
		top: auto;
		bottom: auto;
	}

	#container_banner
	{
		background-size: 120%;
	}

	#content_banner
	{
		width: 96%;
		padding: 0 2%;
		height: auto;
		margin-bottom: .5em;
	}

	#content_homepage_slogan
	{
		font-size: 1.1em;
		width: 98%;
		margin: 0;
		padding: 2px 0;
	}

	#content_homepage_slogan.covid
	{
		margin-left: 0;
		margin-top: 0!important;
		width: 94%;
		padding: 12px 3%;
		text-align: center;
		background-color: #082205!important;
		opacity: .95;
	}

	#content_homepage_slogan.covid SPAN
	{
		margin-top: 1em;
	}

	#content_homepage_slogan.covid SMALL
	{
		font-size: .8em;
	}

	#content_homepage DIV
	{
		width: 96%;
		padding: 0 2% 20px 2%;
	}

	#clock
	{
		padding: 4px 0 0 0;
		text-align: center;
		width: 75%;
		margin: 0 auto;
	}

	.homepage_banner_box #weather
	{
		margin: 0 auto;
		width: 65%;
	}

	#products UL
	{
		width: 100%;
		margin: 0;
		list-style: none;
	}

	#products LI
	{
		margin: 0;
		padding: 0;
		background-color: #E9E9E9;
		border-bottom: 1px solid #DDD;
	}

	#products LI:hover
	{
		background-color: #DDD;
	}

	#products LI A
	{
		color: #333;
		padding: 16px;
		display: inline-block;
		width: 100%;
	}


	#content_homepage_slogan.covid.onlineordering
	{
		margin-top: 0px;
	}

}