/* GENERAL **************************************************************************************************************** */
     
 body { background:url(bg.gif); color:#303710; font-size:14px; }
     #shell { position: relative; background:url(newshellBG.png);  }     
     .container {  }
     a { color:#55621a;  }
     a:hover { text-decoration: none;  }
     a.active {color:#55621a;}
     .imgRight { float: right; margin: 0 0 5px 12px; border:5px solid #FFFFFF; outline:1px solid #C7A06C; padding:1px; }
     .imgLeft { float: left; margin: 0 12px 5px 0; border:5px solid #FFFFFF; outline:1px solid #C7A06C; padding:1px;  }
     .center { margin: 0 12px 5px 0; border:5px solid #FFFFFF; outline:1px solid #C7A06C; padding:1px;  }
     .twoCols { float: left; width: 50%; } 
     .clear { clear: both; }
     hr { line-height: 100%; border: none; border-top: 1px solid #000; margin: 20px 0; background-color: #000; }
     body#rfp { background: none; } 
     .shadowBoxGallery ul { width: 605px; }
     li.shadowBoxThumbs {}
     li.shadowBoxThumbs a img {border:2px solid #a87e46; outline:2px solid #1a2139; height:70px; width:100px; margin:9px;}
     li.shadowBoxThumbs img:hover{background:#841504; border:2px solid #826531;}
     a#backToTop {background:url(backTop.jpg) center right no-repeat; display:block; padding:0 18px 0 0; font-size:11px; font-weight:bold; text-decoration: none; text-align:right; margin-top:20px; clear:both;}
     a#backToTop:hover {text-decoration:none; color:#393e04}

     #pageid10631 p:first-letter { font-weight: bold; font-size: 16px; }

     #giftGuestButton { display: block; width: 160px; height: 47px; background:url(bGuestGift.png) no-repeat; }
     #giftCert { display: block; width: 160px; height: 47px; background:url(bGiftCert.png) no-repeat; }

     #giftGuestButton:hover { background-position: left -45px; }
     #giftCert:hover { background-position: left -46px; }

.cufon-loading #usabilityNav ul li, 
.cufon-loading #mainNav > ul > li > a, 
.cufon-loading #side .widgetCTAHeaders,
.cufon-loading #side #specialsCTA h2, 
.cufon-loading #usabilityNav ul li div.pageTranslatorPH a, 
.cufon-loading #props ul li > a, 
.cufon-loading article h1 div, 
.cufon-loading #innName, 
.cufon-loading #side .widgetCTA,
.cufon-loading #constantContact h2, 
.cufon-loading #ibePhone,
.cufon-loading .widgetIBE ul#extraLinks li a,
.cufon-loading #ibeAddress,
.cufon-loading article h2  {visibility:hidden;}

     /* MAPS & DIRECTIONS PAGE - pageid13113*/
     #pageid13113 #subNav { display: none; }
     #pageid13113 #content { width: 1100px; }


/* TITLEBAR ************************************************************************************************************** */
     
     #titlebar { background:url(titlebarBG.png);}
     
          .marketingPhoneShell { display:none; }

                    
                    #usabilityNav {  } /* dropdown container */
                    #usabilityNav ul {  }
                    #usabilityNav ul li { display: inline; }
                    #usabilityNav ul li .pageTranslatorPH { }
                    #usabilityNav ul li a {  color:#fbf2db; }
                    #usabilityNav ul li a:hover { color:#FFF; }    

                    /* set to "none" if using dropdown style utilNav */
                    #helpmenuShell div#usabilityNavDropDown div.noHover { display: block; }
                         a#bookNow {text-indent:-9999px; font-size:0; display:inline-block; height:38px; width:120px; background:url(bookNow.png) no-repeat; position:relative;}
                         a#bookNow:hover {background-position:0 -39px;}

                    /*kill the translate link */

                   #usabilityNav ul li#helpid2732{display:none;}
                   #usabilityNav ul li#helpid2725{margin:0; padding:0;}
               


/* HEADER **************************************************************************************************************** */
     
/* NAVIGATION */               
     #mainNav {
          background: #584422;
     }

          #mainNav ul li a { color: #fbf2db; border-left: 1px solid #664E27; border-right: 1px solid #423219; }
          #mainNav ul li a:hover, #mainNav ul li.current a { background: #664E27;  }
     
     #mainNav ul li.hover a { background: #72572C; }
     #mainNav ul li a.current {  }
     #mainNav ul li:first-child a { border-left: none; }
     #mainNav ul li.lastItem { }
          #mainNav ul li.lastItem a { border-right: none; padding-right: 11px;  }
     
     
     
     
          #mainNav ul ul { background-color: #352914; }
          #mainNav ul li.hover ul li {  }
          #mainNav ul li.hover ul li a { background: none; color:#fbf2db; border:medium none; }
          #mainNav ul li.hover ul li.hover a { color:#FFF;}
          #mainNav ul li.hover ul li.hover { background-color: #72572C; cursor:pointer;}
          #mainNav ul li.hover ul li a.current { color: FFF; background-color: #72572C;}
          
          
          /*special nav items need pointer cursors */
          
          #mainNav ul li#pageid10046 a:hover,  #mainNav ul li#pageid10030 a:hover {cursor:pointer;}
          
          
          
/* DRSB COLOR ************************************************************************************************************** */ 

.dk_options a:hover, .dk_options:focus, .dk_options .dk_option_current a { background-color: #584422; }

.dk_options .dk_option_current a {
    background-color: #584422;
    border-bottom-color: #0B3F77; }

.dk_options a { 
color: #584422;
}
         
             
.widgetIBE #submitButton, .flex-button { 
                                   
                                   background: #352914;
                                   background-image: -webkit-gradient(
                                   linear,
                                   left bottom,
                                   left top,
                                   color-stop(0.52, #352914),
                                   color-stop(0.52, #584422),
                                   color-stop(0.55, #584422));
                                   background-image: -o-linear-gradient(top, #352914 52%, #584422 52%, #584422 55%);
                                   background-image: -moz-linear-gradient(top, #352914 52%, #584422 52%, #584422 55%);
                                   background-image: -webkit-linear-gradient(top, #352914 52%, #584422 52%, #584422 55%);
                                   background-image: -ms-linear-gradient(top, #352914 52%, #584422 52%, #584422 55%);
                                   background-image: linear-gradient(to top, #352914 52%, #584422 52%, #584422 55%); 
                                   }
  
.widgetIBE #submitButton:hover, .flex-button:hover{    
background: #584422;
}   

.linkButton, #rfp .submit { background: #202541; cursor: pointer; }
.linkButton:hover, #rfp .submit:hover { background: #2f395c; }

.calShell {
     border-bottom: 1px solid #e4e4e4;
 }
 
 
 .widgetIBE input#checkinField, .widgetIBE input#checkoutField, .widgetIBE input#promoField, .widgetIBE input#iataField { color: #2d3550;}
 
#ibe .calendar {
     background: #fef0d6!important;
     border: 1px solid #7a6448;
 }
 
.calendar table {
     background: #fef0d6!important;
     color: #082f57;
     border: 1px solid #E1CA9F; 

}
 
.calendar thead .title {
     color: #584422;
 }
 

 
.calendar thead .name {
     color: #584422;
 }

 
.calendar thead .weekend {
     color: #584422;
}
 

 
     .calendar thead .headrow .button {
          color: #584422;
      }
 
          .calendar thead .headrow .button:hover {
               background: #584422;
           }
 
          .calendar thead .headrow .button .nav {
               font-size: 25px
          }
 

 
 .calendar tbody td.today {
      background: #EBD7B4;
      }
 
.calendar tbody td.weekend {
color: #584422
}
 
.calendar tbody td.false {
color: #584422
}
 
.calendar tbody td.selected {
     background: #584422;
     color: #fff;
 }
 
.calendar tbody td.disabled {
     color: #c8bda8;
 }
 
 
     .calendar tbody .rowhilite td.today.selected,.calendar tbody .rowhilite td.selected.weekend {
     background: #584422;
     }
 
     .calendar tbody .rowhilite td.hilite {
          background: #584422;        
      }
 
 
.calendar tfoot .ttip {
     background: #f9f6e5;
     color: #082f57;
 }
 

      
          
          
          
             

     
     
/* SIDE **************************************************************************************************************** */
     
     #side { padding: 0 0 0 52px; position:relative; z-index:1  }      
               
          #side .widgetCTA {  }
               
               #side .widgetCTALink {  }
               #side .widgetCTA a:hover {  } 
               
                    #side .widgetCTAimg {  }
                    #side .widgetCTA .widgetCTAHeaders { color:#FFFFFF; }
                    #side .widgetCTADescription { color:#FFF;  }
                    
          .socialToolbarWidget {  }
               div.socialToolbarLabel {  }   
               div.socialToolbarWidget ul { }
               div.socialToolbarWidget ul li {  } 


      #specialsCTA { background: url(bgSpecials.png) no-repeat;  }   
          #specialsCTA h2 { font-size: 22px; letter-spacing:-1px; color: white; font-weight:normal; } 
          #specialsCTA .frame { background: url('bgSpecialsFrameTop.png') no-repeat; padding: 15px 0 0 25px; width: 213px; }
          #specialsCTA .frame ul { list-style-type: none; margin: 6px 0 0 0; }
          #specialsCTA .frame li { color: #FFF; background: url(bulletNews.gif) no-repeat left 5px; }
          #specialsCTA .frameBottom { width: 248px; height: 14px; background: url(bgspecialsFrameBottom.png) no-repeat center bottom; }
          .frame .viewAll {text-align:right;}
           .frame .viewAll a {color:#FFF; font-weight:bold;}
           .ctaShadow {background:url("shadowCTA.png") no-repeat scroll 0 0 transparent;height:31px; width:248px;}

     #constantContact {background:url(signupCta.png) no-repeat; height:135px; width:302px;}
     #constantContact h2 {color:#FFF; text-transform:uppercase;}
     #constantContact .btn-primary { background-color:#562501; color:#FFF;}
     #constantContact .btn-primary:hover {cursor:pointer; background-color:#7a2303}
     
    
    /* SIDE 2 /prop bar **************************************************************************************************************** */

     
     
         #side2 {position:relative; z-index:99 }          
  





     #fbar { background-image:url(propbarBG.png); position:relative;}
     #fbar ul { text-align: center; }
     #fbar li { color:#d6c59f; }
     #fbar li a { color:#d6c59f; }
     #fbar li a span {background:none no-repeat scroll 0 0 #465113; text-align:left; visibility:hidden; border:5px solid #303710;}
     #fbar li a:hover { color:#FFF; background:transparent;}
     #fbar li a:hover span {visibility:visible;}  
     #fbar li a span img {border:1px solid #FFF; display:block; background:none; padding:0;}
     #fbar li span.eastBaySpan {position:absolute; left:70px;}
     #fbar li span.kehoeSpan {margin-left:-50px}
     #fbar li a img {background:#fff; border: solid 4px #FFF;}
     #fbar .center {border:none; outline:none;}

     
     
    
  

     
     
/* CONTENT ************************************************************************************************************* */

          
          #breadcrumbs { background: url("breadcrumbsBg.jpg") no-repeat;}
          #breadcrumbs ul  {  }
          
          
          .breadcrumbDivider, #breadcrumbs ul li a, #usabilityNav ul li a.current 
          { color: #648605;}
          
          #subNav { height: auto;  }
               #subNav ul { padding-bottom: 10px; }
               #subNav ul li {  }
               #subNav ul li a { color:#63451a;  }
               #subNav ul li a:hover, #subNav ul li.current a { color:#2c3501; }
               
               #subNavBottom { background: url(subNavBottom.png) no-repeat; height: 6px; left: -7px; position: relative; top: 6px; } 
          
          article { }
               
               article hgroup {  }
               
               article h1 { color:#3d4905; font-style:italic;  }
               article h2 { color:#a07d46; font-weight:normal; font-size:26px; margin:20px 0 2px;}
               article h3 { color:#a07d46; font-size:18px; font-weight:normal; margin:20px 0 2px }
               article h4 {margin:20px 0 2px  }
               article h5 {  }
               article h6 {  }
               article p {  padding:0 0 10px; }
               article ul {  margin:0 0 0 15px; }
               article li {  }
               article li a {  }
               article ul.noStyle, article ul.noStyle li { list-style: none; padding: 0; }
               
               .widgetSocialBookmarks { padding: 1.2em 0; }
               .googleMapWidget { margin: 1.2em 0; }
               .googleMapPointText { line-height: 120%; overflow: visible; }
    
               
               
               
               #pullQuote {float:right; font-size:16px; width:240px; font-style:italic; padding:12px; border:1px dotted #C7A06C; margin:20px; background-color:#f3eed5;}
               .readMore a {color:#531000; font-size:11px; font-weight:bold; text-decoration:none; float:right; padding-top:50px; font-style:normal;}
               .readMore a:hover {text-decoration:underline;}
               
               
               
                     
                /* FEATURE WIDGET */
               .btnFeature a { float: none; margin-bottom: 20px;  }
               .btn.btnFeature { margin-bottom: 36px; }
               .featurePic { height: 212px; margin-bottom: 15px; }
               .FeatureListingWidget hr { clear: both; }
               .FeatureListingWidget hr:last-child { display: none; }
               
               
/* ROOMS TOGGLE ********************************************************************************************** */

               .toggleContainer div { display: none; }
.toggleContainer div:first-child { display: block; }               
               
             
               
               
     /* FOOTER **************************************************************************************************************** */

     footer { position: relative; color:#7f5a25; background:url(footerBG.png); margin: 0 0 0 1px;  }
          
          footer nav {  }
               
               footer nav ul {  }
               footer nav ul li { display: inline; }
               footer nav ul li a { color:#55621a;  } 
               footer nav ul li.lastItem {  }
               footer nav ul li a:hover { text-decoration:none; }
          
          #address { color:#7f5a25; margin:0 0 20px; }
               
               .org, .adr, .tel { }
               .org { border-right:1px dotted #7F5A25; padding-right:10px; }
               .adr {  }
                    .street-address { border-right:1px dotted #7F5A25; padding-right:10px;}
                    .locality {padding-left:10px;  }
                    .region {  }
                    .postal-code {  border-right:1px dotted #7F5A25; padding-right:10px;  }
                    .country-name { display:none;  }
               .tel {  }
                    .tel .type {  }
                    .tel .value {  border-right:1px dotted #7F5A25; padding-right:10px;   }

                     .tel:last-child .value { border:medium none;   }

          
          #vizsig { margin: 0; padding-top: 85px; background: url(footerBoat.png) no-repeat center top; }
          #vizsig a { color:#6e2601; }
          
          
          
          
          /******************** CALENDAR ********/
          
          
input, textarea {border:1px solid #C7A06C;}
#command #emailAddr { border: 1px solid black; width: 145px; }

#logo {top: 1px;}
#pageid10228 #subNav, #pageid10235 #subNav, #pageid10062 #subNav,  #pageid10073 #subNav,  #pageid10904 #subNav,   #pageid9695 #subNav  {display:none;}

a {outline: none; }

 table.checkboxlist input, #rfp table.radiobuttonlist input, #rfp span.checkbox input { margin:0 10px; width: auto; border:medium none; } 
 .required {float:right;}
 
select { border:1px solid #C7A06C;}
dd.stateother {display:none;}

#headerShell  {  background-position: 1px top; }
/* hide flex dates cta on all but IBE*/


#flexCTA {display:none;}

.ibeEnginePage #flexCTA {display:block;}
.ibeEnginePage #side .codeWidget, .ibeEnginePage #side .widgetCTA {display:none;}