/*
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------

Table of Contents

1.0 Reset
2.0 Master Layout
3.0 Typography 
4.0 Animations & CSS3 Effects

-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
*/


/* 1.0 UNIVERSAL RESET 
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
*/

* {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

html, body {
  height: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
}

body {
  display: none;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0px;
  padding: 0px;
  border: 0px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul, li {
  list-style: none;
  font-size: 0px;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}
 
a, a:hover {
  text-decoration: none;
} 

.clearboth {
  clear: both;
}

.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
}

.clearfix { 
  display: inline-block;
}

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

div { 
  zoom: 1;
}

img {
  border: none;
  outline: none;
}

#footer img, #header img, .longtable_gallery img {
  width: 100%;
}

.inline_block {
  display: inline-block;
  vertical-align: top;
}

/* 2.0 MASTER LAYOUT
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------
*/

html {
  background: #fff;
}

body {
  vertical-align: baseline;
}

#container {
  width: 720px;
  height: 100%;
  min-height: 100%;
  height: auto !important;
  margin: 0px 0px -65px 0px;
  /*background-image: url(./img/master/transparent_pixel_50.png) repeat repeat; */
  background: rgba(0,0,0,0.5);
}

#footer, #sticky_footer_push {
  height: 65px;
  min-width: 100%;
}

#header {
  display: block;
}

#content {
  width: 426px;
  height: auto;
  min-height: 406px;
  display: inline-block;
  vertical-align: top;
  padding: 0px 35px 25px 35px;
  margin-top: -1px;
}

#body {
  padding: 25px 0px 0px 0px;
}

.hr {
  min-height: 1px;
  margin: 0px auto;
}

#desktop_bgs li {
  position:fixed; 
  top:-50%; 
  left:-50%; 
  width:200%; 
  height:200%;
  z-index: -99999
}

#desktop_bgs li img {
  position:absolute; 
  top:0px; 
  left:0px; 
  right:0px; 
  bottom:0px; 
  margin:auto; 
  min-width:50%;
  min-height:50%;
  width: auto;
}


/* 
--------------------------------------------------
Header Master Styles
--------------------------------------------------
*/

/* STYLES FOR HEADER */

#header .brand {
  width: 135px;
  margin: 0px;
  padding: 17px 0px 0px 63px;  /* MUST BE PADDING */
}

#header .brand a {
  font-size: 10px;
  height: auto;
  line-height: 12px;
}

/*
--------------------------------------------------
Main Navigation Master Styles
--------------------------------------------------
*/

/* STYLES FOR NAVIGATION */

ul#nav {
  width: 174px;
  border-right: 1px dotted #B60000;
  padding: 0px 38px 0px 0px;
  margin: -2px 0px 0px 0px;
  display: inline-block;
  text-align: right;
  float: left;
}

ul#nav li {
  margin: 0px 0px 24px 0px;
  padding: 0px;
  font-size: 14px;
  line-height: 14px;
  text-transform: uppercase;
}

ul#nav li:last-child {
  margin-bottom: 0px;
}

ul#nav li a  {
  color: #FFF;
  text-decoration: none;
}

ul#nav li a:hover, ul#nav li a.active {
  color: #B60000;
  text-decoration: none;
}

/* 
--------------------------------------------------
Sub Navigation Master Styles
--------------------------------------------------
*/

ul#sub_nav {
  padding: 0px 0px 24px 0px;
  display: inline-block;
}

ul#sub_nav li {
  display: inline-block;
  margin: -30px 16px 0px 0px;
}

ul#sub_nav li:last-child {
  margin: 0px 0px 0px 0px;
}

ul#sub_nav li>a {
  color: #FFF;
  text-decoration: none;
  font-size: 14px;
}

ul#sub_nav li a:hover {
  color: #B60000;
  text-decoration: none;
}

ul#sub_nav .selected {
  color: #B60000;
  border-bottom: 1px dotted #B60000;
}

ul#sub_nav .hide {
  display: none;
}

/* 
--------------------------------------------------
Landing Page
--------------------------------------------------
*/

body.home #content {
  position: relative;
}

#seasonal {
  left: 500px;
  top: -18px;
  position: absolute;
  width: auto;
  height: auto;
  z-index: 10;
  text-align: center;
}

.red_boxes {
  width: 105px;
  margin: 0px 0px 10px 0px;
  padding: 18px;
  background: rgba(182,0,0,1);
  background: rgba(182,0,0,0.75);
}

.rednewsletter{
  width: 197px;
  height:80px;
  text-align:center;
  padding: 18px 8px 0px;

  background: rgba(157,153,99,1.0);
  position:absolute;
  margin-top:-98px;
  margin-left:0px;
  font-size:12px;
}
.rednewsletter:hover{
  cursor:pointer;
}

#seasonal h1 {
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin: 0px 0px 4px 0px;
}

#seasonal p {
  font-size: 11px;
  line-height: 15px;
  font-weight: 400;
  margin: 0px;
}

#seasonal a {
  color: #fff;
}


#seasonal a:hover {
  color: #000;
}


/* 
--------------------------------------------------
Food Master Styles
--------------------------------------------------
*/

#food .ocean_wise p {
  font-size: 8px;
  display: inline-block;
  width: auto;
  padding: 6px 0px 0px 12px;
}

#food #cms_small_plates p:last-child {
  padding: 0px;
}

ul#menu .menu {
  padding: 0px 0px 0px 34px;
}

ul#menu #cms_thb.menu {
  padding: 0px 0px 18px 34px;
}


#menu h1, #menu h2 {
  font-size: 12px;
  line-height: 17px;
  font-weight: 400;
}

#menu h1 {
  text-transform: uppercase;
}

#menu p {
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
}

#large_plates p.first {
  margin: -18px 0px 18px 0px;
}

/******************************************/

/*** RAW BAR ***/

#raw_bar {
  
}

#raw_bar h2 {
  margin: 0px 0px 18px 0px;
  padding: 0px;
}

#raw_bar h2:last-child {
  margin: 0px 0px 0px 0px;
  padding: 0px;
}

#cms_rb, #cms_o, #cms_ss, #cms_cs {
  margin: 0px;
  padding: 0px;
}

#cms_cs h2 {
  margin: 0px;
}

/******************************************/

/*** SMALL PLATES ***/

#small_plates {
  
}

#small_plates h2 {
  margin: 0px;
  padding: 0px;
}

#small_plates h2:last-child {
  
}

#small_plates p {
  margin: 0px 0px 18px 0px;
  padding: 0px;
}


#cms_land, #cms_sea {
  margin: 0px;
  padding: 0px;
}


/******************************************/

/*** LARGE  PLATES ***/
#large_plates p:first-child {
  margin: -20px 0px 0px 0px;
}



/******************************************/
/*** MAIN  PLATES ***/
#main_plates {
  
}

#main_plates h2 {
  margin: 0px;
}

#main_plates h2:last-child {
  
}

#main_plates p {
  
}

#main_plates p:last-child {
  
}

/******************************************/

#desserts h2 {
  margin: 0px;
}


/******************************************/

#sunday_brunch h2 {
  margin: 0px;
}




body.food ul#sub_nav li a.active {
  color: #B60000;
  border-bottom: 1px dotted #B60000;
}








  ul.ocean_wise {
    display: block;
    width: 100%;
    margin: 0px 0px 40px 0px;
  }
    
  ul.ocean_wise li {
    display: inline-block;
    vertical-align: top;
  }
  
  ul.ocean_wise li.logo {
    width: 24px;
    padding: 0px;
  }
  
  ul.ocean_wise li.logo img {
    width: 100%;
  }
  
  
/* 
------------------------------------------------------------------------------
Oyster Bar Styles
------------------------------------------------------------------------------
*/  
  
body.oyster  #content {
}

/* 
------------------------------------------------------------------------------
Wine Styles
------------------------------------------------------------------------------
*/  

body.wine #content {
}

body.wine #content a {
  
  color: #B60000;
}

body.wine #content a:hover {
  text-decoration: underline;
  
}

/* 
------------------------------------------------------------------------------
Cocktail Bar Styles
------------------------------------------------------------------------------
*/

body.cocktail #content {
}
  
body.cocktail #content a{
  color: #B60000;
}
body.cocktail #content a:hover {
  text-decoration:underline;
}
/* 
------------------------------------------------------------------------------
Purveyors Styles
------------------------------------------------------------------------------
*/

body.purveyors #content {
}

/* 
------------------------------------------------------------------------------
Longtable Series Styles
------------------------------------------------------------------------------
*/

body.longtable #content {
}

body.longtable #content a{
  color: #B60000;
}
body.longtable #content a:hover{  
  text-decoration:underline;
}
/* 
------------------------------------------------------------------------------
Cornucopia Series Styles
------------------------------------------------------------------------------
*/

body.cornucopia #content {
}

body.cornucopia #content a{
  color: #B60000;
}
body.cornucopia #content a:hover{  
  text-decoration:underline;
}
/* 
------------------------------------------------------------------------------
About Styles
------------------------------------------------------------------------------
*/

ul.sub_nav.about {
  width: 100%;
  display: block;
  margin: -1px 0px 17px 0px;
  line-height:180%;
}

ul.sub_nav.about li {
  font-size: 14px;
  line-height: 12px;
  display: inline-block;
  margin-right: 19px;
}

ul.sub_nav.about li:last-child {
  margin-right: 0px;
}

ul.sub_nav.about li a {
  color: #fff;
  border-bottom: 1px dotted rgba(181,0,0,0);
}

ul.sub_nav.about li a.active {
  color: rgba(181,0,0,1);
  border-bottom: 1px dotted rgba(181,0,0,1);
}

ul.sub_nav.about li a:hover {
  color: rgba(181,0,0,1);
}


/* 
---------------------------------------
Team Styles
---------------------------------------
*/

ul#team li.team_member {
  border-bottom: 1px dotted white;
  padding: 21px 0px 18px 0px;
}

ul#team li.team_member:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}

ul#team li.team_member:first-child {
  padding: 0px 0px 18px 0px;
}

  
ul#team .team_photo {
  width: 197px;
  padding: 0px 9px 0px 0px;
  float: left;
}  

ul#team .team_photo img {
  width: 100%;
}

ul#team li.team_member p:last-child {
  margin: 0px;
}

ul#team li.team_member h1 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  margin-bottom: 2px;
}

ul#team li.team_member h2 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-style: italic;
  margin-bottom: 18px;
}

ul#team li.team_member p {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
}
  


/* 
---------------------------------------
Cookbook Styles
---------------------------------------
*/

body.cookbook #content {
  padding: 0px 0px 25px 35px;
  width: 451px;
}

body.cookbook .image {
  width: 195px;
  float: left;
  margin: 0px 0px 0px 0px;
  padding: 0px 9px 12px 0px;
}  

body.cookbook .image img {
  width: 100%;
}                                                                                            

body.cookbook ul.accolades {
  display: block;
  width: 100%;
  margin: 0px;
  padding: 0px;
}    

body.cookbook ul.accolades li.quote  {
  font-size: 12px;
  line-height: 16px;
  font-weight: 400;
  font-style: italic;
}

body.cookbook ul.accolades li.author {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  margin: 0px 0px 18px 0px;
}

body.cookbook p {
  
}

body.cookbook h1 {
  display: block;
}

/* 
---------------------------------------
Praise Styles
---------------------------------------
*/

body.praise ul.praise {
  width: 100%;
  display: block;
  margin: 0px;
  padding: 0px;
}

body.praise ul.praise li.award {
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  line-height: 12px;
}

body.praise ul.praise li.awarding_institute {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 18px;
}

body.praise ul.praise li.awarding_institute:last-child {
  margin-bottom: 0px;
}

/* 
---------------------------------------
Community Styles
---------------------------------------
*/

body.community ul#community li {
  font-size: 12px;
  line-height: 16px;
}

/* 
---------------------------------------
Gallery Styles
---------------------------------------
*/

body.gallery ul.gallery {
  width: 100%;
  display: block;
  margin: 0px;
  padding: 0px;
  text-align: center;
} 

body.gallery ul.gallery li.tbn {
  display: inline-block;
  vertical-align: top;
  width: 134px;  
  height: 134px;
  margin: 0px 0px 18px 0px;
}

body.gallery ul.gallery li.last {
  margin-bottom: 0px;
}

body.gallery #content {
  width: 445px;
  padding-right: 0px;
}

body.gallery ul.gallery li.tbn.left {
  float: left;
}

body.gallery ul.gallery li.tbn.right {
  float: right
}


body.gallery ul.gallery li.tbn img {
  width: 100%;
}
  
/* 
--------------------------------------------------
Longtable Series Master Styles
--------------------------------------------------
*/
  
ul.longtable_gallery {
  display: block;
  width: 100%;
  margin: 0px 0px 11px 0px;
  padding: 0px;
  text-align: center;
}

ul.longtable_gallery.last {
  padding: 0px 0px 20px 0px;
  margin: 0px;
}

ul.longtable_gallery li {
  margin: 0px;
  padding: 0px;
  display: inline-block;
  vertical-align: top;
  width: 30%;
  height: auto;
  /* -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: .65;
  -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    */
}

ul.longtable_gallery li.left {
  float: left;
} 

ul.longtable_gallery li.right{ 
  float: right;
}

/* 
--------------------------------------------------
Groups Master Styles
--------------------------------------------------
*/


body.groups #content {
}

body.groups #content a {
  
  color: white;
}

body.groups #content a:hover {
  
}
#content > ul.sub_nav.groups > li > a{
  color:#FFF;
}
#content > ul.sub_nav.groups > li > a:hover {
border-bottom: 1px dotted rgba(181,0,0,1);
text-decoration: none;
color: #B60000;
}


/* 
--------------------------------------------------
Community Master Styles
--------------------------------------------------
*/

ul#community {
  margin: 0px 0px 20px 0px;
}

/* 
--------------------------------------------------
Contact / Reservations Master Styles
--------------------------------------------------
*/

body.reservations #content .left {
  float: left;
  width: auto;
  margin: 0px 0px 3px 0px;
}

body.reservations #content .right{
  float: left;
  width: auto;
  margin: 0px 0px 5px 35px;
}

body.reservations #content .column {
  display: inline-block;
  vertical-align: top;
}

TB_closeAjaxWindow img {
  width: 21px;
  height: 21px;
}

body.reservations .column .OT_title {
  font-size: 13px;
  text-transform: capitalize;
}

body.contact #content .left.column, body.contact #content .right.column {
  float: left;
  width: auto;
}

body.contact #content .left.column {
  width: 160px;
}

body.contact  ul.contact_details.parking_info li {
  color: #fff;
}

body.contact #map-canvas, body.reservations #map-canvas  {
  display: block;
  width: 100%;
  height: 213px;
  margin-bottom: 18px;
}

body.reservations #map-canvas {
  margin-top: -10px;
}

body.reservations .btn.award {
  width: 100px;
  margin: 0px 0px 0px 0px;
}

body.reservations .btn.award img {
  width: 100%;
}
 
 
/* 
--------------------------------------------------
Social - Master
--------------------------------------------------
*/



/* 
------------------------
Social - Newsletter
------------------------
*/



.newsletter{
  width:100%;
  height:290px;
}
#mc_embed_signup {
  position: relative;
  
}


body.social #news_letter label {
  font-size: 12px;
  font-weight: normal;
  line-height: 14px;

}

#mc_embed_signup li.formLabel {
  margin: -1px 0px 0px 0px;
  padding: 0px 0px 0px 0px;
}

body.social #news_letter input {
  font-family: 'Lucida Grande';
  font-size: 11px;
  font-weight:normal;
  line-height: normal;
  padding: 3px;
  margin-bottom:5px;
}
body.social #news_letter input[type="submit"]{
  padding:3px 25px;
  margin-top:6px;
  color:#FFFFFF !important;
  background-color:rgba(182,0,0,0.75);
  font-size:12px;
  text-transform:uppercase;
}
body.mac-os.social #news_letter input[type="submit"]{
  margin-top:4px;
  padding:2px 25px 3px 25px;
}
body.mac-os.social.safari #news_letter input[type="submit"]{
  margin-top:7px;
}
body.mac-os.chrome.social #news_letter input[type="submit"]{
  margin-top:1px;
}
body.social #news_letter input[type="submit"]:hover{
  cursor:pointer;
}

#mce-FNAME, #mce-LNAME, #mce-EMAIL, #mce-MMERGE8, #mce-MMERGE5{

}

#news_letter .mc-field-group li {
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
}

#venue_checkboxes li {
  display: block;
}

.formType, .checkboxes {
  margin: 0px 0px 9px 0px;
}

.checkboxes label {
  margin: 0px 0px 0px 9px;
}

.checkboxes.topbox {
  margin-top: 2px;
}

.formType {
  
}

.checkboxes {
}

#news_letter .submit_button {
  margin: 0px;
  padding: 0px;
  position: absolute;
  bottom: 40px;
  right: 20px;
  height: 35px;
  width: 35px;
}

#news_letter .submit_button img {
  width: 100%;
}


  #mc_embed_signup{
    width:100%;
  
    
  }
  
  .mailchimp.left{
    float:left;
    margin-right:5px;
    width:120px;
  }
  .mailchimp.middle{
    width:120px;
    float:left;
    margin-left:5px;
  }
  
  .mailchimp.right{
    width:140px;
    float:right;
  }
  

  .mailchimp input[type="text"], .mailchimp input[type="email"]{
    margin-bottom:5px;

  }
  .mailchimp .birthday input[type="text"]{
    width:30px;
    margin-right:10px;
  }
  .mc-field-group{
    margin-bottom:15px;
    
  }
  body.social.chrome #news_letter input[type="submit"]{
    margin-top:2px;
  }
  body.chrome.mac-os .mc-field-group{
    margin-bottom:14px;
  }  
  .right .mc-field-group, body.chrome.mac-os .right .mc-field-group{
    margin-bottom:4px;
  }
  body.mac-os.safari .right .mc-field-group{
    margin-bottom:0px;
  }

/* 
------------------------
Social - Twitter
------------------------
*/

body.social #twitter_account, body.social #instagram_account {
  font-size: 12px;
  text-transform: lowercase;
}

body.social #live_twitter {
  margin: 0px 0px 18px 0px;
}

body.social .twtr-timeline { 
  margin: -11px 0px 0px 0px;
}

body.social .overflow_container {
  height: 290px;
  overflow: hidden;
  width: 100%;
}

body.social #live_twitter .customisable-border {
  border: 1px dotted #e8e8e8;
}

img.u-photo.avatar {
  width:  32px;
}


img.u-photo.avatar img {
  width: 100%;
}

a#twitter_account, a#instagram_account {
  
  color: #B60000;
}

a#twitter_account:hover, a#instagram_account:hover {
  color: #B60000;
  text-decoration:underline;
}

.twitter{
  padding-top:25px;
  padding-bottom:25px;
  border-top:1px dotted #FFF;

}
/* 
------------------------
Social - Events
------------------------
*/

body.social ul#events {
  width: 100%;
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 8px 0px 0px 0px;
}

body.social ul#events li {
  width: 100%;
  color: #fff;
  font-size: 11px;
  line-height: 12px;
  display: block;
  padding: 9px 0px;
  border-bottom: 1px dotted #B60000;
}

body.social ul#events li:first-child {
  padding-top: 0px;
}

body.social ul#events li.coming_soon {
  border-bottom: none;
}

body.social ul#events li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}


body.social ul#events li span.spacer {
  display: inline-block;
  margin: 0px 5px;
}

body.social ul#events li a {
  color: #FFF;
  text-decoration:none;
}

body.social ul#events li a:hover {
  text-decoration:underline;
  color:#B60000;
}

.events{
  border-top:1px dotted #FFF;
  padding-top:25px;
  padding-bottom:25px;
}
/* 
------------------------
Social - Instagram Feed
------------------------
*/
.instagram{
  border-top:1px dotted #FFF;
  padding-top:25px;

}
#instafeed {
  display: block;
  width: 100%;
  height: auto;
  text-align: left;
  margin: 0px 0px 0px 0px;
}

#instafeed li.feed_items {
  width: 60px;
  height: 60px;
  margin: 0px 10px 10px 0px;
}

#instafeed li.feed_items:nth-child(4n) {

}

#instafeed li.feed_items:nth-child(5), #instafeed li.feed_items:nth-child(6), #instafeed li.feed_items:nth-child(7), #instafeed li.feed_items:nth-child(8) {

}

#instafeed li.feed_items img {
  width: 100%;
}

#instafeed li.feed_items:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  -moz-opacity: 1;
  -khtml-opacity: 1;
  opacity:1;
}


.hr.dotted.block {
  display: block;
  width: 100%;
  border-bottom: 1px dotted #fff;
  margin: 30px 0px;
}




/* 
--------------------------------------------------
Footer Master Styles
--------------------------------------------------
*/

#footer {
  background: #fff;
}

ul.two.columns {
  display: block;
}

ul.two.columns li.column {
  display: inline-block;
  vertical-align: top;
}

ul.two.columns li.column.left {
  float: left;
}

ul.two.columns li.column.right {
  float: right;
}

ul#social_media, ul#contact_info {
  display: inline-block;
  vertical-align: top;
  float: left;
}

ul#social_media {
  margin: 22px 0px 0px 44px;
}

ul#social_media li {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  margin: 0px 3px 0px 0px;
}

ul#social_media li:last-child {
  margin: 0px;
}

ul#contact_info {
  margin: 19px 0px 0px 12px;
}

ul#contact_info li {
  display: block;
  width: 100%;
}

ul#contact_info li, ul#contact_info li a {
  font-size: 11px;
  line-height: 12px;
  color: #000;
}

ul#contact_info li.top {
  margin: 0px 0px 4px 0px;
}

ul#contact_info li a:hover {
  color: #B60000;
}

ul#contact_info span.spacer {
  color: #B60000;
  margin: 0px 7px;
}

#footer .brand {
  width: 111px;
  display: block;
  margin: 25px 19px 0px 0px;
}

#footer ul.two.columns li.column.right {
    display: none;
}



#footer, #footer ul.two.columns li.column.left {
  overflow: hidden;
}


body.social #body {
  position: relative;
}

body.social #content {

  top: 25px;
}

body.social ul#nav {
  margin-bottom: 225px;
}

/* 
----------------------------------------------
Social Styles
----------------------------------------------
*/

.twtr-widget { 
  margin: 0px;
  padding: 0px;
  height: auto;
  width: 100%;
  position:relative;
  font-family:font-family: 'Muli', Helvetica, Verdana, Arial;
  zoom:1;
  /*background: blue;*/
}

.twtr-fullscreen{font-size:220%!important;}

.twtr-fullscreen .twtr-new-results{_display:none!important;}

.twtr-inactive{display:none;}

.twtr-widget a img{border:0!important;}


/* sets styles for header of twitter container | IF NOT SET TO DISPLAY:NONE, MAIN CONTAINER ELEMENT WILL APPEAR TO HANG DOWN DUE TO BLOCKING */
.twtr-hd {
  display: none;
}

/* sets styles for twitter container */
.twtr-doc{
  height: 100%;
  width: 100%;
  text-align:left;
  font-weight: normal;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}

/* sets styles for footer of twitter container */
.twtr-ft {
  display: none;
}

.twtr-bd{padding:0 1px;}

/* sets style of individual tweets */
.twtr-widget .twtr-tweet-wrap{
  height: auto;
  margin: 0px 0px 0px 0px;
  padding: 9px 0px 9px 0px;
  overflow: hidden;
  zoom:1;
}

.twtr-fullscreen .twtr-tweet-wrap{padding:20px;}

/* sets style for underline of tweets */
.twtr-widget .twtr-tweet {
  border-bottom: 1px dotted #B60000;
  overflow: hidden;
  zoom:1;
}

.twtr-widget-profile img.twtr-profile-img{display:block;float:left;width:31px;height:31px;border:0!important;}

.twtr-widget h3,.twtr-widget h4,.twtr-widget p{margin:0!important;padding:0!important;line-height:1.2!important;width:auto!important;}

.twtr-widget-profile h3,.twtr-widget-profile h4{margin:0 0 0 40px!important;}

.twtr-widget h3{font-size:11px!important;font-weight:normal!important;}

.twtr-widget h4{font-size:16px!important;}

.twtr-widget em,.twtr-widget .twtr-new-results{font-size:9px;font-style:normal;display:block;margin-top:2px;zoom:1;}

.twtr-widget .twtr-new-results{text-align:center;padding:3px;margin:0 auto -10px auto!important;display:block;position:relative;bottom:5px;line-height:.9;}

.twtr-results-inner{line-height:1;font-size:100%;padding:4px 0;position:relative;bottom:-2px;width:40%;margin:0 auto;z-index:2;text-align:center;}

.twtr-results-hr{width:100%;position:relative;z-index:1;height:1px;border-bottom:1px dotted #ddd;bottom:7px;background:none;overflow:hidden;}

.twtr-new-results span{position:relative;z-index:3;top:0;display:block;font-size:9px!important;}

.twtr-fullscreen .twtr-new-results span{font-size:24px!important;}

.twtr-hd{padding:10px;position:relative;zoom:1;overflow:hidden;}

.twtr-fullscreen .twtr-hd{height:0;padding:0;}

.twtr-timeline {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  position:relative;
  overflow:hidden;
  z-index:2;
  height: auto;
  /*background: green;*/
}

.twtr-scroll .twtr-timeline{
  overflow-x:hidden;
  overflow-y:auto;
}

.twtr-widget .twtr-tweet:last-child{border-bottom-width:0;}

.twtr-ft{position:relative;}

.twtr-ft div{overflow:hidden;padding:10px;zoom:1;}

.twtr-ft span{float:right;text-align:right;}

.twtr-ft a{float:left;display:block;}

.twtr-ft a img{position:relative;top:2px;}

.twtr-ft span a{float:none;}

.twtr-avatar{width:40px;height:40px;float:left;overflow:hidden;display:block;}

.twtr-fullscreen .twtr-avatar{width:80px;height:80px;}

.twtr-img{height:25px;width:25px;}

.twtr-img img{width:30px;height:30px;}

.twtr-fullscreen .twtr-img img{width:72px;height:72px;}

.twtr-fullscreen a.twtr-join-conv{display:none;}

.twtr-tweet-text{margin-left:40px;}

.twtr-fullscreen .twtr-tweet-text{margin-left:90px;}

.twtr-popular{font-size:10px;padding:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;display:inline-block;margin-top:3px;opacity:.8;}

.twtr-doc a{text-decoration:none!important;}

.twtr-doc a:hover{text-decoration:underline!important;}


/* 
-------------------------
Landing Page Section
-------------------------
*/

body.wine .award.image {
  width: 50px;
  margin-top: -2px;
}

body.wine .award.image img {
  width: 100%;
}



/* 3.0 TYPOGRAPHY
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------

Araxi Red  #FAAE4D
font-family:  'Muli', sans-serif;

*/

.light {
  font-weight: 100;
}

.bold {
  font-weight: 900;
}

.uppercase {
  text-transform: uppercase;
}

.italic {
  font-style: italic;
}

html {
  font-family: 'Muli', Helvetica, Arial, sans-serif;
  /* -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;*/
  color: #fff;
}

h1 {
  font-size: 12px;
  line-height: 12px;
  font-weight: 400;
  margin: 0px 0px 18px 0px;
  text-decoration: none;
  font-weight: normal;
  text-transform: uppercase;
}

h2 {
  
}

h3 {
  
}

p {
  font-size: 12px;
  font-weight: 400;
  margin: 0px 0px 18px 0px;
  text-decoration: none;
  font-weight: 400;
  text-transform: none;
}

h1.last, h2.last, h3.last, h4.last, p.last {
  margin: 0px;
  padding: 0px;
}


#content p a {
  color: #fff;
}


/* 
----------------------------------------------
Food Typography 
----------------------------------------------
*/

body.food #content {
  width: 430px;
  padding: 0px 30px 0px 35px;
}

ul.sub_nav.food {
  width: 100%;
  display: block;
  margin: -1px 0px 17px 0px;
}

ul.sub_nav.food li {
  font-size: 14px;
  line-height: 12px;
  display: inline-block;
  margin-right: 19px;
}

ul.sub_nav.food li:last-child {
  margin-right: 0px;
}

ul.sub_nav.food li a {
  color: #fff;
  border-bottom: 1px dotted rgba(181,0,0,0);
}
ul.sub_nav.food li a:hover{
  cursor:pointer;
}
ul.sub_nav.food li a.active {
  color: rgba(181,0,0,1);
  border-bottom: 1px dotted rgba(181,0,0,1);
}

ul#menu, ul#menu li.section {
  width: 100%;
}

ul#menu h1 {
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  height: 16px;
}

ul#menu h2 {
  font-size: 12px;
  line-height: 16px;
}

ul#menu p {
  font-size: 11px;
  line-height: 15px;
}

ul.ocean_wise li.copy {
  font-size: 8px;
  width: auto;
  text-align: left;
  padding: 2px 0px 0px 12px;
}
  


/* 
----------------------------------------------
Wine Typography 
----------------------------------------------
*/

body.wine ul.awards {
  display: block;
  width: 100%;
  margin: 0px 0px 18px 0px;
}

body.wine ul.awards li {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

body.wine ul.awards li.where {
  margin-bottom: 18px;
}

/* 
----------------------------------------------
Purveyors Typography 
----------------------------------------------
*/

ul#purveyors li {
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
}

/* 
----------------------------------------------
Groups Typography 
----------------------------------------------
*/

body.groups #container {
  background-image: url(./img/master/transparent_pixel_65.png) repeat repeat;
  background: rgba(0,0,0,0.65);
}

ul.sub_nav.groups {
  display: block;
  width: 100%;
  margin: 0px 0px 17px 0px;
}


ul.sub_nav.groups li {
  font-size: 14px;
  line-height: 12px;
  display: inline-block;
  margin-right: 19px;
}

ul.sub_nav.groups li a {
  color: #fff;
}

ul.sub_nav.groups li a:hover {
  color: #B60000;
}

/* 
----------------------------------------------
Contact Typography 
----------------------------------------------
*/

ul.contact_details {
  display: block;
  width: 100%;
  margin: 0px 0px 20px 0px;
}

ul.contact_details li {
  font-size: 12px;
  font-weight: normal;
  line-height: 140%;
} 

ul.contact_details li a {
  color: #B60000;
}

ul.contact_details li a:hover {
  text-decoration: underline;
}

body.contact ul.contact_details li a, body.reservations ul.contact_details li a  {
  
}



/* 4.0 ANIMATIONS & EFFECTS
-------------------------------------------------------------------------------------------------
-------------------------------------------------------------------------------------------------

Daymarker Yellow  #FAAE4D
Daymaker Grey    #4D4D4D

*/

.transparent_95 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
  filter: alpha(opacity=95);
  -moz-opacity: 0.95;
  -khtml-opacity: 0.95;
  opacity: 0.95;
}

.transparent_85 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  -khtml-opacity: 0.85;
  opacity: 0.85;
}

.transparent_75 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
}

.transparent_65 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
  -moz-opacity: 0.65;
  -khtml-opacity: 0.65;
  opacity: 0.65;
}

.transparent_55 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=55)";
  filter: alpha(opacity=55);
  -moz-opacity: 0.55;
  -khtml-opacity: 0.55;
  opacity: 0.55;
}

.transparent_45 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=45)";
  filter: alpha(opacity=45);
  -moz-opacity: 0.45;
  -khtml-opacity: 0.45;
  opacity: 0.45;
}

.transparent_35 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
  filter: alpha(opacity=35);
  -moz-opacity: 0.35;
  -khtml-opacity: 0.35;
  opacity: 0.35;
}

.transparent_25 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)";
  filter: alpha(opacity=25);
  -moz-opacity: 0.25;
  -khtml-opacity: 0.25;
  opacity: 0.25;
}
 
.transparent_15 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
  filter: alpha(opacity=15);
  -moz-opacity: 0.15;
  -khtml-opacity: 0.15;
  opacity: 0.15;
}

.transparent_00 {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";
  filter: alpha(opacity=00);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
}

.transition_99 {
  -moz-transition: all .99s ease-in-out;
  -webkit-transition: all .99s ease-in-out;
  -o-transition: all .99s ease-in-out;
  transition: all .99s ease-in-out;
}

.transition_66 {
  -moz-transition: all .66s ease-in-out;
  -webkit-transition: all .66s ease-in-out;
  -o-transition: all .66s ease-in-out;
  transition: all .66s ease-in-out;
}

.transition_33 {
  -moz-transition: all .33s ease-in-out;
  -webkit-transition: all .33s ease-in-out;
  -o-transition: all .33s ease-in-out;
  transition: all .33s ease-in-out;
}

.transition_22 {
  -moz-transition: all .22s ease-in-out;
  -webkit-transition: all .22s ease-in-out;
  -o-transition: all .22s ease-in-out;
  transition: all .22s ease-in-out;
}



/* 1024px and up */
@media only screen and ( min-width: 1120px ) { 
  
  #footer ul.two.columns li.column.right {
    display: inline-block;
  }
}


#purchase-button{
    background: rgba(182,0,0,0.75);
  padding: 7px 15px;
  color: #fff !important;
  cursor: pointer;
  text-transform: uppercase;
  font-size:12px;
  
  
}

#purchase-button:hover{
  text-decoration: none !important;
}
/* reservation button style */
#sr-res-root:hover{
	cursor:pointer;
	opacity:0.9;
}

.red-button{
	font-size: 16px;
    text-transform: uppercase;
    margin-top: 5px;
    margin-bottom: 25px;
    color: #FFF;
    background-color: #B60000;
    border: 0;
    padding: 10px 50px;
	display:inline-block;
	letter-spacing:1px;
	text-transform:uppercase;
}
.red-button:hover{
	opacity:0.9;
}
.opening h2{
	text-transform:uppercase;
	margin-bottom:20px;
	letter-spacing:1px;
}
.opening p{
	font-size:18px;
	letter-spacing:1px;
}
.opening{
	text-align:center;
}
.covid h2{
	margin-bottom:10px;
}

@media only screen and (min-device-width: 651px){
	#mobile_reservations{
		display:none;
	}
}
@media only screen and (max-device-width: 650px) and (min-device-width: 250px){
	.hideUnder600{
		display:none;
	}
	.content-logo{
		margin-top:100px;
	}
	.mobile-background{
		background:url('/img/Araxi_Apres_01_photocredit_Nora@NomNomYVR.jpg');
		background-size:cover;
	}
	body.home div#content{
		background-color:rgba(0,0,0,0.5);	
		border-top:4px solid #B60000;
	}
	.home div#body {
		padding-top:0;
	}

	body.home div#content{
		width:84%;
		padding:0 8%;
	}
	.red-button {
		padding: 10px 20px;
		font-size:14px;
	}
	#content.covid{
		background:url('/img/araxi_opening_background.jpg');
		background-size:cover;

	}
	.opening img{
		padding-top:70px;
		margin-bottom:10px!important;
	}
	.covid img{
		max-width:225px!important;
	}
	
	#content.covid h2{
		font-size:16px;
	}
	body.home #container{
		min-height:auto!important;
	}
	body.home div#content {
		margin-bottom:0!important;
	}
}