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

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%; }

h1 { 
	padding: 0 0 24px 0; 
	margin: 0 0 22px 0; 
	border-bottom: 1px solid #e0e3e5; 
	color: #363636; 
	font: normal 42px/48px 'Fjalla One', arial, sans-serif; 
	text-transform: uppercase; 
}
h2 { padding: 0 0 22px 0; color: #363636; font: normal 36px/40px 'Fjalla One', arial, sans-serif; text-transform: uppercase; }
h3 { padding: 0 0 20px 0; color: #363636; font: normal 30px/34px 'Fjalla One', arial, sans-serif; text-transform: uppercase; }
h4 { padding: 0 0 15px 0; color: #363636; font: normal 24px/26px 'Fjalla One', arial, sans-serif; text-transform: uppercase; }
h5 { padding: 0 0 10px 0; color: #363636; font: normal 18px/22px 'Fjalla One', arial, sans-serif; text-transform: uppercase; }
h6 { padding: 0 0 10px 0; color: #363636; font: normal 18px/22px 'Fjalla One', arial, sans-serif; text-transform: uppercase; }

a { outline: none; color: #ae4c1c; text-decoration: none; }
a img{ border: 0; }
a:hover { text-decoration: underline; }

p { padding: 0 0 20px 0; }
ol, ul, dd { margin: 0 0 10px 40px; }

hr { border: 0; border-bottom: 1px solid #e0e3e5; height: 0px; margin: 12px 0; padding: 0; width: 100%; }
pre, code, blockquote { padding: 20px; }

label{ display: block; padding: 5px 0 5px 0; font: normal 18px/20px 'Fjalla One', arial, sans-serif; text-transform: uppercase; color: #363636; }
input, select, textarea { font: normal 12px/13px arial, verdana, sans-serif; background: #f6f6f6; }
input[type=text], input[type=password], textarea {
	display: block;
	border: 0 none;
	padding: 6px 5px 5px 5px;
	width: 50%;
	margin: 0 0 15px 0;
	border: 1px solid #e0e3e5;
}
textarea  { height: 10em; width: 95%; resize: none; }
input[type=submit]{
	display: block;
	padding: 7px 30px;
	margin: 0 0 15px 0;
	text-align: center;
	border: 0;
	color: #fff;
	background: #ae4c1c;
	font: normal 14px/14px 'Fjalla One', arial, sans-serif;
	text-transform: uppercase;
	cursor: pointer;
}

.form_block{ padding: 20px 20px 5px 20px; margin: 0 0 20px 0; border: 1px solid #e0e3e5; }
.form_block table{ width: 100%; }
.form_block td{ padding: 0 0 0 24px; vertical-align: bottom; }
.form_block td:first-child{ padding: 0; }
.form_block td label{ padding-top: 0; }
.form_block input[type=text]{ width: 95%; }

.to_top{ display: none; }

.float_right{ float: right; }
.float_left{ float: left; }
.no_padding{ padding: 0 !important; }

.rtecontent img { }
.rtecontent table { }
.rtecontent table td { padding: 0 10px 0 0; vertical-align: top; }

.required  { color: #b00; }

.cleaner  { clear: both; height: 0; }
.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

* { 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/160% 'Didact Gothic', arial, sans-serif;
   color: #363636;
}

.container{ position: relative; }

header{ padding: 0 0 20px 0; }
header a#logo{ color: #363636; font: normal 60px/64px 'Fjalla One', arial, sans-serif;  }

header nav{ display: none; }

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

/** top main section **/
.banner{ height: auto !important; }
.banner div{ padding: 0 !important; }
.banner .content .inner{ padding: 20px 0; text-align: center; vertical-align: top; }
.banner .content .inner .col{
	display: block;
	width: 40%;
	margin: 0 0 20px 0;
	text-align: center;
}
.banner .content .inner .col h3{ 
	padding: 0 0 15px 0; 
	border-bottom: 1px solid #e0e3e5;
	margin: 0 0 10px 0;
	font-size: 20px; 
	line-height: 20px; 
	text-align: center; 
}
.banner .content .inner .col .text{ padding: 0 0 10px 0; }

/** two lower sections **/
section{ padding: 20px 0 0 0; }
section .bg{ display: none; }
.bottles{ display: none; }
section .content img.left{ display: none; }

section .content .right{ height: auto !important; }
section .content .right h1.headline{ text-align: center; }
section .content .right .img_feature{ display: block; margin: 20px auto 35px auto; }

/** inner navigation **/
section  nav{ display: none; }
section.interior .content .inner nav{ display: none; }

/*****************
	INTERIOR
******************/
section.interior .content .inner{ }

section.interior .content .inner article{ }
section.interior .rtecontent{ padding: 0 0 20px 0; }

/*** boxes ***/
.box_container{
	letter-spacing: 20px;
}
.box{
	display: inline-block;
	width: 194px;
	height: 266px;
	padding: 6px;
	border: 1px solid #e0e3e5;
	margin-bottom: 20px;
	vertical-align: top;
	overflow: hidden;
}
.box img{ display: block; width: 194px; height: 194px; }

.box .text{ padding: 15px 10px; letter-spacing: normal; text-align: center; color: #898989;  }
.box .text h4{ font-size: 16px; line-height: 18px; padding: 0 0 5px 0; margin: 0 0 5px 0; border-bottom: 1px solid #e0e3e5; }

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

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

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 5px 0;
	border-bottom: 1px solid #e0e3e5;
	margin: 0 0 10px 0;
}
section.interior .content article .content_right .listing{ padding: 0 0 15px 0; text-align: center; }
section.interior .content article .content_right .listing span{ color: #898989; }

/** articles **/
section.interior .article{ padding: 0 0 20px 0; }
section.interior .article h2.title{ padding: 0; }
section.interior .article p.date{ color: #898989; 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 #e0e3e5; 
}
section.interior .comments .comment{ padding: 20px 0 0 0; }
section.interior .comments .comment .text{ padding: 0 0 5px 0; color: #898989; }
section.interior .comments .comment .author{ line-height: 18px; }

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

#gallery_pop{ padding: 36px; width: 676px; }
#gallery_pop .slideshow_container{ padding: 6px; border: 1px solid #e0e3e5; position: relative; }
#gallery_pop .slideshow_container .control_box{ display: none; }
#gallery_pop .slideshow_container .prev,
#gallery_pop .slideshow_container .next{ display: none; }

#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{ display: none; }

/**************
	FOOTER
**************/
footer{ }
footer a{ color: #363636; text-decoration: none; }
footer .ft_content .logo{ display: none; }
footer .ft_content  .ft_box{ display: none; }
footer .ft_content .lower{
	padding: 20px 0 0 0;
	text-align: center;
}
footer .ft_content .lower .icon{ display: none; }

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox{ }	
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0 !important; left:0 !important; z-index:9999; overflow:hidden; }
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{ background: #fff; opacity: 1 !important; }
#cboxContent{background:#fff; overflow:hidden;}
.cboxIframe{background:#fff;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxClose{ display: none; }