@font-face {
    font-family: 'bitterbold';
    src: url('fonts/bitter-bold-webfont.woff2') format('woff2'),
         url('fonts/bitter-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

a {font-weight: normal;}
a {text-decoration: none;}
a:link {color:#043a10;}
a:visited {color: #043a10;}
a:active {color:#043a10;}
a:hover {background:#dd0022; color:#FFFFFF; cursor:crosshair; text-decoration: none;}

html, body { margin:0;padding:0;border:0;height:100%;
}

body{
overflow-x:hidden;
background-color:#114518;
background-image:url('images/bg2017.gif');
background-repeat:repeat-y;
background-position:center;
background-attachment: fixed;
}

img{
border: 0;
}

.uline {
text-decoration: underline;
}

.ital {
font-style: italic;
}

h1#pageheading {
margin:0;
color: #705a4e;
font: 66px/66px 'bitterbold', times, serif;
}

h1#spec{
padding: 0;
font-weight:bold;
font-style:bold;
font: 48px/48px 'bitterbold', times, serif;
text-align:center;
letter-spacing:2px;
color:#043a10;
}

h2 {
padding-left:25px;
color: #705a4e;
font: 24px/24px 'bitterbold', times, serif;
}

p{
padding: 0 25px 10px 25px;
font:18px/21px "Segoe UI", arial, sans-serif;
font-style:normal;
text-align:justify;
color:#043a10;
}

.greenlinks{
font-style:normal;
color:#043a10;
}

.srvcarea{
padding: 3px 6px 6px 6px;
margin: 0 auto;
font:20px/24px "Segoe UI", arial, sans-serif;
font-style:italic;
font-weight:bold;
text-align:center;
color:#095623;
background-color:#c3f0b6;
}

.phoneblock{
padding: 3px 6px 6px 6px;
margin: 0 auto;
font:16px/18px "Segoe UI", arial, sans-serif;
font-weight:normal;
font-style:normal;
text-align:center;
color:#095623;
background-color:#c3f0b6;
border-right: none;
border-left: none;
border-top: none;
border-bottom: 2px solid #095623;
}

.footerlinks{
padding: 0;
font:14px/16px "Segoe UI", arial, sans-serif;
font-weight:normal;
font-style:normal;
text-align:center;
color:white;
vertical-align:bottom;
}
.footerlinks a {color:white;}
.footerlinks a:link {color:white;}
.footerlinks a:visited {color:white;}

a.sociallinks:hover {
    background: #dd0022;
    color: inherit;
}
.sociallinks {
	display:inline-block;
	width:40px;
	height:40px;
	margin-bottom:20px;
	margin-right:20px;
	border:4px solid transparent;
	border-radius: 6px;}
.sociallinks img {
	display: block;}
.sociallinks:active {color: red;}
.sociallinks:hover {
	border:4px solid #dd0022;
	cursor:crosshair;}

#copy{
padding: 10px 0 10px 0;
font:11px/11px "Verdana", arial, sans-serif;
font-weight:normal;
font-style:normal;
text-align:left;
color:white;
vertical-align:top;
}
#copy a {color:white;}
#copy a:link {color:white;}
#copy a:visited {color:white;}

hr.green {
border-top: 2px solid #00a04c;
}

img.photo-lt{
float:left;
padding: 5px 15px 5px 0;
}

img.photo-rt{
float:right;
padding: 5px 0 5px 15px;
}

.photo-cntr{
display: block;
margin-left: auto;
margin-right: auto;
}

.txt-cntr{
text-align: center;
}

.val-mid{
vertical-align: middle;
margin: 5px;
padding: 0;
}

.horizdivide{
vertical-align: middle;
padding: 5px 0 5px 0;
}

.bulllistlft{
width: 388px;
float: left
}

ul.leftlist{
margin:0 0 25px 55px;
}

.bulllistrgt{
width: 388px;
float: left
}

ul.rightlist{
margin:0 25px 25px 0;
}

/* ######### S T R U C T U R E ######### */

div#container {
width: 100%;
min-height: 100%;
margin: 0 auto;
padding: 0;
border: 0;
}

header#links {
width:100%;
position:fixed;
top:0px;
margin:0 auto;
padding:0;
background-color: #2c2620;
background-image: linear-gradient(#645546, #2c2620);
border-right: none;
border-left: none;
border-top: 1px solid #302922;
border-bottom: 1px solid #54473b;
z-index:99;
}

/* ######## NEW MENU ######## */
#menu, #menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/* ### */
#menu {
	width: 792px;
    margin: 0 auto;
    border: 1px solid #222;
    background-color: none;
}
/* ### */
#menu:before,
#menu:after {
    content: "";
    display: table;
}
#menu:after {
    clear: both;
}
#menu {
    zoom:1;
}
/* ### */
#menu li {
    float: left;
    border-right: 1px solid #222;
    box-shadow: 1px 0 0 #444;
    position: relative;
}
#menu a {
    float: left;
    padding: 5px 15px;
    color: #04ba40;
    font: bold 13px "Segoe UI", arial, sans-serif;
    text-decoration: none;
    text-shadow: 0 1px 0 #000;
}
#menu li:hover > a {
    color: #fafafa;
}
*html #menu li a:hover { /* IE6 only */
    color: #fafafa;
}
/* ### */
#menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 35px;
    left: 0;
    z-index: 98;    
    background: #444;   
    background: linear-gradient(#4c4036, #2c2620);
    box-shadow: 0 -1px 0 rgba(255,255,255,.3);  
    border-radius: 3px;
    transition: all .2s ease-in-out;
}
#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
#menu ul ul {
    top: 0;
    left: 125px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
    box-shadow: -1px 0 0 rgba(255,255,255,.3);      
}
#menu ul li {
    float: none;
    display: block;
    border: 0;
    _line-height: 0; /*IE6 only*/
    box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}
#menu ul li:last-child {   
    box-shadow: none;    
}
#menu ul a {    
    padding: 10px;
    width: 125px;
    _height: 10px; /*IE6 only*/
    display: block;
    white-space: nowrap;
    float: none;
    text-transform: none;
}
#menu ul a:hover {
    background-color: #13902c;
    background-image: linear-gradient(#1ca738, #13902c);
}
/* ### */
#menu ul li:first-child > a {
    border-radius: 3px 3px 0 0;
}
#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #444;
}
#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #3b3b3b;
}
#menu ul li:first-child a:hover:after {
    border-bottom-color: #04acec; 
}
#menu ul ul li:first-child a:hover:after {
    border-right-color: #13902c; 
    border-bottom-color: transparent;   
}
#menu ul li:last-child > a {
    border-radius: 0 0 3px 3px;
}
/* ### */
.menuhead {
	color: #ffffff !important;
	font: 18px 'bitterbold', times, serif !important;
}
.menuhead:hover {
	color: white !important;
    background-color: #860000 !important;
    background-image: linear-gradient(#bb0e0e, #860000) !important;
}

/* iPad */
.no-transition {
    transition: none;
    opacity: 1;
    visibility: visible;
    display: none;          
}

#menu li:hover > .no-transition {
    display: block;
}
/* ##################################### */

div#topgap {
height: 41px
}

div#content {
width: 776px;
min-height: 100%;
margin: 0 auto;
padding: 0;
border: 0;
background-color: #ffffff;
background-image:url('images/bg.gif');
font:18px/24px "Segoe UI", arial, sans-serif;
font-style:bold;
text-align:left;
color:#043a10;
}

div#topimage {
width: 776px;
height: 176px;
margin: 0 auto;
padding: 0;
border: 0;
}

div#pagehead {
width: auto;
background-image: linear-gradient(#ffffff, #c0d0c7);
border-top: 4px solid #0c6b2b;
border-bottom: 2px solid #766258;
padding: 0 0 6px 12px;
}

div#serving {
width: 776px;
background-color:#c3f0b6;
}

footer#footer {
width: auto;
background-color: #06340e;
background-image: linear-gradient(#08591f, #06340e);
border-top: 5px solid #0c6b2b;
padding: 0 0 5px 0;
}

/* ######### carousel ######### */

#mybgcarousel{
width:776px;
height:399px;
border-top: 1px solid #0a5625;
border-bottom: 9px solid #0a5625;
}
div.bgcarousel{
background: white url(slide/ajaxload.gif) center center no-repeat;
}
div.bgcarousel img.navbutton{
}
div.bgcarousel div.slide{
background-color: white;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
color: black;
}
div.bgcarousel div.selectedslide{
}
div.bgcarousel div.slide div.desc{
position: absolute;
color: white;
left: 12px;
top: 6px;
width: auto;
padding: 10px;
font: bold 18px 'bitterbold', times, serif;;
text-shadow: 0px 4px 3px rgba(0,0,0,0.9),
             0px 8px 13px rgba(0,0,0,0.4),
             0px 18px 23px rgba(0,0,0,0.4),
			 2px 2px 0px rgba(0,0,0,1),
			 2px 0 0 #000, -2px 0 0 #000, 0 2px 0 #000, 0 -2px 0 #000, 1px 1px #000, -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000;
z-index:5;
}
div.bgcarousel div.selectedslide div.desc{
}
div.bgcarousel div.slide div.desc h2{
font-size:150%;
margin:0;
}
div.bgcarousel div.slide div.desc a{
color:red;
text-decoration:none;
}

/* ######### feedback form ######### */

div.feedback {
text-align:left;
width:652px;
vertical-align:top;
padding: 10px;
margin:0 auto;
background-color:#ffffff;
border:1px solid #095623;
-moz-border-radius:10px;
border-radius:10px;
}
.feedbackform {
width:auto;
font-family:"Segoe UI", arial, sans-serif;
border:1px solid #AAA;
padding:12px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;
}
.feedbackformheader {
font-size:21px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
text-align:center;
}
.feedbackformmessage {
text-align:center;
padding-bottom:10px;
}
.feedbackform p {
padding:4px;
}
.feedbackform label {
padding:4px;
padding-right:10px;
}
.required {
font-weight:bold;
}
.required_star {
font-weight:bold;
color:#F00;
}
.not-required {
font-weight:normal
}
.antispammessage {
width:auto;
margin:5px 0 10px 0;
padding:10px;
border-top:1px solid #AAA;
border-bottom:1px solid #AAA;
font-weight:bold 
}
.antispamquestion {
font-family: "Segoe UI", arial, sans-serif;
font-weight:normal;
color:#043a10;
}
.feedback p,
.feedback label{
font:14px/18px 'bitterbold', Courier, monospace;
color:#043a10;
letter-spacing:1px;
}
.feedback textarea,
.feedback input{
font:14px/18px 'Segoe UI', arial, sans-serif;
color:#000000;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.feedback p{
margin-bottom:10px;
}
.contact {
font:21px 'bitterbold', Courier, monospace;
color:#043a10;
}
.feedback_text{
width:627px;
height:18px;
border:1px solid #BBB;
}
.feedback_textarea{
width:627px;
height:120px;
border:1px solid #BBB;
margin:0 0 4px 0;
resize:vertical;	
}
.feedback_button{
width:100px;
height:30px;
font:16px/18px 'bitterbold', Courier, monospace;
}
.feedback_required{
color:#F00
}
#url {
display:none
}
.feedback_comments {
 color:#000;
 font:12px/14px 'Segoe UI', arial, sans-serif;
}

/* ######### highslide ######### */

.highslide-wrapper div {
    font-family: Verdana, Helvetica;
    font-size: 10pt;
}
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
	outline: none;
	text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid gray;
}
.highslide-dimming {
	position: absolute;
	background: #1b0d02;
}
.highslide:hover img {
	border: 1px solid green;
}
.highslide-wrapper, .rounded-white {
	background: white;
}
.highslide-image {
    border: 7px solid white;
}

.highslide-image-blur {
}
.highslide-caption {
    display: none;    
    border-bottom: 2px solid #0a5d3c;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    color: #06340e;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
	text-decoration: none;
	padding: 2px;
	border: 1px solid black;
	background-color: white;
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
.highslide-overlay {
	display: none;
}
.backbutton {
	position: relative;
	top: 0px;
	left: -47px;
	width: 35px;
	height: 75px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/back.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/back.png', sizingMethod='scale');
}
.nextbutton {
	position: relative;
	top: 0px;
	left: 47px;
	width: 35px;
	height: 75px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/next.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/next.png', sizingMethod='scale');
}
/* Mac-style close button */
.closebutton {
	position: relative;
	top: 38px;
	left: 10px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(highslide/graphics/close.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='highslide/graphics/close.png', sizingMethod='scale');
}

@media screen and (min-width: 480px) and (max-width: 960px) {
	#menu a {
		padding: 10px 10px;
		font: bold 14px "Segoe UI", arial, sans-serif;
	}
	#menu ul a {    
    padding: 20px 10px 20px 10px;
	}
	.menuhead {
	display:inline-block;
    transform:scale(.9,1); 
    -webkit-transform:scale(.9,1);
	font: 18px 'bitterbold', times, serif !important;
	}
}

@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {

	#menu a {
		padding: 10px 10px;
		font: bold 14px Arial, Helvetica;
	}
	#menu ul a {    
    padding: 20px 10px 20px 10px;
	}
	.menuhead {
	display:inline-block;
    transform:scale(.9,1); 
    -webkit-transform:scale(.9,1);
	font: 18px 'bitterbold', times, serif !important;
	}
}