* { margin: 0; outline: 0 none; padding: 0; }

/* =============================================================================
   HTML5 element display
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section  { display: block; }
audio[controls], canvas, video  { display: inline-block; *display: inline; *zoom: 1; }

html, body { height: 100%; }

body {
   font: normal 14px/150% georgia, times, serif;
   color: #523e37;
padding-top: 136px;
}

.container{ position: relative; width: 1000px; margin: 0 auto; padding: 0; }

header{
	height: 136px;
	width: 100%;
	z-index: 60;
	background: url(../img/bg_header_footer.jpg) 0 0 repeat;
}
header a#logo{
	display: block;
	float: left;
	width: 443px;
	height: 94px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/logo.png) 0 0 no-repeat;
}

header nav{ padding: 65px 35px 0 0; float: right; }

header nav ul{ float: right; list-style-type: none; margin: 0; }
header nav ul li{ position: relative; float: left; margin: 0 0 0 35px; }
header nav ul li a{
	display: block;
	padding: 0 3px 9px 3px;
	border-bottom: 2px solid transparent;
	text-transform: uppercase;
	color: #ffedd4;
	font-size: 16px;
	line-height: 20px;
	font-family: 'Lato', arial, sans-serif;
	font-weight: 700;
}
header nav ul li a:hover{ text-decoration: none; }

header nav ul li:hover a{ color: #ff5343; }
header nav ul li a.active{ color: #ff5343; border-color: #ff5343; }

header nav ul li nav{ 
	width: 186px; 
	padding: 7px;
	margin: 0 0 0 -100px;
	position: absolute; 
	left: -999em;
	background: #ffedd4;
	
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .24);
	box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, .24);
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: opacity ease-out 0.5s;
	-moz-transition: opacity ease-out 0.5s;
	-o-transition: opacity ease-out 0.5s;
	-ms-transition: opacity ease-out 0.5s;
	transition: opacity ease-out 0.5s;
}
header nav ul li:hover nav{ left: 50%; opacity: 1; filter: opacity=(100); }

header nav ul li nav:before,
.lt-ie8 header nav ul li nav .ie-before{ 
	content: "";
	display: block;
	width: 13px;
	height: 7px;
	position: absolute;
	top: -7px;
	left: 50%;
	margin-left: -6px;
	background: url(../img/nav_arrow.png) 0 0 no-repeat;
}
.lt-ie8 header nav ul li nav {
  /* creates <i class="ie-before"></i> */
  zoom: expression( this.runtimeStyle.zoom="1", this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before" );
}

header nav ul li nav ul{ 
	float: none; 
	border: 1px solid #f1d09d; 
	margin: 0; 
	padding: 5px 15px;
	
}
header nav ul li nav ul li{ float: none; margin: 0; border-top: 1px solid #f1d09d; }
header nav ul li nav ul li:first-child{ border-top: none; }
header nav ul li nav ul li a{
	padding: 7px 0;
	border-bottom: none !important;
	text-align: center;
	color: #523e37 !important;
	font-size: 16px;
	line-height: 20px;
}
header nav ul li nav ul li a:hover{ color: #9f5c01 !important; }

/****************
	HOMEPAGE
*****************/

/** top main section **/
.banner{
   background: #ffedd4 url('../img/pb1.jpg') center top no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	position: relative;
	z-index: 50;
	display: table;
	width: 100%;
	min-height: 500px !important;
}
.banner > div{ display: table-cell; vertical-align: middle; }
.banner .tagline{ margin: 0 auto 40px auto; width: 85%; text-align: center; }
.banner .tagline h1{ 
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	color: #ffedd4;
	font-size: 60px;
	line-height: 64px;
	border-color: #f35446; 
	-webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 1);
	box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 1); 
	text-shadow: 3px 2px 50px #000; 
}
.banner .tagline h2{ font-size: 24px; line-height: 28px; font-weight: 700; color: #ffedd4; text-shadow: 3px 2px 30px #000; }
.content{ position: relative; background: #ffedd4; padding: 9px; }
.banner .content .inner{
	padding: 30px;
	border: 1px solid #f1d09d;
}
.banner .content .inner .col{
	float: left;
	width: 173px;
	margin-left: 75px;
	font-style: italic;
	text-align: center;
}
.banner .content .inner .col:first-child{ margin-left: 0; }
.banner .content .inner .col h3{ 
	padding: 0 0 15px 0; 
	border-bottom: 1px solid #f1d09d;
	margin: 0 0 10px 0;
	font-size: 18px; 
	line-height: 18px;
	font-weight: 700;
	font-style: normal;
	text-align: center; 
}
.banner .content .inner .col .text{ padding: 0 0 10px 0; }

/** two lower sections **/
section.two, section.three, section.four, section.five, section.interior{
	background-color: #ffedd4;
	position: relative;
	z-index: 50;
	padding: 209px 0 172px 0;
}
section.interior{ padding-bottom: 20px; }
section .bg{
	position: absolute;
	top: 0;
	left: 0;
	height: 744px;
	width: 100%;
	
	background-repeat: no-repeat;
	background-position: center center;

	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
section.interior .bg{
	background-position: 50% 0;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	background-image: url('../img/pb4.jpg');
}
section.two .bg{ background-image: url('../img/pb2.jpg'); }
section.three .bg{ background-image: url('../img/pb3.jpg'); }
section.four .bg{ background-image: url('../img/pb7.jpg'); }
section.five .bg{ background-image: url('../img/pb5.jpg'); }
.bottles{
	display: none;
	width: 700px;
	height: 858px;
	position: absolute;
	bottom: -172px;
	left: -300px;
	background: url(../img/bottles.png) 0 0 no-repeat;
}

section.two .content, 
section.three .content,
section.four .content,
section.five .content,
section.interior .content{ 
	padding: 6px;
	min-height: 800px; 
	background: #ffedd4;
}

section .content img.left{
	display: block;
	width: 346px;
	float: left;
}
section .content .right{
	float: right;
	width: 504px;
	padding: 30px 65px;
	border: 1px solid #f1d09d;
	overflow: hidden;
}
section .content .right h1.headline{ text-align: center; font-size: 60px; line-height: 64px;  }
section .content .right .img_feature{ max-width: 504px; display: block; margin: 20px 0 35px 0; }

/** home blog section **/
.home_blog_cell {
	padding:30px 0 30px 0;
	border-bottom:solid 1px #f1d09d;
}
.home_blog_cell:first-child {
	padding-top:10px;
}
.home_blog_image {
	float:left;
	padding:0;
	margin:0;
	display:inline-block;
}
.home_blog_copy {
	float:left;
	width:265px;
	padding:5px 0 0 22px;
}
.home_blog_copy h5 a {
	color: #363636;
}
.home_blog_copy h5 a:hover {
	text-decoration: none;
	color: #ae4c1c;
}
.home_blog_view_all {
	width:100%;
	text-align: center;
	padding: 32px 0 0 0;
}
.home_blog_view_all a {
	color: #363636;
	font: normal 16px/20px 'Fjalla One', arial, sans-serif;
	text-transform: uppercase;
}
.home_blog_view_all a:hover {
	text-decoration: none;
	color: #ae4c1c;
}

/** inner navigation **/
section  nav{
	width: 215px;
	margin: 0 auto;
	text-align: center;
}
section  nav ul{ margin: 0; list-style-type: none; }
section  nav ul li{ border-top: 1px solid #f1d09d; }
section  nav ul li:first-child{ border-top: 0; }
section  nav ul li a, section nav ul li span.fake_link{
	display: block;
	padding: 15px 0;
	font-size: 16px; line-height: 17px;
	font-family: Lato, arial, sans-serif;
	font-weight: 700;
	text-transform: uppercase;
	color: #523e37;
}
section  nav ul li a:hover{ text-decoration: none; color: #9f5c01; }

section nav ul li.active a, section nav ul li span.fake_link{ padding-bottom: 5px; }
section nav ul li.active span{
	content: "";
	display: block;
	width: 13px;
	height: 7px;
	margin: 5px auto 0 auto;
	background: url(../img/arrow_interior_nav.png) 0 0 no-repeat;
}

section nav ul li.active span.arrow {
    content: "";
    display: block;
    width: 13px;
    height: 7px;
    margin: 5px auto 0px;
    background: url("../img/arrow_interior_nav.jpg") no-repeat scroll 0px 0px transparent;
}

section nav ul li ul{ padding: 5px 0 10px; }
section nav ul li ul li{ border-top: 0; }
section nav ul li ul li a{
	padding: 3px 0;
	color: #9f5c01;
	font: italic 14px/18px georgia, times, serif;
	text-transform: none;
}
section nav ul li ul li a:hover,
section nav ul li ul li a.active{ text-decoration: underline; }

section.interior .content .inner nav{
	width: 171px;
	padding: 0 40px;
	float: left;
}
section.interior .content .inner article nav{
	width: 171px;
	padding: 0 19px;
	float: none;
	margin: 0 auto;
}

/*****************
	INTERIOR
******************/
section.interior .content .inner{
	padding: 6px;
	min-height: 790px;
	border: 1px solid #f1d09d;
}

section.interior .content .inner article{
	float: right;
	width: 676px;
	min-height: 770px;
	padding: 20px 20px 0 20px;
	border-left: 1px solid #f1d09d;
}
section.interior .rtecontent{ padding: 0 0 20px 0; }

/*** boxes ***/
.box_container{
	letter-spacing: 20px;
}
.box{
   -webkit-transition: all .5s ease-out;
	-ie-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	display: inline-block;
	width: 194px;
	height: 266px;
	padding: 6px;
	border: 1px solid #f1d09d;
	margin-bottom: 20px;
	vertical-align: top;
	overflow: hidden;
}
.box img{ background: #fff; display: block; width: 194px; height: 194px; }

.box .text{
   padding: 14px 5px;
   letter-spacing: normal;
   text-align: center;
   font-style: italic;
}
.box .text h4{
   font-style: normal;
   font-size: 16px;
   /*line-height: 18px;*/
   /*padding: 0 0 7px 0;
   margin: 0 0 4px 0;*/
   line-height:140%;
   padding: 0;
   margin: 2px 0 0 0;
   border-bottom: 1px solid #f1d09d;
}

.box.small{ width: 186px; }
.box.small img{ width: 186px; }

.box a.wine_box {
   height: 100%;
   display:block;
}
.box a.wine_box:hover {
   text-decoration:none;
}
.box:hover {
   background: #eecb9b;
   cursor: pointer;
   border: 1px solid #dfb066;
}

.content_right .box {
   height: auto !important;
}
.content_right .box:hover {
   background: #ffedd4;
   border: 1px solid #f1d09d;
   cursor: default;
}
a.orange_btn {
   height:31px;
   line-height:31px;
   width:108px;
   margin: 10px auto 0;
   padding: 0;
}

/** 2 column **/
section.interior .content article .content_left{
	width: 426px;
	padding: 0 20px 0 0;
	float: left;
	border-right: 1px solid #f1d09d;
}

section.interior .content article .content_left .main_text{ padding: 0 0 15px 0; }

section.interior .content article .content_right{
	width: 209px;
	padding: 0 0 0 20px;
	float: right;
}
section.interior .content article .content_right .side_img{ display: block; margin: 0 0 20px 0; }

section.interior .content article .content_right h5.headline{
	text-align: center;
	padding: 0 0 12px 0;
	border-bottom: 1px solid #f1d09d;
	margin: 0 0 10px 0;
}
section.interior .content article .content_right .listing{ font-weight: bold; padding: 0 0 15px 0; text-align: center; }
section.interior .content article .content_right .listing span{ display: block; font-weight: normal; font-style: italic; }

/** articles **/
section.interior .article{ padding: 0 0 40px 0; }
section.interior .article h2.title{ max-width:380px; padding: 0; line-height: 34px; }
section.interior .article h2.title a { color:#523e37; }
section.interior .article h2.title a:hover{ color:#9f5c01; text-decoration: none; }
section.interior .article .back{ float:right; display:inline-block; margin-top:10px; text-transform: none; font: italic 14px/14px georgia, times, serif; }
section.interior .article p.date{ font-style: italic; padding: 0 0 10px 0; }
section.interior .article .rtecontent{ padding: 0 0 5px 0; }

/** comments **/
section.interior .comments, section.interior .comment_form{
	padding: 20px 0;
	border-top: 1px solid #f1d09d; 
}
section.interior .comments .comment{ padding: 50px 0 0 0; }
section.interior .comments .comment .text{ padding: 0 0 5px 0; font-style: italic; }
section.interior .comments .comment .author{ line-height: 18px; font-weight: bold; }

section.interior #gallery{
	padding: 6px 6px 0 6px;
	font-size: 13px;
	letter-spacing: 4px;
	border: 1px solid #f1d09d;
}
section.interior #gallery a{
	display: inline-block;
	width: 160px;
	height: 107px;
	margin-bottom: 6px;
}

#gallery_pop{ padding: 28px 36px 36px 36px; width: 676px; }
#gallery_pop h3{ padding: 0 0 28px 0; }
#gallery_pop .slideshow_container{ padding: 6px; border: 1px solid #f1d09d; position: relative; }
#gallery_pop .slideshow_container .control_box{
	width: 662px;
	height: 440px;
	position: absolute;
	top: 6px;
	left: 6px;
	z-index: 500;
}
#gallery_pop .slideshow_container .prev,
#gallery_pop .slideshow_container .next{
	display: block;
	width: 45px;
	height: 52px;
	position: absolute;
	top: 220px;
	overflow: hidden;
	text-indent: -999em;
}
#gallery_pop .slideshow_container .prev{ left: 18px; background: url(../img/arrow_gallery_left.png) 0 0 no-repeat; }
#gallery_pop .slideshow_container .next{ right: 18px; background: url(../img/arrow_gallery_right.png) 0 0 no-repeat; }
#gallery_pop .slideshow_container .prev.disabled,
#gallery_pop .slideshow_container .next.disabled{ opacity: 0; filter: alpha(opacity=0); }

#gallery_pop .slideshow{
	width: 662px;
	height: 440px;
	position: relative;
	z-index: 50;
	overflow: hidden;
}
#gallery_pop .slideshow .slide{ 
	display: none; 
	width: 662px;
	height: 440px;
	position: absolute;
	top: 0;
	left: -9999em;
	z-index: 50;
}
#gallery_pop .slideshow .slide img{ width: 662px; height: 440px; }
#gallery_pop .slideshow .slide.active { display: block; left: 0; }
#gallery_pop .slideshow .slide.ondeck { left: 0; z-index: 500; }

#gallery_pop .thumb_container{ 
	position: relative;
	height: 107px;
	width: 662px;
	margin: 6px 0 0 0;
}

#gallery_pop .thumb_container a.thumb img{ display: block; }
#gallery_pop .thumb_container .thumbs{ list-style-type: none; margin: 0; padding: 0; overflow: hidden; }
#gallery_pop .thumb_container .thumbs li{
	width: 160px;
	height: 107px;
	padding: 0 4px;
	float: left;
}
#gallery_pop .thumb_container .thumbs li:first-child{ padding-left: 0; }
#gallery_pop .thumb_container .thumbs li a{ display: block; width: 160px; height: 107px; overflow: hidden; }
#gallery_pop .thumb_container li a img{ display: block; border: 0; width: 160px; height: 107px; }

/* automatically generated */
#gallery_pop .slideshow_container .thumb_container .simply-scroll-container { position: relative; }
#gallery_pop .slideshow_container .thumb_container .simply-scroll-clip { position: relative; overflow: hidden; }

/* Container DIV */
#gallery_pop .slideshow_container .thumb_container .simply-scroll { 
	width: 662px;
	height: 107px;
}
/* Clip DIV */
#gallery_pop .slideshow_container .thumb_container .simply-scroll .simply-scroll-clip {
	width: 662px;
	height: 107px;
}
/** buttons **/

#gallery_pop .slideshow_container .thumb_container .simply-scroll-btn{
	display: block;
	cursor: pointer;
	position: absolute;
	width: 25px; height: 107px;
	top: 0;
	z-index: 500;
	opacity: 0; filter: alpha(opacity=0);
}
#gallery_pop .slideshow_container .thumb_container:hover .simply-scroll-btn{ opacity: 1; filter: alpha(opacity=100); }
#gallery_pop .slideshow_container .thumb_container .simply-scroll-btn-left{ left: 0px; background: url(../img/arrow_gallery_scroller_left.png) 0 0 no-repeat; }
#gallery_pop .slideshow_container .thumb_container .simply-scroll-btn-left.disabled { opacity: 0; filter: alpha(opacity=0); }
#gallery_pop .slideshow_container .thumb_container .simply-scroll-btn-right{ right: 0px; background: url(../img/arrow_gallery_scroller_right.png) 0 0 no-repeat; }
#gallery_pop .slideshow_container .thumb_container .simply-scroll-btn-right.disabled { opacity: 0; filter: alpha(opacity=0); }
/**************
	FOOTER
**************/
footer{
	background: url(../img/bg_header_footer.jpg) 0 0 repeat;
	bottom: 0;
	width:100%;
	color: #876d5c;
}
footer a{ color: #876d5c; text-decoration: none; }
footer a:hover{ color: #9f5c01; text-decoration: underline; }
footer .ft_content{
	width: 100%;
	padding: 0 0 75px 0;
	position: fixed;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 0;
}

footer .ft_content .logo{
	display: block;
	margin: 0 auto;
	width: 540px;
	height: 148px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/logo.png) center center no-repeat;
}

footer .ft_content  .ft_box{
	width: 815px;
	margin: 0 auto;
	padding: 30px;
	border: 1px solid #574432;
}

footer .ft_content  .ft_box .col{
	float: left;
	width: 173px;
	margin-left: 40px;
	text-align: center;
	font-style: italic;
}
footer .ft_content  .ft_box .col.nav a{ display: block; }
footer .ft_content  .ft_box .col p{ margin: 0; padding: 0 0 5px 0; }
footer .ft_content  .ft_box .col:first-child{ margin-left: 0; }
footer .ft_content  .ft_box .col h3{ 
	padding: 0 0 15px 0; 
	border-bottom: 1px solid #574432;
	margin: 0 0 10px 0;
	font-size: 18px; 
	line-height: 18px; 
	text-align: center; 
	font-style: normal;
	color: #876d5c;
}
footer .ft_content  .ft_box .text{ padding: 0 0 10px 0; }

footer .ft_content .lower{
	padding: 20px 0 0 0;
	text-align: center;
	font: italic 12px/14px georgia, times, serif;
}
footer .ft_content .lower p{ padding: 0 0 15px 0; }
footer .ft_content .lower .icon{
	display: inline-block;
	position: relative;
	width: 26px;
	height: 22px;
	overflow: hidden;
	text-indent: -9999em;
	background: url(../img/icons_social.png) 0 0 no-repeat;
}
footer .ft_content .lower .icon span{
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background: url(../img/icons_social.png) 0 0 no-repeat;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: all .5s ease-out;
	-ie-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
}
footer .ft_content .lower .icon.fb{ background-position: 0 0; }
footer .ft_content .lower .icon.fb span{ background-position: 0 -22px; }
footer .ft_content .lower .icon.twt{ background-position: -32px 0; }
footer .ft_content .lower .icon.twt span{ background-position: -32px -22px; }

footer .ft_content .lower .icon.fb:hover span,
footer .ft_content .lower .icon.twt:hover span{opacity: 1; filter: alpha(opacity=100); }

/* tablets */
@media only screen and (max-width : 1024px) {

   header{ position: absolute !important; top: 0; left: 0; width: 100%; z-index: 900; }
   .banner{ position: relative; z-index: 50; }
   .banner, section .bg{ background-position: center top; background-size: cover; -webkit-background-size: cover; }
   footer{ height: auto !important; position: relative; z-index: 0; }
   footer .ft_content{ position: relative !important; padding-top: 50px; }
}

/* desktop */
@media only screen and (min-width : 1025px) {
   header{
      position: fixed;
      top: 0px;
      left: 0px;
   }
   .banner{ position: relative; z-index: 50; }
   .banner, section .bg{ background-attachment:fixed;  }
   footer{ position: relative; z-index: 0; }
   footer .ft_content{
      position: fixed;
      bottom: 0;
      left: 0;
      z-index: 0;
   }
}