/* Reset Styles */
*{margin: 0; padding: 0; font-family: Verdanda, Arial, sans-serif;}
a{border: none;}
a img{border: none;}
.clear{clear: both; float: none;}
.left{float: left;}
li{list-style: none; font-size: 14px; padding: 0 0 5px 0;}
.right{float: right;}
p{font-size: 14px; padding: 0 0 10px 0;}

/* Global Styles */

.container{
		margin: 0 auto;
		width: 960px;
}

.col-one-third{
		-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
		float: left;
		padding: 2%;
		width: 33.3%;
}

.col-two-third{
		-webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
		float: left;
		padding: 2%;
		width: 66.6%;
}

.col-one-third img{
		height: auto;
		max-width: 100%;
}

.content{
		background-color: #fff;
		background-color: rgba(255,255,255,0.85);
		border-bottom: 2px dotted #c5832b;
		border-radius: 10px 10px 0 0;
		margin: 50px auto;
		min-height: 500px;
		padding: 25px;
		width: 800px;
}

.form-message{
		color: #ed1c24;
		font-weight: bold;
		text-align: center;
		padding: 5px;
}

.form-message span.success{
		color: #39b54a;
}

footer{
		background-color: #c5832b;
		border-radius: 10px 10px 0 0;
		padding: 10px 15px 5px 15px;
		margin: 25px 0 0 0;
}

footer p{
		color: #444;
		font-size: 12px;
		padding: 0;
}

footer .right p{
		padding: 7px 0 0 0;
}

footer .right p a{
		color: #222;
}

footer .right p a:hover{
		color: #0077a1;
}

h2{
		color: #53682f;
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 28px;
}

h3{
		color: #53682f;
		font-family: 'Open Sans', Arial, sans-serif;
		font-size: 22px;
}

header{
		background-image: url(../images/bg-header.png);
		background-repeat: no-repeat;
		position: relative;
				top: -3px;
		height: 200px;
}

header #logo{
		margin: auto;
		position: relative;
				z-index: 10;
		width: 217px;
}

header nav{
		float: left;
		border-bottom: 1px solid #679b41;
		border-top: 1px solid #679b41;
		position: absolute;
				top: 85px;
				left: 15px;
		width: 930px;
}

header nav ul li.left{
		padding: 0 11px;
}

header nav ul li.right{
		padding: 0 4px;
}

header nav ul li:first-of-type{
		padding-left: 0;
}

header nav ul li:nth-of-type(5){
		padding-right: 0;
}

header nav ul li a{
		color: #545d29;
		display: inline-block;
		font-family: 'Open Sans', Arial, sans-serif;
		font-weight: bold;
		padding: 5px 2px;
		text-decoration: none;
		text-transform: uppercase;
		-moz-transition: color .2s;
		-o-transition: color .2s;
		-webkit-transition: color .2s;
		transition: color .2s;
}

header nav ul li a:hover{
		border-bottom: 3px solid #679b41;
		border-top: 3px solid #679b41;
		color: #c58112;
		padding: 2px;
}

header nav ul li a.curpage{
		border-bottom: 3px solid #679b41;
		border-top: 3px solid #679b41;
		color: #c58112;
		padding: 2px;
}

header .social-links{
		position: absolute;
				right: 15px;
				top: 50px;
}

header .social-links ul li{
		display: inline-block;
}

a.overlay{
		background-color: rgba(0,0,0,0.5);color: #eee;
		display: block;
		opacity: 0;
		position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
		text-align: center;
		text-decoration: none;
		-moz-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
}

#home .box .gallery:hover a.overlay{
		opacity: 1;
}


/* home page */

#home .box{
		border-bottom: 2px dotted #c5832b;
		border-top: 2px dotted #c5832b;
		margin: 30px 0 20px 0;
		padding: 20px 0;
}

#home .box .fb-box{
		float: right;
		margin: 15px 0 0 0;
		width: 292px;
}

#home .box .fb-box .header{
		background-color: #c5832b;
		border-radius: 10px 10px 0 0;
		height: 35px;
}

#home .box .fb-box .header a{
		text-decoration: none;
}

#home .box .fb-box .header a h2{
		color: #fff;
		font-size: 18px;
		font-weight: normal;
		line-height: 35px;
		text-transform: uppercase;
}

#home .box .fb-box .header a h2:before{
		background-image: url(../images/icon-facebook.png);
		background-repeat: no-repeat;
		content: "";
		display: inline-block;
		float: left;
		height: 31px;
		margin: 3px 5px 0 10px;
		width: 31px;
}

#home .box .gallery{
		background: #eee;
		border: 1px solid #ccc;
		float: left;
		padding: 5px 15px 10px 15px;
		overflow: hidden;
		position: relative;
		width: 600px;
}

#home .box .gallery h2{
		padding: 0 0 5px 10px;
		text-transform: uppercase;
}

#home .box .gallery a.overlay{
		background-color: rgba(0,0,0,0.5);color: #eee;
		display: block;
		font-size: 32px;
		font-weight: bold;
		line-height: 350px;
		opacity: 0;
		position: absolute;
				top: 0;
				right: 0;
				bottom: 0;
				left: 0;
		text-align: center;
		text-decoration: none;
		-moz-transition: opacity 0.2s;
		-o-transition: opacity 0.2s;
		-webkit-transition: opacity 0.2s;
		transition: opacity 0.2s;
}

#home .box .gallery:hover a.overlay{
		opacity: 1;
}

#home .box h2{
		color: #53682f;
}

#home .content{
		border-bottom: none;
		border-radius: none;
		margin: 0;
		padding: 0;
		width: 960px;
}

#home h2{
		font-size: 26px;
}

#home header{
		background-image: url(../images/bg-header-home.jpg);
		height: inherit;
}

#home .box iframe{
		float: right;
}

#home .content .col-one-third.first h2{
		color: #53682f;
		text-align: center;
}

#home .content .col-one-third.second{
		background-image: url(../images/bg-wood.jpg);
		border-radius: 10px;
		box-shadow: 0 15px 10px -10px #777;
		height: 260px;
		margin: 0 4%;
		padding: 0 20px;
		text-align: center;
		width: 25.3%;
}

#home .content .col-one-third.second a{
		color: #cdd683;
		font-weight: bold;
		text-decoration: none;
}

#home .content .col-one-third.second a h2{
		color: #cdd683;
}

#home .content .col-one-third.second a:last-of-type:after{
		background-image: url(../images/icon-leaf.png);
		background-repeat: no-repeat;
		content: "";
		display: inline-block;
		height: 16px;
		margin: 0 0 -2px 5px;
		width: 11px;
}

#home .content .col-one-third.second a:last-of-type:hover{
		text-decoration: underline;
}

#home .content .col-one-third.second img{
		border-radius: 5px;
		box-shadow: 0 0 4px 2px rgba(0,0,0,0.5);
		display: block;
		margin: 20px auto 5px auto;
		width: 175px;
}

#home .content .col-one-third.second p{
		color: #fff;
		line-height: 14px;
		padding: 5px 0;
}

#home .links ul{
		text-align: center;
}

#home .links ul li{
		display: inline-block;
		padding: 0 15px;
}

#home #slider{
		height: 465px;
		position: relative;
				top: -30px;
}

#home #slider ul li .caption{
		background-color: rgba(255,255,255,0.75);
		height: 75px;
		position: absolute;
				bottom: -75px;
				left: 0;
				right: 0;
		-moz-transition: all 0.4s ease 1s;
		-o-transition: all 0.4s ease 1s;
		-webkit-transition: all 0.4s ease 1s;
		transition: all 0.4s ease 1s;
}

#home #slider ul li.flex-active-slide .caption{
		position: absolute;
				bottom: 0;
}

#home #slider ul li .caption p{
		color: #53682f;
		font-size: 22px;
		font-weight: bold;
		text-transform: uppercase;
		padding: 20px 0 0 80px;
		position: relative;
				left: -960px;
		-moz-transition: all 0.5s ease-out 1s;
		-o-transition: all 0.5s ease-out 1s;
		-webkit-transition: all .5s ease-out 1s;
		transition: all 0.5s ease-out 1s;
}

#home #slider ul li.flex-active-slide .caption p{
		position: relative;
				left: 0;
}

#home #slider ul li .caption p span.big{
		font-size: 32px;
}

/* History page */

#history{
		background-image: url(../images/bg-history.jpg);
		background-repeat: no-repeat;
		background-position: 0 115px;
}

#history .content h2{
		text-transform: uppercase;
}

#history .content img.left{
		border-radius: 5px;
		float: left;
		margin: 0 20px 5px 0;
}

#history .content ul li{
		display: inline-block;
		margin: 50px 3px 0 3px;
		text-align: center;
		vertical-align: top;
		width: 150px;
}

#history .content ul li h3{
		font-size: 16px;
		padding: 5px 0;
}

#history .content ul li img{
		border-radius: 5px;
		box-shadow: 0 15px 10px -10px #444;
}

/* associations page */

#associations{
		background-image: url(../images/bg-associations.jpg);
		background-repeat: no-repeat;
		background-position: 0 115px;
}

#associations .content ul{
		background-color: #fff;
		box-shadow: 0 0 30px 15px #fff;
		border-radius: 10px;
		display: block;
		margin: 25px auto;
		padding: 20px;
		width: 700px;
}

#associations .content ul li{
		clear: both;
		height: 80px;
		margin: 0 0 20px 0;
}

#associations .content ul li a{
		color: #53682f;
		line-height: 80px;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		vertical-align: middle;
}

#associations .content ul li a:hover{
		text-decoration: underline;
}

#associations .content ul li .img-box{
		float: left;
		width: 200px;
}

#associations .content ul li .img-box img{
		display: block;
		margin: 0 auto;
}



#associations .content ul li span{
		color: #53682f;
		line-height: 80px;
		font-size: 20px;
		font-weight: bold;
		text-decoration: none;
		vertical-align: middle;
}

/* news page */

#news{
		background-image: url(../images/bg-news.jpg);
		background-repeat: no-repeat;
		background-position: 0 115px;
}

#news .content img{
		border-radius: 5px;
		float: left;
		margin: 0 20px 5px 0;
}



/* availability page */

#availability{
		background-image: url(../images/bg-availability.jpg);
		background-repeat: no-repeat;
		background-position: 0 115px;
}

#availability .content form{
		background-color: rgba(255,255,255,0.5);
		border: 1px solid rgba(0,0,0,0.5);
		border-radius: 3px;
		display: inline-block;
		margin: 5px 0 25px; 10px;
		padding: 25px;
}

#availability .content form input[name="submit"]{
		padding: 3px;
}

#availability .content form label{
		clear: both;
		display: block;
		margin: 0 0 15px 0;
		width: 260px;
}

#availability .content form label input{
		float: right;
}

#availability .content h3{
		margin: 0 0 0 25px;
}

#availability .content .pricesheet-link{
		color: #25366C;
		display: block;
		font-size: 20px;
		font-weight: bold;
		text-align: center;
		text-decoration: none;
}

#availability .content .pricesheet-link:hover{
		color: #545d29;
		text-decoration: underline;
}

#availability .content strong a{
		color: #53682f;
}

/* Gallery page */

#gallery{
		background-image: url(../images/bg-gallery.jpg);
		background-repeat: no-repeat;
		background-position: 0 115px;
}

#gallery .content em{
		color: #444;
		font-size: 12px;
		padding: 0 0 0 15px;
}

#gallery .content ul.gallery li{
		display: inline-block;
		height: 190px;
		margin: -10px 0;
		padding: 0;
		position: relative;
		width: 263px;
}

#gallery .content ul.gallery li .img-box{
		box-shadow: 0 0 0 5px #fff, 0 0 3px 5px rgba(0,0,0,0.5);
		height: 130px;
		overflow: hidden;
		position: absolute;
				top: 32px;
				left: 16px;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
		vertical-align: middle;
		width: 230px;
}

#gallery .content ul.gallery li .img-box:hover{
		box-shadow: 0 0 0 5px #fff, 0 0 6px 8px rgba(0,0,0,0.5);
		height: 190px;
		margin: 0;
		position: absolute;
				top: 0;
				left: 0;
		width: 264px;
}

#gallery .content ul.gallery li .img-box a img{
		display: block;
		margin: -32px 0 0 -16px;
		-moz-transition: all .2s linear;
		-o-transition: all .2s linear;
		-webkit-transition: all .2s linear;
		transition: all .2s linear;
}

#gallery .content ul.gallery li .img-box:hover a img{
		margin: 0;
}

/* Contact Page */

#contact{
		background-image: url(../images/bg-contact.jpg);
		background-repeat: no-repeat;
		background-position: 0 115px;
}

#contact .content .leftcol{
		float: left;
		width: 375px;
}

#contact .content .leftcol iframe{
		border: none;
		border-radius: 10px;
}

#contact .content .rightcol{
		float: right;
		width: 375px;
}

#contact .content .rightcol .left{
		text-align: center;
		padding: 0 10px;
}

#contact .content .rightcol .left span{
		display: inline-block;
		text-align: right;
		width: 55px;
}

#contact .content .rightcol h3{
		margin: 20px 0 0 0;
}

#contact .content .rightcol ul li{
		padding: 10px 0;
}

#contact .content .rightcol ul li a{
		color: #53682f;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
}

#contact .content .rightcol ul li a:hover{
		text-decoration: underline;
}

/* Products Page */

#products{
		background-image: url(../images/bg-products.jpg);
		background-repeat: no-repeat;
		background-position: 0 115px;
}

#products .content h3{
		border-bottom: 1px solid #53682f;
		border-top: 1px solid #53682f;
		margin: 0 0 10px 0;
		text-align: center;
}

#products .content img{
		border-radius: 3px;
		box-shadow: 0 0 5px 0 rgba(0,0,0,0.75);
}

#products .content .leftcol{
		float: left;
		margin: 15px 15px 0 15px;
		width: 145px;
}

#products .content .leftcol h3{
		width: 145px;
}

#products .content .leftcol img{
		margin: 20px 0 0 -15px;
}

#products .content .leftcol nav ul li{
		margin: 5px 0;
		padding: 0;
		position: relative;
				z-index: 10;
		width: 145px;
}

#products .content .leftcol nav ul li a{
		background-color: #c5832b;
		color: #25366C;
		display: inline-block;
		font-size: 18px;
		font-weight: bold;
		line-height: 30px;
		font-family: 'Open Sans', Arial, sans-serif;
		padding: 0 10px;
		text-decoration: none;
		width: 125px;
}

#products .content .leftcol nav ul li:hover a{
		color: #545d29;
}

#products .content .leftcol nav ul li.selected a{
		color: #545d29;
}

#products .content .leftcol nav ul li .arrow-shape{
		background-color: #c5832b;
		display: inline-block;
		height: 15px;
		position: absolute;
				top: 8px;
				right: 5px;
				z-index: -1;
		-moz-transition: all 0.3s;
		-o-transition: all 0.3s;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		transform:rotate(45deg);
		-ms-transform:rotate(45deg);
		-moz-transform:rotate(45deg);
		-webkit-transform:rotate(45deg);
		-o-transform:rotate(45deg);
		width: 15px;
}

#products .content .leftcol nav ul li:hover .arrow-shape{
		position: absolute;
				right: -8px;
}

#products .content .leftcol nav ul li.selected .arrow-shape{
		position: absolute;
				right: -8px;
}

#products .content .leftcol p{
		margin: 0 0 0 -15px;
		padding: 5px 10px;
		width: 230px;
}
		
#products .content .rightcol{
		float: right;
		margin: 15px 15px 0 0;
		width: 515px;
}

#products .content .rightcol.wider{
		width: 600px;
}

#products .content .rightcol .outer-center {
		float: right;
		right: 50%;
		position: relative;
}
#products .content .rightcol .inner-center {
		float: right;
		right: -50%;
		position: relative;
}

#products .content .rightcol table{
		
}

#products .content .rightcol table tr td{
		font-size: 18px;
		font-weight: bold;
		padding: 0 10px;
}

#products .content .rightcol table tr.extra-padding td{
		padding: 5px 10px 0 10px;
}

#products .content .rightcol table tr td:last-of-type{
		text-align: center;
}

#products .content .rightcol table tr td a{
		color: #25366C;
		text-decoration: none;
}

#products .content .rightcol table tr td a:hover{
		color: #545d29;
		text-decoration: underline;
}

#products .content .rightcol table tr th{
		background-color: #ccc;
		font-size: 18px;
		padding: 2px 5px;
}

#products .content .rightcol ul.varieties li{
		display: inline-block;
		float: left;
		width: 33.3%;
}

#products .content .rightcol ul.varieties li a{
		color: #25366C;
		font-size: 16px;
		font-weight: bold;
		line-height: 25px;
		font-family: 'Open Sans', Arial, sans-serif;
		padding: 0 0 0 10px;
		text-decoration: none;
}

#products .content .rightcol ul.varieties li a:hover{
		color: #545d29;
}

#products .content .rightcol.product h3{
		border: none;
		color: #30532b;
		text-align: left;
		text-transform: uppercase;
}

#products .content .rightcol.product h3 span{
		color: #53682f;
		display: block;
		font-size: 16px;
		font-style: italic;
		text-transform: none;
}

#products .content .rightcol.product h4{
		color: #30532b;
		font-size: 16px;
}

#products .content .rightcol.product img{
		display: block;
		float: left;
		margin: 5px 1%;
		width: 31%;
}

#products .content .rightcol.product img:first-of-type{
		margin-top: 0;
		max-height: 300px;
		max-width: 240px;
		width: auto;
}

#products .content .rightcol.product ul li{
		padding: 5px 10px;
		margin: 0 10px 0 0;
}

#products .content .rightcol.product ul li:nth-of-type(odd){
		background-color: #ced683;
}

#products .content .rightcol.product ul li h4{
		display: inline-block;
		width: 125px;
}

#products .content .rightcol.product ul li span{
		font-weight: bold;
		display: inline-block;
}