﻿/* MINI-RESET ************************************************************************************************************* */

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

/* apply a natural box layout model to all elements */
*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
 
section, header, footer, nav, article, aside, 
hgroup, button, address, detail, output { display: block; }

.dk_toggle { height: 35px; }


/* GENERAL **************************************************************************************************************** */
     
     body { font-family:georgia, serif; line-height:140%}
     #shell { position: relative; width:1163px; margin:0 auto;  }     
     .container { max-width: 1100px; margin: 0 auto; position: relative; }
     a {  }
     a:hover { text-decoration: none;  }
     .imgRight { float: right; margin: 0 0 5px 12px; }
     .imgLeft { float: left; margin: 0 12px 5px 0; }
     .twoCols { float: left; width: 50%; } 
     .clear { clear: both; }
     img.center { display: block; margin: 0 auto; }
     
     .imgRight, .imgLeft {
border: 5px solid #FFF;

padding: 1px; }
     
     
     
     hr { line-height: 100%; border: none; border-top: 1px solid #000; margin: 20px 0; }
     body#rfp { background: none; } 
     div.widgetPhotoGallery {text-align:left;}
     
     
     #rfp .submit { width: 140px; }
     .linkButton, #rfp .submit { 
          color: #fff;
          padding: 11px;
          text-decoration: none;
          border: 0;
          -webkit-border-radius: 4px;
          -moz-border-radius: 4px;
           border-radius: 4px; 
     }     
     
     .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, 
     .cufon-loading #ibe,
     .cufon-loading #headerShell { display: none; }

     
     

/* TITLEBAR ************************************************************************************************************** */
     
     #titlebar { position: relative;  z-index: 4; height: 90px; width: 100%; }
     
          .marketingPhoneShell { display: none; }
               
               .marketingPhoneMessage {  }
               .marketingPhoneNumber {  }
               
          #logo { position: relative; height: 90px;  width:400px; float:left; left:31px; top:-4px;  }
               #logo a { display: block; }
               #logo a img {  }
                    
                    
          #helpmenuShell { float: right; width: 460px; text-align:right; padding: 0; margin: 2em 3em 0 0; }
          #helpmenuShell a {text-decoration:none;}
               
                   #usabilityNavText { display: none; }
                    
                    #usabilityNav {  } /* dropdown container */
                    #usabilityNav ul {  }
                    #usabilityNav ul li { display: inline;  font-size:11px; font-weight: bold; margin: 0 0 0 5px; padding: 0 7px 0 7px; border-right: 1px solid #90836d; }
                    #usabilityNav ul li .pageTranslatorPH { display: none; }
                    #usabilityNav ul li a { text-decoration: none; }
                    #usabilityNav ul li a:hover { }  
                    #usabilityNav ul li.lastItem { border-right: none; padding-right: 0; }   
               

                    /* set to "none" if using dropdown style utilNav */
                    #helpmenuShell div#usabilityNavDropDown div.noHover { display: block; }
                    #helpmenuShell .textWidget { color: #fff; display: block; font-size: 16px; }
          

               
           

/* HEADER **************************************************************************************************************** */
     
      .homepage #headerShell { position: relative; max-width: 1100px; height: 560px; z-index:1;  background-repeat:no-repeat; clear: both; }
      #headerShell { position: relative; max-width: 1100px; height: 316px; z-index:1;  background-repeat:no-repeat; clear: both; }
     
     
          .homepage #header { position: relative; width: 100%; height: 560px;  overflow:hidden; }
          #header { position: relative; width: 100%; height: 316px;  overflow:hidden; }                 
          
          #headerImg  { /*background:url(headerImgBG.png) no-repeat;*/ position: relative; }     
          
               .stathdrimgCaption { position: absolute; top: 15%; left: 0; width: 350px; padding: 15px; background: rgb(18, 40, 63); background: rgba(18, 40, 63, .8); color: #FEFFCF; font-size: 22px; text-shadow: 0 1px 0 #000;  }
          
               /* FLEXSLIDER Styles */
               
               .flexslider { height: 560px; }
               .flex-control-nav { bottom: 0; }               
              
           
                                        
                    
/* FLEX SLIDER **************************************************************************************************************** */

          
          .flex-control-paging li a {
                background: #fef0d6;   
           }
           
             .flex-control-paging li a:hover { 
                  background: #ccb791; 
                  border: 0;
             }
          
          .flex-control-paging li a.flex-active { background: #ccb791; }    
          
          
          .flex-caption:before { 
               content: '';
               background: url(flexBefore.png) no-repeat;
               height: 16px;
               display: block;
          }
          

          
               .flex-caption { 
                    padding: 25px 20px;
                    width: 321px;
                    font-family: Georgia, serif; 
                    text-align: center;
                    left: 55%;
                    bottom: 90px;
                    background: url(flexMiddle.png) repeat; 
                    padding: 0;
               }
                
                
                 
         .flex-caption:after {
              /* content: '';
               position: absolute;
               width: 93%;
               height: 93%;
               border: 1px solid #bbbbbb;
               left: 12px;
               top: 11px;*/
               content: '';
               background: url(flexAfter.png) no-repeat; 
               height: 16px;
               display: block;
        }
                 
                     .flex-heading, .flex-subheading { 
                          display: block; 
                          margin: 0 0 .25em; 
                     }
                
                    .flex-heading { 
                          
                         font-family: Georgia, serif; 
                         line-height:31px; 
                         padding: 0 20px; 
                         margin: 0; 
                    }
                    
                    .flex-subheading { 
                         
                         font-family: Georgia, serif; 
                         font-size: 21px; 
                         margin-bottom: 7px; 
                         line-height: 30px; 
                         padding: 0 20px;
                    }
                    
                    .flex-border {
                          background: url(borderPowerphrase.png) no-repeat center bottom; 
                          display block; 
                          height: 2px; 
                          margin: 15px auto 20px auto;
                     }

                    .flex-caption p { 
                         
                         font-family: Georgia, serif; 
                         font-size: 16px; 
                         line-height: 22px; 
                         margin-bottom: 0; 
                         padding: 0 20px;
                    }
                    
                    .flex-caption li { 
                         font-size: 16px;
                    }
                    
                    .flex-button { 
                                   font-weight: normal;
                                   display: inline-block;
                                   color: #fbf2db;;
                                   -webkit-border-radius: 4px;
                                   -moz-border-radius: 4px;
                                   border-radius: 4px;     
                                   color: #fbf2db;
                                   border-bottom: 1px solid #626885;
                                   margin: 13px 0;
                                   font-size: 16px;
                                   padding: 5px 10px;
                                   cursor: pointer;
                    }   

                    
                        
                     .flexslider a { 
                              -moz-transition: .25s;
                              -ms-transition: .25s;
                              -o-transition: .25s;
                              -webkit-transition: .25s;
                      }
                    
                    .flexslider a:hover .flex-button:hover { 
                     text-decoration: none;
                                   
                     }
                    
                    .flexslider:hover .flex-prev { left: 50px; opacity: 1 }
                    .flexslider:hover .flex-next { right: 50px; opacity: 1 }
                    
                    .flexslider:hover .flex-prev:hover { left: 50px; opacity: .8 }
                    .flexslider:hover .flex-next:hover { right: 50px; opacity: .8 }
                    
                   
                    
                    .flex-control-nav { bottom: 20px; }
                         .flex-direction-nav a { 
                              background: url(flexNavArrow.png) no-repeat 0 0; 
                              width: 52px; 
                              height: 51px;
                              }
                         
                         .flex-direction-nav .flex-prev { left: -59px; }
                         .flex-direction-nav .flex-next { right: -59px; }                    
                    
          
/* NAVIGATION  ********************************************************************************************************* */
     
  #mainNav { display: block; clear: both; position: relative; z-index:88; width: 100%; height: 36px; }  
     #mainNav ul { line-height: 100%; font: 14px/14px georgia; font-weight:bold; position: relative; margin: 0 auto; height: 36px; }
     #mainNav ul li { display: block; line-height: 100%; list-style: none; float: left; position:relative;}
     #mainNav ul li a { cursor: pointer; line-height: 100%; text-decoration: none; position: relative; display: block; padding: 12px 11px 12px 12px; font-size: 12px; color: #fbf2db;} /* padding top and bottom needs to expand to cover entire height */
     #mainNav ul li a:hover { }
     #mainNav ul li.hover a { background: #8D692E;}
     #mainNav ul li a.current {  }
     #mainNav ul li.lastItem a { border-right: none;   }
     #mainNav ul li.lastItem a:hover { cursor: pointer;}
     
          #mainNav ul ul { height:auto; left:0; margin:0;  position:absolute; width:184px; top: 36px; position:absolute; display:none; z-index:99; padding: 10px 0 10px 0;
          }
          
          #mainNav ul li.hover ul li {  height: 100%; float: none; margin: 0 0 .25em; border: none; line-height:100%; width:100%; 
           }
          #mainNav ul li.hover ul li a { line-height: 18px;   padding:8px 10px 8px 10px; border:medium none; display: block; background: none; color: #333333; letter-spacing:0; font-size: 12px;  height:100%; width:100%; }
          #mainNav ul li.hover ul li.hover a, #mainNav ul li.hover ul li a.current { }
           
          
               #mainNav ul ul ul {display: none; top: 0px; left: 184px; /*this should be changed to secondarys width */ }
               #mainNav ul li.hover ul li.hover ul li {  }
               #mainNav ul li.hover ul li.hover ul li a { background: none; color: #E1DABF; } 
               #mainNav ul li.hover ul li.hover ul li.hover a, #mainNav ul li.hover ul li.hover ul li a.current { }
                
     
     #mainNav > ul > li > a:hover { cursor:default; }

     

/* IBE ***************************************************************************************************************** */
          

#ibe {
     position: relative;
     background: url("ibeBgNew.jpg") repeat scroll 0 0 #fff;
     height: 86px;
     padding-top: 14px;
     top: 0; 
     left: 0; 
     width: 100%; 
     font-family: Arial; 
     font-size: 11px; 
     text-align:center; 
     z-index: 9
 }
 
     #ibe br { display: none; }
     
     
.widgetIBE { 
    height: 65px; 
    padding: 0; 
    margin: 0;
     float: none;
     width: auto;
 }
             
#innName {
     display: block;
     float: left;
     text-transform: uppercase;
     font-size: 14px;
     font-weight: bold;
     left: 15px;
     position: relative;
     padding: 0;
 }




.widgetIBE input#checkinField, .widgetIBE input#checkoutField, .widgetIBE input#promoField, .widgetIBE input#iataField {
     background: url("checkBg.png") no-repeat;
     border: none;
     height: 35px;
     padding: 0 0 0 10px;
     font-size: 11px;
 }



.widgetIBE select {
     border: none;
     }
     

.widgetIBE #ibeHeaderShell {
     display: none;
     }
     
     .widgetIBE #ibeHeaderLabel { display: none; }

.widgetIBE #roomsLabel {
     position: static;
     text-transform: capitalize;
     font-size: 11px;
 }


      
             .widgetIBE #adultsShell { 
                       clear: none; 
                       position: relative; 
                  }
                  
                    .widgetIBE #adultsLabel { 
                              text-transform: capitalize;
                              font-size: 11px;
                              display: block; 
                          }

.widgetIBE #childrenShell {
     display: block;
     }

.widgetIBE #checkinShell, .widgetIBE #checkoutShell { 
     position: relative; 
     padding: 0; 
     margin: 0 1em 0 0;  
     float: left; 
     width: 166px; 
}

.widgetIBE #checkinField, .widgetIBE #checkoutField { 
     width: 166px; 
}
               
.widgetIBE #adultsShell, .widgetIBE #childrenShell, .widgetIBE #roomsShell { 
     padding: 0; 
     width: 50px; 
     margin: 0 1em 0 0; 
}
               
.widgetIBE #roomsShell { 
     position: relative;
     clear: none; 
     float: left; 
}

        
                  
               .widgetIBE #extraInputsShell { 
                       clear: none; 
                       float: left; 
                       padding: 0; 
                       margin: 0 40px 0 0; 
                  }
               
               .widgetIBE #submitShell { 
                       clear: none; 
                       padding: 0; 
                       margin: 1em 0 0; 
                       float: left; 
                  }



.widgetIBE label {
     display: block;
     text-align: left;
     }

.widgetIBE #submitButton {
     -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
     border-radius: 4px;
     height: 40px;
     text-indent: 0;
     color: #fbf2db;
     font-size: 18px;
     font-family: Georgia, serif;
     padding: 0 10px;
     width: 100%;
     cursor: pointer;
     display: block;                      
     border: none;
     outline: none;
     -moz-transition: .5s;
     -ms-transition: .5s;
     -o-transition: .5s;
     -webkit-transition: .5s;
     transition: .5s;
 }

     .widgetIBE #submitButton:hover {
     
      }

.widgetIBE #checkinField, .widgetIBE #checkoutField {
     width: 160px;
     }
     
     
     
     .widgetIBE #extraLinksShell { display: none; }
       .widgetIBE ul#extraLinks li a { 
             font-weight: bold; 
             font-size: 14px; 
             text-decoration: none; 
        }
        
        
#avCal {
     text-indent:-999px; 
     display:block; 
     height:46px; 
     width:142px; 
     margin:0 auto;
     }


.widgetIBE #checkinShell, .widgetIBE #checkoutShell {
     width: auto;
     }

.widgetIBE #extraInputsShell {
     margin: 0 14px 0 0;
     }

#ibe label {
     text-align: left;
 }
 
 #checkinCalendarIcon, #checkoutCalendarIcon { display: none; }
 
              
               
/* RFP CAL POP & CAL POP**************************************************************************************************************** */
               

.calShell {
     margin-top: 20px;
     border-bottom: 1px solid #e4e4e4;
     padding-bottom: 16px;
 }
 
#ibe .calendar {
     margin: -3px 0 0 4px;
     border: 0;
     font-size: 10px;
     line-height: 13px;
     top: 5px!important;
     left: 33px!important;
     font-family: georgia, serif;
 }
 
.calendar table {
     background: 0;
     font-family: georgia, serif;
     font-size: 11px;
 }
 
     .calendar table td {height: 11px; width: 20px}
 
.calendar thead .button {
     background: 0;
     border: 0;
     padding: 1px 0
 }
 
.calendar thead .title {
     background: 0;
     font-size: 18px;
     height: 30px;
     font-weight: normal;
     border: 0;
 }
 
.calendar thead .hilite {border: 0}
 
.calendar thead .name {padding: 0}
 
.calendar thead .name {
     background: #fff;
     border: 0;
     padding: 8px 5px;
 }
 
.calendar thead .daynames {padding: 4px 0}
 
.calendar thead .weekend {}
 
.calendar thead .headrow {
     height: 30px;
     font-size: 23px;
}
 
     .calendar thead .headrow .button {
          font-size: 15px;
          border: 0;
          text-transform: capitalize;
      }
 
          .calendar thead .headrow .button:hover {
               font-weight: normal;
               cursor: pointer;
               border: 0;
               font-weight: normal;
               color: #ffffff;
           }
 
          .calendar thead .headrow .button .nav {font-size: 25px}
 
.calendar tbody td.day {
     padding: 5px;
     font-size: 11px;
     text-align: center
 }
 
 .calendar tbody td.today {
      }
 
.calendar tbody td.weekend {

}
 
.calendar tbody td.false {

}
 
.calendar tbody td.selected {
     color: #fff;
     border: 0
 }
 
.calendar tbody td.disabled {
     font-style: normal;
     text-decoration: none;
 }
 
.calendar tbody .rowhilite td { background: 0}
 
     .calendar tbody .rowhilite td.today.selected,.calendar tbody .rowhilite td.selected.weekend {}
 
     .calendar tbody .rowhilite td.hilite {
          border: 0;
          color: #fff;
          font-weight: bold;
          cursor: pointer
      }
 
.calendar thead .headrow .button:hover {font-weight: normal;}
 
.calendar tfoot .ttip {
     border: medium none;
 }
 
 .calendar { border: 0; }







     
/* SIDE **************************************************************************************************************** */
     
     
     #side { position: relative; width:312px; float:left; background:url(sideBG.png) right center no-repeat;   }    
          
          #viewCollection a { margin: 0 auto; }  
     
     
        #specialsCTA { margin-left:10px; }  
                  #specialsCTA .frame li { font-family: georgia, serif; font-size: 11px; color: #FFF; padding: 0 0 3px 13px; background: url(bulletNews.gif) no-repeat left 2px; }
  
        .ctaShadow {margin-left:10px;}        
          #side .widgetCTA { height:116px; position:relative; margin-bottom:20px; }
               
               #side .widgetCTALink { text-decoration:none;  }
               #side .widgetCTA a:hover {  } 
               
                    #side .widgetCTAimg { background:none no-repeat scroll 0 0 transparent; display:block; height:140px; width:302px;  }
                    #side .widgetCTA .widgetCTAHeaders { display:block; font-size:26px;   margin: -135px 0 0 35px; }
                    #side .widgetCTADescription {  font-size:16px; margin:-100px 0 0 35px;  }
                    
          .socialToolbarWidget {  }
               div.socialToolbarLabel {  }   
               div.socialToolbarWidget ul { }
               div.socialToolbarWidget ul li {  } 
               
               #constantContact {padding-left:25px; width:200px;}
               #constantContact h2 {font-size:15px;  padding-top:16px; position:relative; z-index:100;}
               #constantContact .btn-primary {font-family:georgia; font-size:10px; margin-left:0; padding:2px; text-transform:uppercase;}
               #constantContact form {width:100px;}



    
     /* SIDE IBE FOR BOOKING ENGINE */
         #side #ibe{ height:515px; margin:0; padding:0; position:relative; left:-30px; }
         #side #ibe .widgetIBE {padding: 0 0 0 73px;}   
         #side #innName {  padding:100px 0 0 0; width:294px; } 
         #side #ibePhone, #side #ibeAddress {padding:0;}


#side #ibe {display:none;}


#ibePhoneNumber { display: block; font-size: 16px; margin: 0 1em 0 0; }

.ibeEnginePage #side #ibePhoneNumber {display:block;}


/* SIDE 2 ************************************************************************************************************* */        
          
      #side2 { clear: both; }
      #props { width: 888px; margin: 0 auto; }
           #props ul li:first-child span { margin: -200px 0 0 -167px; }
          
      #fbar{ padding-top:11px; background-repeat:no-repeat; height: 265px; display: block; }    
      #fbar ul { }   
      #fbar li { float:left; width: 122px; height:137px; list-style-type:none; margin:0 26px 0 0; }
      #fbar li:last-child { margin: 0; }
           #fbar li a { text-decoration: none; font-size: 15px; display: block; }
                #fbar li a img {padding:2px; margin: 0 0 4px; display:block }
                     #fbar li a span {position:absolute; padding:10px;  margin:-200px 0 0 -155px; text-align:left; visibility:hidden; font:normal 11px/18px "Trebuchet MS", Tahoma, Arial, Verdana, sans-serif;}


  

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

     #contentShell { position: relative; overflow: auto; width: 100%; clear: both; padding: 4em 0 0; background: url(contentbg.jpg) no-repeat #FEF0D6; }
          .homepage #content { width: 100%; }
          #content { width: 800px; padding: 0 50px; float: left;} 
          .fullWidth #content { width: 100%; }
          
          /* BREADCRUMBS ****************************************** */
          
          .homepage #breadcrumbs {  }
          #breadcrumbs { clear: both; position: relative; top: 0; left: 0; height: 27px; font-family: Arial; }
               #breadcrumbs ul { font-size: 13px; text-align: right; padding: 5px 10px 0 0; }
               #breadcrumbs ul li { display: inline; }
               #breadcrumbs ul li a { text-decoration: none; font-size: 13px; font-weight: normal  }
                    #breadcrumbs ul li a:hover { color: #fbf2db; }
                    
                    #breadcrumbs ul li.lastItem { color: #fbf2db; }


          
          #subNav { float: left; min-height: 375px; margin: -56px 0 0; width: 240px; padding-top: 60px; text-align: center; background: url(subNavBg.jpg) repeat-x;  }
          #subNav .flex-border { margin: 8px auto 9px auto;}
               .currPageTitle, .currPageTitle2 { margin: 0 0 1em; font-size: 22px; line-height: 27px; }
               #subNav ul { margin: 0 0 1em 0;  }
               #subNav ul li {line-height: 1.75em; list-style-type:none; padding:0; }
               
               #subNav ul li a { display: block; padding: 6px 0;}
              #subNav ul li a:hover { background: #EBD7B4;}
               
               #subNav ul li.lastItem { border: 0; }
               
               #subNav ul li.current a { font-family: Georgia }
               #subNav ul li a { font-size: 15px; text-decoration:none;  }
          
          article { padding-bottom:100px; line-height: 22px;  }
               
               article hgroup {  }
               
               article h1 { font-size: 35px; font-style: normal; font-weight: bold; margin: 0 0 1em;  }
               article h2 { margin: 0 0 1em; font-weight:normal; font-size: 22px;  }
               article h3 { margin: 0 0 1em; }
               article h4 { margin: 0 0 1em; }
               article h5 {  }
               article h6 {  }
               article p { margin: 0 0 1em; }
               article ul { margin: 0 0 35px 15px; }
               article li { margin: 10px 0 10px 15px;  }
               article li a {  }
               article ul.noStyle, article ul.noStyle li { list-style: none; padding: 0; }
               
               .widgetSocialBookmarks { padding: 1.2em 0; }
               .googleMapPointText { line-height: 120%; overflow: visible; }
               
               
               /* SWIPEBOX Photo Gallery Widget */
               
               .SwipeboxGallery11Widget { padding: 15px; }               
               
               

/* FOOTER **************************************************************************************************************** */

     footer { position: relative;  text-align:center; padding:24px 0  0 0;}
          
          footer nav { padding:0 0 21px 0; }
               
               footer nav ul {  }
               footer nav ul li { display: inline; }
               footer nav ul li a { padding:0 15px; font-size:12px; }
               footer nav ul li.lastItem {  }
               footer nav ul li a:hover {  }
          
          #address { font-size:11px;  }
               
               .org, .adr, .tel { margin: 0 15px 0 0;}
               .org { font-weight: bold; }
               .adr {  }
                    .street-address {  }
                    .locality {  }
                    .region {  }
                    .postal-code {  }
                    .country-name {  }
               .tel {  }
                    .tel .type { font-weight:bold;  }
                    .tel .value { }
          
          #vizsig { padding:10px 0; }
          #vizsig a { }
          
          
/* TRANSITIONS **************************************************************************************************************** */
        
          
          
          #mainNav ul li a, #breadcrumbs ul li a, #subNav ul li a,  #mainNav ul li.hover ul li, .linkButton, #rfp .submit, #usabilityNav ul li a, .flex-button { 
                               -moz-transition: .25s;
                              -ms-transition: .25s;
                              -o-transition: .25s;
                              -webkit-transition: .25s; 
                              }