*{ margin:0; padding:0}
body{ background:#000; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#fff}
article, aside, figure, footer, header, hgroup, menu, nav, section{ display:block}
@font-face{ font-family:'bree_serifregular';
src: url('fonts/breeserif-regular-webfont.eot');
src: url('fonts/breeserif-regular-webfont.eot#iefix') format('embedded-opentype'),
	 url('fonts/breeserif-regular-webfont.woff') format('woff'),
	 url('fonts/breeserif-regular-webfont.ttf') format('truetype'),
	 url('fonts/breeserif-regular-webfont.svg') format('svg');
font-weight:normal; font-style:normal}
h1,h2,h3,h4,h5,h6{ font-weight:normal; font-family:'bree_serifregular'}
a{ outline:none; text-decoration:none}
img, img a{ border:0}
.fl{ float:left}
.fr{ float:right}
.clr{ clear:both}

p { line-height: 22px; }

.mob_only{ display:none}
.all_wrapper{ position:relative; z-index:1; background:#000 url(../img/bg_main.jpg) no-repeat fixed center top}
.mob_nav{ display:block; width:250px; height:100%; background:#000; position:absolute; top:0; padding:0 0 44px; left:0; z-index:0}
.mob_nav ul{ overflow:hidden}
.mob_nav ul li{ list-style:none; font-size:14px; background:#94b63d; border-bottom:1px solid #777}
.mob_nav ul li a{ color:#fff; font-family:'bree_serifregular'; font-size:18px; padding:10px; text-decoration:none; display:block}
.mob_nav ul li:hover, .mob_nav ul li.active{ background:#390166}

.green{ color:#99cc00}
.container{ width:932px; margin:auto}
header{ height:108px; background:url(../img/bg_header.jpg) repeat-x center bottom}
header .logo{ width:290px; height:108px; position:relative}
header .logo img{ position:absolute; top:15px; left:28px; z-index:9; max-width:100%}
header nav{ width:618px; font-family:'bree_serifregular'}
header nav a{ color:#fff}
header .contact{ padding-right:28px; height:37px; line-height:37px; font-size:18px; letter-spacing:2px}
header .social{ width:24px; height:23px; display:inline-block; background:url(../img/social.png) no-repeat; text-indent:-9999px; vertical-align:middle}
header .social.fb{ background-position:0 0}
header .social.tw{ background-position:right 0}
header .menu li{ list-style:none; float:left; height:75px; min-width:45px; line-height:75px; font-size:15px; margin-right:34px; text-align:center}
header .menu li a{ display:block}
header .menu li:hover, header .menu li.active{ background:url(../img/nav_act.png) no-repeat center}
.content{ padding:28px; min-height:430px; position:relative}
.content .cont{ width:605px}
.content .cont img{ max-width:100%}
.content h1{ font-size:24px; color:#99cc33; padding-bottom:8px}
.content .title2{ font-size:30px; color:#fff; letter-spacing:1px}
.content .title2 .green, .content .title2 a{ font-weight:bold; font-size:14px; letter-spacing:0}
.content .title2 a{ color:#fff}
.content .title2 a:hover{ color:#99cc33}
.home_page .bx-wrapper{ width:603px; height:396px; position:relative; background:url(../img/bg_slider.png) no-repeat 0 0; margin-bottom:20px}
.home_page .bx-wrapper img{ max-width:100%; max-height:100%}
.home_page .bx-wrapper .bx-controls-direction{ display:none}
.home_page .bx-wrapper .bx-pager{ float:right; width:86px; position:absolute; right:-1px; bottom:13px}
.home_page .bx-wrapper .bx-pager a{ width:10px; height:10px; text-indent:-9999px; background:#a64272; border-radius:5px; -webkit-border-radius:5px; display:block; float:left; margin-right:6px}
.home_page .bx-wrapper .bx-pager a.active{ background:#713e5a}

.inner_page{ padding-top:15px; min-height:1150px}
.inner_page .newsletter{ width:432px; height:45px}
.inner_page .newsletter h2{ line-height:20px; padding-right:12px}
.inner_page .img_bdr{ border:2px solid #99cc00; margin:10px 0}
.inner_page .spe_offs li{ list-style:none; width:500px; padding:25px 0 10px}
.inner_page .spe_offs h3{ font-family:Arial, Helvetica, sans-serif; font-size:20px; text-transform:uppercase}
.inner_page .spe_offs .green, .inner_page .spe_offs a{ font-size:13px; font-weight:bold; text-transform:none}
.inner_page .spe_offs a{ color:#fff}
.inner_page .spe_offs a:hover, .inner_page .awards_list a:hover{ color:#99cc33}
.inner_page .testis li{ border-bottom:1px solid #fff; padding-bottom:20px}
.inner_page .testis .author{ text-align:right; display:block}
.inner_page .events_list{ min-height:860px}
.inner_page .events_list li{ list-style:none; width:500px; padding:30px 0 0}
.inner_page .events_list h3, .inner_page .awards_list h3{ font-size:18px; font-family:Arial, Helvetica, sans-serif; padding-bottom:16px}
.inner_page .events_list p{ padding-bottom:15px}
.inner_page .wine_bottle{ position:absolute; right:0; bottom:0}
.inner_page .awards_list li{ list-style:none; width:580px; padding-top:32px; overflow:hidden}
.inner_page .awards_list .image{ width:150px}
.inner_page .awards_list .detail{ width:400px}
.inner_page .awards_list strong, .inner_page .awards_list a{ font-weight:bold}
.inner_page .awards_list a{ color:#fff}
.inner_page .menus_page h3{ text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:18px; padding:8px 0}
.inner_page .menus_list{ padding-bottom:15px}
.inner_page .menus_list li{ list-style:none; width:500px; padding:10px 0; overflow:hidden}
.inner_page .menus_list li .left{ width:440px}
.inner_page .menus_list li .right{ font-weight:bold; width:44px}
.inner_page .menus_list p.title, .inner_page .menus_list .sub_title{ background:url(../img/bg_dot_white.png) repeat-x bottom}
.inner_page .menus_list .sub_title{ width:270px}
.inner_page .menus_list strong{ background:url(../img/bg_dot_black.png) repeat-x bottom}
.inner_page .cheese_selection{ overflow:hidden; padding-bottom:15px}
.inner_page .cheese_selection li{ list-style:none; font-weight:bold; float:left; width:250px}

.p_gallery li{ list-style:none; margin:20px 15px; float:left; height:180px; width:180px; padding:4px; text-align:center; color:#232323}
.p_gallery li img {border: 4px solid #fff;}
.gallery_page h2.title2{ padding-top:30px}
.local_story li img{ margin-bottom:10px}
#facebox{ position:fixed; top:35px; left:0; z-index:100; text-align:left}
#facebox .popup{ position:relative}
#facebox .content{ width:600px; padding:8px; background:#fff; color:#3a3a3a}
#facebox .close{ position:absolute; top:-15px; width:41px; height:40px; background:url(http://twistedvinebistro.com/img/btn-close.png) no-repeat; right:-15px}
#facebox .close img{ display:none}
#facebox .loading{ text-align:center}
#facebox_overlay{ position:fixed; top:0px; left:0px; height:100%; width:100%}
.facebox_hide{ z-index:-100}
.facebox_overlayBG{ background-color:#000; z-index:99}
#fancybox-frame{ overflow-x:hidden}
#fancybox-outer{ border:0 !important}

#OT_searchWrapperAll { background:url(../img/bg_dark.png) !important; border:4px solid #666; width:100% !important; padding:10px !important; margin-top:20px !important}
#OT_searchWrapperAll .OT_feedTitle { font-size: 22px!important; }
#OT_searchWrapper dl { }
#OT_logo { top: 140px!important; }
#OT_submitWrap { top: 55px!important; left: 395px!important; }

.sidebar{ width:246px}
.sidebar h2, .sidebar h3{ font-size:18px; text-align:center; padding-bottom:5px} 
.sidebar .s_block{ margin-bottom:23px; overflow:hidden}
.newsletter .textbox{ background:none; font-family:Arial, Helvetica, sans-serif; color:#fff; height:21px; width:165px; padding:0 5px; border:1px solid #fff}
.newsletter .btn_submit{ height:23px; background:#630066 url(../img/btn_violet.png) repeat-x 0 0; border:1px solid #73a23e; font-family:'bree_serifregular'; font-size:13px; padding:0 6px; color:#fff; cursor:pointer}
.newsletter .btn_submit:hover{ background:#510066}
.sidebar .ft_special{ height:180px; padding:12px 20px 0; background:url(../img/bg_violet.jpg) no-repeat 0 0; font-size:15px}
.sidebar .ft_special h3{ color:#99cc33; padding-bottom:8px}
.sidebar .ft_special p{ line-height:22px}
.sidebar .urb_farming h3{ padding-bottom:34px}
.sidebar .urb_farming h2{ font-family:Arial, Helvetica, sans-serif; font-size:28px; line-height:28px; text-align:left}
.sidebar .urb_farming a{ color:#99cc33; font-weight:bold; font-size:14px}
.sidebar .urb_farming a:hover{ color:#ddd}
.sidebar .opt_hours{ padding:0 18px}
.sidebar .opt_hours li{ list-style:none; overflow:hidden; font-size:13px; line-height:22px}
.sidebar .opt_hours li .time{ width:90px}
.sidebar .staff{ padding-top:15px}
.sidebar .staff a{ text-transform:uppercase; font-size:20px; color:#99cc00; line-height:30px}
.sidebar .staff a:hover{ color:#85b003}
.sidebar .testi blockquote, .sidebar .testi strong{ color:#99cc00; font-style:normal; font-style:italic}
.sidebar .testi .author{ font-weight:bold; font-style:italic}
.sidebar .location{ padding:0 20px 10px; font-size:15px}
.sidebar .location a{ font-weight:bold; font-size:13px; color:#fff}
.sidebar .location a:hover{ color:#99cc00}

footer.container{ width:878px; margin-top:50px; border-top:2px solid #fff; padding:10px 0 20px; text-align:center}
footer a{ color:#fff}
footer .f_nav a{ font-family:'bree_serifregular'; font-size:15px; margin:0 16px}
footer .f_nav a:hover{ color:#99CC33}
footer .address{ padding-top:20px}
footer .copyright{ padding-top:20px; font-size:12px}

@media all and (max-width: 960px) and (min-width: 760px) {
.container{ width:760px}
header .logo{ width:180px}
header .logo img{ top:30px; left:12px}
header nav{ width:540px}
header .menu li{ margin-right:21px}
.home_page .bx-wrapper{ width:500px; height:328px; background:url(../img/bg_slider500.png) no-repeat 0 0}
.home_page .bx-wrapper img{ width:430px}
.content{ padding:28px 0}
.content .cont{ width:500px}
.inner_page .menus_list li, .inner_page .spe_offs li, .inner_page .events_list li, .inner_page .awards_list li{ width:470px}
.inner_page .menus_list li .left{ width:415px}
.inner_page .awards_list .detail{ width:310px}
.inner_page .wine_bottle{ max-width:250px}
.p_gallery li{ margin:20px 1px 0}
iframe{ max-width:100%}
footer.container{ width:95%}
}

@media all and (max-width: 760px) and (min-width: 480px) {
html{ -webkit-text-size-adjust: none}
.mob_only{ display:block}
.btn_nav, .btn_nav_close{ height:44px; width:44px; cursor:pointer; position:absolute; top:0; left:0; z-index:99}
.btn_nav_close{ display:none}
.container{ width:460px}
header{ height:90px; background-position:-300px bottom}
header .logo{ width:170px}
header .logo img{ top:16px; left:50px}
header nav{ width:230px; padding-top:36px}
header nav ul{ display:none}
.home_page .bx-wrapper{ width:460px; height:302px; background:url(../img/bg_slider460.png) no-repeat 0 0; background-size:cover}
.home_page .bx-wrapper img{ width:400px}
.content{ padding:28px 0}
.content .cont{ width:460px; padding-bottom:25px}
.content .cont img{ max-width:456px}
.content h1{ font-size:22px}
.content .title2{ font-size:24px}
.inner_page{ min-height:400px}
.inner_page .newsletter{ float:none; margin:auto; padding-top:20px}
.inner_page .menus_page h3{ font-size:18px}
.inner_page .menus_list li, .inner_page .spe_offs li, .inner_page .events_list li, .inner_page .awards_list li{ width:450px}
.inner_page .menus_list li .left{ width:390px}
.inner_page .awards_list .detail{ width:288px}
.inner_page .events_list{ min-height:100px; padding-bottom:10px}
.inner_page .spe_offs h3{ font-size:18px}
.inner_page .spe_offs li{ padding-top:15px}
.inner_page .spe_offs li:last-child{ border-bottom:0}
.inner_page .wine_bottle{ display:none}
#OT_searchWrapperAll{ margin-bottom:40px !important}
.sidebar{ margin:auto; float:none; overflow:hidden; padding:20px 20px 0; border-top:1px solid #888}
.sidebar .s_block{ margin-bottom:15px}
.sidebar .img_bdr{ max-width:242px; margin:0 !important}
iframe{ max-width:100%}
footer.container{ width:95%; margin-top:0}
}

@media all and (max-width: 479px){
html{ -webkit-text-size-adjust: none}
.mob_only{ display:block}
.btn_nav, .btn_nav_close{ height:44px; cursor:pointer; position:absolute; top:0; left:0}
.btn_nav_close{ display:none}
.container{ width:310px}
header{ height:auto; background-position:-220px 25px}
header .logo{ width:200px; float:none; margin:auto}
header .logo img{ top:14px; left:0}
header nav{ width:100%; padding:25px 0 10px}
header .contact{ width:100%; text-align:center; padding:0; position:relative; z-index:9}
header nav ul{ display:none}
.home_page .bx-wrapper{ width:310px; height:205px; background:url(../img/bg_slider310.png) no-repeat 0 0; background-size:cover}
.home_page .bx-wrapper img{ width:270px}
.content{ padding:28px 0}
.content .cont{ width:310px; padding-bottom:25px}
.content .cont img{ max-width:306px}
.content h1{ font-size:18px}
.content .title2{ font-size:20px}
.inner_page{ min-height:400px}
.inner_page .newsletter{ float:left; margin:auto; width:245px; padding:10px 0 15px}
.inner_page .newsletter h2{ padding-bottom:2px}
.inner_page .menus_page h3{ font-size:16px}
.inner_page .menus_list li, .inner_page .spe_offs li, .inner_page .events_list li, .inner_page .awards_list li{ width:300px}
.inner_page .menus_list li .left{ width:248px}
.inner_page .awards_list h3{ padding:3px 0}
.inner_page .awards_list .detail{ width:300px}
.inner_page .events_list{ min-height:100px; padding-bottom:10px}
.inner_page .spe_offs h3{ font-size:16px}
.inner_page .spe_offs li{ padding-top:15px}
.inner_page .spe_offs li:last-child{ border-bottom:0}
.inner_page .wine_bottle{ display:none}
.p_gallery li{ margin:20px 60px}
#OT_searchWrapperAll{ width:290px !important; padding:5px !important; margin-bottom:40px !important}
#OT_searchWrapper{ font-size:11px !important}
#OT_partySizeLbl, #OT_dateLbl{ width:66px !important; margin-left:0 !important}
#OT_partySize, #OT_date{ left:70px !important}
#OT_timeLbl{ width:40px !important; left:160px !important}
#OT_time{ left:202px !important}
#OT_submitWrap{ left:180px !important}
.sidebar{ margin:auto; float:none; overflow:hidden; padding:20px 20px 0; border-top:1px solid #888}
.sidebar .s_block{ margin-bottom:15px}
.sidebar .img_bdr{ max-width:242px; margin:0 !important}
iframe{ max-width:100%}
footer.container{ width:95%; margin-top:0}
footer .blk_space{ display:none}
footer .designed_by{ display:block}
}

footer .badge { height: 100px; display: inline-block;}
footer .badge a { margin: 0px auto; margin-top: 10px; background-size: 120px; display: block;}
footer .badge .ot-dc-badge--p { padding-top: 55px; padding-left: 55px;}
footer .badge .ot-dc-badge { font-size: 12px; background-position: 66px 0px !important; }