/* @override http://67.20.108.159/assets/templates/wolffer/css/all.css */

/* css reset */

/*** standard classes ***********************************************************************************************/
.separator1{
	height: 1px;
	font-size: 1px;
	display: block;
}
.separator2{
	height: 2px;
	font-size: 1px;
	display: block;
}
.separator3{
	height: 3px;
	font-size: 1px;
	display: block;
}
.separator5{
	height: 5px;
	font-size: 1px;
	display: block;
}
.separator10{
	height: 10px;
	font-size: 1px;
	display: block;
}
.separator20{
	height: 20px;
	font-size: 1px;
	display: block;
}
.separator40{
	height: 40px;
	font-size: 1px;
	display: block;
}
.separator50{
	height: 50px;
	font-size: 1px;
	display: block;
}

.clear{
	clear:both;
	display: block;
}


body{
	margin:0;
	color: #572600;
	font:11px Verdana, Helvetica, sans-serif;
	background:#ffd458 /*#dfa930 url(../images/bg-body.gif)*/;
	min-width:984px;
	position:relative;
}
img{border-style:none;}
a{
	text-decoration:none;
	color: #d79c24;
	text-decoration:underline;
}
a:hover{text-decoration:underline; color: #000;}
/* wrapper */
#wrapper{
	width:984px;
	margin:0 auto;
	padding-bottom:20px;
}
.wrapper-c{
	background:url(../images/bg-wrapper.png) repeat-y;
	padding:0 17px;
	overflow:hidden;
	height:1%;
}
.wrapper-b{
	background:url(../images/bg-wrapper-b.png) no-repeat;
	height:35px;
	overflow:hidden;
}
/* header */
#header{
	background: url(../images/bg-header.gif) no-repeat 0 -14px;
	padding:14px 0 4px;
	height:1%;
	position:relative;
	z-index:5;
}
#header:after{
	display:block;
	clear:both;
	content:"";
}
#header .logo-holder{
	overflow:hidden;
	height:1%;
	margin-bottom:23px;
}
#header .logo{
	background:url(../images/wolffer-logo.png) no-repeat;
	display:block;
	width:222px;
	height:105px;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto;
}
#header .logo a{
	display:block;
	height:100%;
}
/* navigation */
#header .nav-holder{
	background:url(../images/bg-nav.gif) no-repeat 50% 100%;
	padding-bottom:15px;
	position:relative;
	width:800px;
	margin:0 auto;
}
*+html #header .nav-holder{background-position:0 100%;}
#header .nav-holder:after{
	display:block;
	clear:both;
	content:"";
}
#nav{
	list-style:none;
	padding:0 0 0 10px;
	width:790px;
	margin:0;
	font-size:10px;
	text-transform:uppercase;
}
#nav:after{
	display:block;
	clear:both;
	content:"";
}
#nav li{
	float:left;}
#nav a{
	float:left;
	color:#582700;
	padding:15px 0 12px;
	border-bottom:4px solid #fff;
	text-decoration:none;
}
#nav a:hover,
#nav li.active a{
	text-decoration:none;
	border-bottom-color:#fdd256;
}
.subnav{
	z-index:5;
	position:absolute;
	top:44px;
	left:-9999px;
	width:864px;
}
.subnav ul{
	list-style:none;
	margin:0;
	text-transform:none;
	overflow:hidden;
	width:100%;
	padding:20px 0 40px;
	background:url(../images/bg-subnav.png) no-repeat;
	border-top:1px solid #e0e0e0;
}
#nav .subnav li{margin:0 18px;}
#nav .subnav a{
	color:#9b7d66;
	border:none;
	padding:0;
	position:relative;
	text-decoration:none;
}
#nav .subnav a:hover{
	color:#000;
}
#nav li:hover .subnav,
#nav li.hover .subnav{
	left:-10px;
}
#nav li:hover a,
#nav li.hover a{border-bottom-color:#fdd256;
	text-decoration:none;}
/* main */
#main{
	overflow:hidden;
	height:1%;
}
.placeholder img{display:block;}
.flash1{margin-bottom:8px; text-align:center;}
.be-part{
	text-indent:-9999px;
	overflow:hidden;
	margin:0 auto 10px;
	width:480px;
	height:77px;
	background:url(../images/distressed-be-part-sm.gif) no-repeat;
}
#twocolumns{
	background:url(../images/bg-twocolumns.gif) no-repeat 50% 0;
	overflow:hidden;
	height:1%;
	padding:61px 75px 69px;
}
/* homepage content block */
.home #content{
	width:400px;
	float:right;
	line-height:18px;
}
/*.home #main h1{
	widht: 582px;
	text-align:center;
	margin:0 auto;
	font-size:32px;
	color:#e8a713;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:5px;
	overflow:hidden;
	height:1%;
}

#main h1 cufon{
	float:left;
}*/

#main h2{
	line-height:normal;
	margin:0 0 10px;
	color:#582700;
	font-weight:normal;
	font-size:25px;
	overflow:hidden;
	height:1%;
}
#main h2 cufon{
	float:left;
}
.columns-holder{
	width:419px;
	overflow:hidden;
	position:relative;
	margin-left:-19px;
}
.column{
	float:left;
	margin-left:19px;
	display:inline;
	width:181px;
}
.column .item{
	height:1%;
	padding-bottom:38px;
}
.column .item .text-holder{
	overflow:hidden;
	height:1%;
}
.column .item:after{
	display:block;
	clear:both;
	content:"";
}
.column-holder .featured-wine{width:200px;}
.picture{
	display:block;
	margin-bottom:12px;
}
.column .title,
.featured-wine .title{
	color: #d79c24;
	font-weight:bold;
	text-decoration:none;
}
.column p{margin:0 0 7px;}

.btn1,
.btn2{
	color:#572600;
	float:left;
	background:url(../images/btn1.gif) no-repeat;
	margin-left:-5px;
	position:relative;
	text-decoration:none;
}
.btn1 span,
.btn2 span{
	display:block;
	background:url(../images/btn1-rt.gif) no-repeat 100% 0;
	padding:10px 21px 12px;
	line-height:normal;
}
.btn1:hover,
.btn2:hover{
	text-decoration:none;
	color: #FFF;
}
.btn2{
	margin-left:-2px;
	background:url(../images/btn2.gif) no-repeat;
}
.btn2 span{
	background:url(../images/btn2-rt.gif) no-repeat 100% 0;
	padding:10px 25px 12px;
}

.btn3{
	color:#572600;
	background:url(../images/btn1.gif) no-repeat;
	padding:10px 0 12px 12px;
	text-decoration:none;
}
.btn3 span{
	background:url(../images/btn1-rt.gif) no-repeat 100% 0;
	padding:10px 21px 12px 12px;
}
.btn3:hover{
	text-decoration:none;
	color: #FFF;
}

.home .block{
	border-top:1px solid #ffe392;
	padding-top:17px;
	overflow:hidden;
	height:1%;
}
#main .block h2{margin-bottom:3px;}
.block .btn2{
	float:right;
	margin:4px 13px 0 20px;
	display:inline;
}
.block p{margin:0;}
.block .text-holder{
	overflow:hidden;
	height:1%;
}
/* homepage sidebar */
.home #sidebar{
	float:left;
	width:340px;
	background:url(../images/border-sidebar1.gif) no-repeat 100% 0;
	padding-right:35px;
}
.happenings{
	list-style:none;
	padding:2px 0 0;
	margin:0;
}
.happenings li,
div.happenings{
	margin-bottom:12px !important;
	overflow:hidden;
	height:1%;
}
.happenings .date{
	display:block;
	color:#785941;
	font-style:normal;
	border-bottom:1px solid #785941;
	padding:3px 0;
	margin-bottom:2px;
}

.happenings .date .type {
	color: #666666;
	padding-right: 15px;
}

.happenings .date .type strong {
	color: #fff;
	font-weight: normal;
	padding: 5px 10px 4px 10px;
	margin: 0 15px 0 0;
	background-color: #785941;
	font-size: 10px;
	line-height: 14px;
}


.happenings .date .type a {
	color: #785941;
	text-decoration: none;
}

.happenings h3{
	font-size:14px;
	margin:0 0 4px !important;
	font-weight:normal;
}
.happenings h3 a{
	color:#d79c24;
	text-decoration:none;}
	
.happenings h3 a:hover{
	color:#785941;
	text-decoration:none;}

.happenings h3 a span {
	/*padding-left: 20px;*/
	float:right;
	font-size:10px;
}

.happenings p{
	margin:0;
	line-height:15px;
}

.happenings .upcoming {
	padding: 8px 0 0 0;
}

.happenings .upcoming .event {
	padding: 4px 0 0 8px;
	display: block;
	background: url(../images/bullet.gif) no-repeat left 10px;
}

.happenings a.more {
	padding: 6px 0;
	color:#A58C38;
	text-decoration: underline;
	float: right;
}





#footer{
	padding:0 75px 5px;
	font-size:10px;
}
.footer-holder{
	height:1%;
	margin-bottom:37px;
}
.footer-holder:after{
	display:block;
	clear:both;
	content:"";
}
/* footer */
#footer .add-nav{
	list-style:none;
	padding:43px 0 0;
	margin:0;
	float:left;
	text-transform:uppercase;
}
#footer .add-nav li{
	display:inline;
	margin-right:15px;
}
#footer .add-nav a{color:#582700;}
#footer .follow-us{
	float:right;
	width:174px;
}
#footer .follow-us .title{
	color:#582700;
	font-size:13px;
	display:block;
	border-bottom:1px solid #ffe392;
	text-align:center;
	padding-bottom:2px;
}
#footer .follow-us ul{
	list-style:none;
	padding:0;
	margin:7px 0 0 -15px;
	position:relative;
	float:left;
	width:192px;
}
#footer .follow-us li{
	float:left;
	margin-left:18px;
	display:inline;
}
.follow-us a{
	display:block;
	text-indent:-9999px;
	overflow:hidden;
	width:46px;
	height:46px;
}
.follow-us .facebook{background:url(../images/ico-facebook.gif) no-repeat;}
.follow-us .twitter{background:url(../images/ico-twitter.gif) no-repeat;}
.follow-us .youtube{background:url(../images/ico-youtube.gif) no-repeat;}
#footer .add-info{
	color:#582700;
	text-align:center;
}
#footer .add-info address{
	display:inline;
	font-style:normal;
	padding:0;
}
#footer .add-info dl,
#footer .add-info dd,
#footer .add-info dt{
	display:inline;
	margin:0;
}
.design{
	position:absolute;
	right:0;
	bottom:0;
	color:#582700;
	font-size:9px;
	padding:5px;
	background-color:#fff;
}
.design a{color:#b75100;}
/* inner page styles */
.inner{padding-bottom:45px;}
.inner .heading-holder{
	margin:22px 0 40px;
	overflow:hidden;
	position:relative;
	height:1%;
}
.inner .heading-holder .frame{
	position:relative;
	float:left;
	left:50%;
}
.inner h1{
	position:relative;
	float:left;
	left:-50%;
	margin:0;
	font-size:32px;
	color:#e8a713;
	text-transform:uppercase;
	font-weight:normal;
	letter-spacing:5px;
	overflow:hidden;
	height:1%;
}
.inner h1 cufon{float:left;}
.flash2{
	width:800px;
	margin:0 auto 30px;
}
.inner #twocolumns{
	background:none;
	padding-top:0;
}
.inner #content{
	float:left;
	width:565px;
	background:url(../images/border-sidebar2.gif) no-repeat 100% 0;
	padding-right:36px;
}
.inner #content p{
	line-height:22px;
	margin:0 0 21px;
}

.inner #content ul{
	line-height:16px;
	margin: 0 0 16px 0;
}

.inner #content ul li{
	margin-bottom: 6px;
}

#wrapper .inner h2{margin-bottom:4px;}
.inner #sidebar{
	float:right;
	width:160px;
	padding-top:11px;
}
.inner #sidebar .add-nav{
	list-style:none;
	padding:0;
	margin:0;
	font-size:13px;
}
.inner #sidebar .add-nav li{
	height:1%;
}
.inner #sidebar .add-nav a{
	color:#582700;
	display:block;
	padding:14px 0 15px;
	border-bottom:1px solid #e0e0e0;
	text-decoration: none;
}
.inner #sidebar .add-nav a:hover,
.inner #sidebar .add-nav li.active a{
	border-bottom:6px solid #fdd256;
	padding-bottom:10px;
	text-decoration:none;
}
.inner .video{
	padding:0 125px;
	background:url(../images/bg-video-holder.gif) repeat-y;
	width:640px;
	margin:0 auto 25px;
}

.inner h3{
	font-size:15px;
	color:#582700;
	margin:6px 0 14px 0;
	font-weight:normal;
}

/* video, list and story pages */
.video-page #twocolumns,
.list-page #twocolumns,
.story-page #twocolumns{background:url(../images/border-sidebar1.gif) no-repeat 664px 0;}
.video-page #content,
.list-page #content,
.story-page #content{background:none;}
#wrapper .video-page h2{padding-bottom:4px;}
.video-page #sidebar{padding-top:3px;}
#wrapper .list-page h2{margin-bottom:23px;}
.persons{
	list-style:none;
	padding:0;
	margin:0;
}
.persons li{
	border-bottom:1px solid #e0e0e0;
	padding-bottom:38px;
	overflow:hidden;
	height:1%;
	vertical-align:top;
	margin-bottom:44px;
}
.persons .text-holder{
	overflow:hidden;
	height:1%;
}
.alignleft{float:left;}
.alignright{float:right;}
.persons .alignleft{
	margin:0 38px 0 0;
}
.persons h3{
	font-size:17px;
	color:#582700;
	margin:0 0 6px;
	font-weight:normal;
}
.list-page #sidebar{padding-top:0;}
.list-page{padding:0;}
.list-page #twocolumns{padding-bottom:55px;}
.inner #content .happenings .date{margin-bottom:16px;}
.inner #content .happenings .alignleft{margin-right:17px;}
.inner #content .happenings li{margin-bottom:33px;}
.inner #content .happenings .text-holder{
	overflow:hidden;
	height:1%;
}
.inner #sidebar h2{font-size:20px;}
.inner #sidebar .happenings h3{font-size:11px;}
.inner #sidebar .item{
	overflow:hidden;
	height:1%;
	margin-bottom:50px;
}
/* story page */
.story-page #content .alignright{margin:7px 0 0 25px;}
.story{
	overflow:hidden;
	height:1%;
	margin-bottom:10px;
}
.video-block{
	height:1%;
	width:554px;
	border-top:1px solid #e0e0e0;
}
.video-block:after{
	display:block;
	clear:both;
	content:"";
}
.video-block ul{
	list-style:none;
	padding:23px 0 0;
	margin:0 0 0 -60px;
	float:left;
	position:relative;
	width:614px;
}
.video-block li{
	float:left;
	display:inline-block;
	margin-right:60px;
	width:144px;
	vertical-align:top;
}
.video-block img{
	display:block;
	margin-bottom:9px;
}
.video-block .title{
	display:block;
	margin-bottom:11px;
	line-height:17px;
}
.video-block .btn1 span{
	padding:10px 28px 12px;
}

.story ul {
	margin-top: -10px;
	line-height: 18px;
}
.story ul li {
	padding-bottom: 8px;

}
/***************************** Form ****************************/


.siteForm fieldset {
	width: 450px;
	padding: 0;
	border: none;
}
.siteForm fieldset legend {
/*padding: 0.2em 0.5em;
  border:1px solid #CCCCCC;
  color:333333;
  font-size:90%;
  text-align:right;*/
}
.siteForm LABEL {
	font-weight:bold;
}
.siteForm input.text, .siteForm textarea, .siteForm select {
	width: 450px;
	border: 1px solid #CCCCCC;
	font-size: 12px;
	padding: 4px;
	color: #572600;
	margin-bottom: 8px;
	-margin-bottom: 7px;
	margin-right: 5px;
	margin-left: 0;
}
.displayBlock {
	display:block;
}
.floatLeft {
	float: left;
	display: inline;
}
.siteForm .required {
	font-size:9px;
	color:#CC0000;
}

.siteForm .button {
	background:url(../images/btn1.gif) no-repeat;
	padding:10px 21px 12px;
	font-size:10px;
	color:#572600;
	text-decoration:none;
	border: none;
	margin-left:-5px;
}


div.errors{ color:#F00; }

#EmailForm .invalidValue{
	background: #FFDFDF;
	border:1px solid #F00;
}

#EmailForm .requiredValue{
	background: #FFFFDF;
	border:1px solid #F00;
}

/***************************** TinyMCE ****************************/
img.justifyleft  {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
	margin-top: 7px;
}
img.justifyright {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
	margin-top: 7px;
}

	
/***************************** Pagination ****************************/

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 86%;
    color: black;
}

#ditto_pages {
	float: right;
	}

#ditto_pages .ditto_currentpage {
   border: none !important;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #dfa930;
    color: #fff;
}

#ditto_pages .ditto_page {
   border: none !important;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #e7e7e7;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: none !important;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #000;
	background-color:#ffd458;
}
#ditto_pages a:hover {
    background-color: #dfa930;
    color: #ffd458;
}

#ditto_pages .ditto_previous_off,
#ditto_pages .ditto_next_off,
#ditto_pages .ditto_previous_link,
#ditto_pages .ditto_next_link {
	border: none !important;
}

#ditto_pages .ditto_previous_link a,
#ditto_pages .ditto_next_link a,
#ditto_pages .ditto_previous_link a:link,
#ditto_pages .ditto_next_link a:link,
#ditto_pages .ditto_previous_link a:visited,
#ditto_pages .ditto_next_link a:visited {
    background-color: #fff;
    color: #dfa930;
}

/* Quote Styles */
.quote {
	padding: 0 20px 40px 20px;
	background: url(../images/quote-sep.gif) no-repeat center bottom;
	font: 11px/16px Verdana, Helvetica, sans-serif !important;
	margin:0;
}

.quote em {
	text-align: right !important;
	padding-top: 10px !important;
	font: italic 12px/24px Georgia, "Times New Roman", Times, serif !important;
}

/* Mobile */

.mobile .home ul.happenings {
	list-style: none !important;
	list-style-type: none  !important;
}

.mobile ul.happenings em {
	display: block;
}

.mobile ul.happenings img {
	display: none;
	visibility: hidden;
}