@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300);
/* CSS Document - Author: Intergage */

/* =============================================================================
   Base
   ========================================================================== */

body {margin: 0; font-size: 14px; line-height: 1.6; color:#3a3a3a; font-family: 'Roboto Condensed', sans-serif; background: #eee;}

::-moz-selection { background: #97D4DD; color: #fff; text-shadow: none; }
::selection { background: #97D4DD; color: #fff; text-shadow: none; }

/* =============================================================================
   Links
   ========================================================================== */

a, a:link { color: #2797F0; font-family: 'Roboto Condensed', sans-serif;}

a:visited { color: #2797F0; }
a:hover { color: #72E2FF; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

/* =============================================================================
   Typography
   ========================================================================== */

h1, .h1 {font-family: 'Roboto Condensed', sans-serif; font-size: 35px; color:#0057a6; font-weight: 700;}
h2, .h2 {font-family: 'Roboto Condensed', sans-serif; font-size: 18px; color:#0057a6; font-weight: 700;}
h3, .h3 {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color:#696e74; font-weight: 400;}
h4, h5, h6 {font-family: 'Roboto Condensed', sans-serif; font-size: 16px; color:#696e74; font-weight: 400;}
p, td, li, dd {font-size: 16px; font-family: 'Roboto Condensed',Helvetica,sans-serif;}
  
/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
.ArrowsList {margin-bottom: 20px;}
.ArrowsList ul {padding: 0 0 0 20px;}
.blueBoxList {}
.blueBoxList li span, .blueBoxList li a {vertical-align:top;}

/* =============================================================================
   Site Structure - Mobile First
   ========================================================================== */

/* Header Styles */
.container {width: 100%; max-width: 960px; background: #fff; margin: 0 auto; -webkit-box-shadow: 0 0 0 0 #d8d8d8; box-shadow: 0 0 0 0 #d8d8d8; position: relative; display: block;}
.header{position: relative;}
.logo{margin-left: 10px; position: relative; z-index: 5; margin-top: 8px;}
.social{margin-top: 20px;}
.header {position: relative; padding-top: 45px;}

/* Input Styles */
input[type="text"] {max-width: 85%;}
textarea {max-width: 85%;}

/* Banner Styles */
.banner {position: relative; clear:both; border-top: 0px solid #AEA190;}
.standard .banner {padding-bottom: 10px;}
.banner p {padding: 0; margin: 0;}
.banner {top: 10px;}
.banner img, .responsive {max-width: 100%; height: auto;}
.smoothTabs img {width: 100%;}
.smoothTabs {position: relative; padding-bottom: 53%;}
.smoothTabs ul, .bannerCTA, .bannerCTAEnd {display: none;}
.smoothTabsDivHidden, .smoothTabsDivVisible {position: absolute;}
.smoothTabsDivVisible {z-index: 3;}
.smoothTabsDivHidden {display: none; z-index: 1;}

/* Menu Styles */
.menu {position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; }
.nav {overflow: hidden; background: #52504e;}
.nav.closed {height: 46px;}
.mobileNav {position: relative; padding: 0 20px; height: 50px; background: #323130;
   background: -moz-linear-gradient(top,  #323130 0%, #52504e 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#323130), color-stop(100%,#52504e));
   background: -webkit-linear-gradient(top,  #323130 0%,#52504e 100%);
   background: -o-linear-gradient(top,  #323130 0%,#52504e 100%);
   background: -ms-linear-gradient(top,  #323130 0%,#52504e 100%);
   background: linear-gradient(to bottom,  #323130 0%,#52504e 100%);
   filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#323130', endColorstr='#52504e',GradientType=0 );}
.mobileNav .siteNavTitle {padding: 14px 15px; cursor: pointer; height: auto; margin: 0; color: #fff; float: right; font-family: 'Roboto Condensed',sans-serif;}
.mobileNav .nav-btn {position: absolute; right: 10px; bottom: 32px;}
.mobileNav .icon-bar {background: #F5F5F5; -webkit-border-radius: 1px; border-radius: 1px; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); display: block; height: 2px; width: 18px; margin: 3px 0;}
   .nav li a {padding: 10px 20px; font-size: 16px; border-top: 1px solid #666; font-family: 'Roboto Condensed',sans-serif; color: #fff;}
   .nav li a:hover, .nav li.cur a, .nav li.poc a {text-decoration: none; background: #666;}


.subNav li.headpage {border-bottom: 2px solid #004993; margin-bottom:10px;}
.subNav a.headpage, .subNav span.headpage {color: #014995; font-family:'Roboto Condensed',sans-serif; font-size: 18px; font-weight: 400; margin-bottom: 10px;}
.subNav li a, .subNav li span {color: #333333; font-size: 14px; font-family: 'Roboto Condensed', padding: 5px; font-weight: 300;}
.subNav li span {font-weight: 600;}


/* SIDEBAR NAVIGATION */
.side_nav {position:relative;margin-bottom: 20px;}
.side_nav li {float:left; margin-right: 2px; background: #aea190;}
.side_nav li {float:none; margin:0;}
.side_nav li.last {margin:0;}
.side_nav li a, .side_nav li span {padding: 10px 6px; border: none; font-size: 15px; color:#fff; text-decoration:none; margin: 2px 0px;}
.side_nav li.lev2.child {background: #666; padding-left: 10px;}
.side_nav li a.lev2, .side_nav li span.lev2 {font-size: 13px;}
.side_nav li:hover {background: #92897e;}
.side_nav li.lev2:hover, .side_nav li.lev2.cur {background: #4d4d4d;}
.side_nav li span.lev2.cur, .side_nav li a.lev2.cur {font-size:13px;}
.side_nav li.cur {background: #92897e;}
   
.news_articles table tr td .ThemeItemLinkNormal a {color: #fff; font-size: 13px; padding-left: 5px;}
.news_articles {background: #8ebecc; padding: 5px 10px; border: 1px solid #6f9daa;}
.news_articles h2 a {color: #fff;font-size: 18px;padding: 0;margin: -5px;
margin-left: 0;}
.news_articles h2 a:hover {color: #fff; text-decoration: none;}


/* Content and Footer Styles */  
.mid {padding: 20px; background: #f6f6f6; min-height: 300px; position: relative; border-bottom: 0px solid #8EBECC;}

.bottom {display: block; border-top: 0px solid #f6f6f6; min-height: 50px;
background: #0057a6;
border-bottom: 0px solid #ffffff;}
.bottom p, .bottom li, .bottom a{color:#fff; font-size: 11px; font-family: 'Roboto Condensed', Helvetica, sans-serif; position: relative;}
.bottom a:hover, .bottom li:hover a:hover {text-decoration: underline; color: #007287;}
.bottom h3 {font-family: 'Roboto Condensed', sans-serif; font-weight: 600; margin: 0; padding: 0; color: #fff; font-size: 15px;}
.bottom .width30 {margin-right: 13px; padding-right: 8px;}  
.bottom ul {padding: 0 0 0 15px; list-style: square;}
.bottom-left {float: left; width: 55%; padding: 20px 2%;}
.bottom-right {display: none;}
.footer-info{border-top: 0px solid #8EBECC; padding: 0 20px; color: #007287;}
.footer-info p {font-size: 11px;}
.footer-info a, .footer-info a:hover {color: #007287;}
.intergage {display: block; position: absolute; right: 20px; bottom: 5px;}
.intergage a {color: #FFF; font-family: 'Roboto Condensed',Helvetica,sans-serif; font-size: 11px;}

/* =============================================================================
   Other Classes
   ========================================================================== */

/* Mobile Styles */

.withWidth {width: 100%;}
.hideOnMobile {display :none;}
.showOnMobile {display: block;}

/* Search Styles */

.searchBoxForm input{vertical-align: top;}
.sbtn {position: relative; left: -4px;}
.searchBoxInput {height: 14px;}

/* Twitter Section Styles */
div.twitter {padding: 10px; background: #fff; list-style:none; margin: 10px; box-shadow: inset 1px 1px 5px 0px rgba(0, 0, 0, 0.5); }
.twtr-ft {display: none;}

/* White Box Styles (Also see style manager) */

.whiteBox {clear: both;}
.whiteBox h3{margin: 0; font-weight: 800;}
.whiteBox ul {padding: 0 0 0 30px; list-style-type: square;}
.whiteBox ul li {color: #6a9b00;}
.whiteBox a.ig_gallery {border: 1px solid #fff;}

/* Light Brown Box Styles (Also see style manager) */

.lightBrownBox h2 {color:#A89367; background: none; margin: 0;}
.lightBrownBox h2 a {color:#A89367; background: none;}
.lightBrownBox hr {color: #fff; border-color: #fff; margin: 5px 0;}

.mapContainer {display: none;}

/* Main Section Styles */

.designed {position: absolute; bottom: 5px; left: 20px; font-size: 36px; color: #36aabf; font-family: 'Roboto Condensed', sans-serif;}
.readmoreOpen {display: block; padding: 0 3px 0 30px; color: #6a9b00; cursor: pointer; margin: 10px 0 20px 0;}
.facilitieslinks {display: none;}
.home-left iframe {margin: 20px;}

/* Tab Styles */

.igtabcontent {border: 1px solid #ccc; margin-bottom: 10px;}
.igtabcontent img.responsive {width: 100%;}
.igtabheading {color: #aea190; background: #F6F6F6; font-weight: bold; margin: 0 5px 0 0; padding: 10px; border: 1px solid #ccc; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.igtabheading.igcurtab {background: #fff; border-bottom: 1px solid #FFFFFF; color: #333;}
/* Checkout Styles */

.ResultsRow1 td {padding: 5px}
.ResultsRow2 td {padding: 5px}

/* Misc Styles */

.fadeIn {-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; opacity:0.8;}
.fadeIn:hover {opacity:1;}

.roomproduct {background-color: #97D4DD; padding: 10px}

.tableroomsmall td {font-size: 11px}
.SimpleProductListProductName {font-size: 11px}

.wbtheader {border-bottom: 4px solid #004993; height: 90px; position: relative; background-color: #DDE4E4; }
.wbtlogo {width: 400px; margin: 20px 0 0 20px; float: left; position: relative; z-index: 999;}

.ctabuttonblue a{font-family: 'Roboto Condensed', Helvetica, sans-serif; font-size: 14px; color: #ffffff; padding: 5px 20px; display:inline-block; text-shadow:0px 1px 0px rgba(0,0,0,0.4); border: 1px solid #2ea8eb; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.ctabuttonblue a:hover{text-decoration:none; background-position:0 -29px; position:relative; top:1px; color:#fff;}

.ctabuttongreen a{font-family: 'Roboto Condensed', Helvetica, sans-serif; font-size: 14px; color: #ffffff; padding: 5px 20px; display:inline-block; text-shadow:0px 1px 0px rgba(0,0,0,0.4); border: 1px solid #68CD04; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px;}
.ctabuttongreen a:hover{text-decoration:none; background-position:0 -29px; position:relative; top:1px; color:#fff;}

/* Contact Form */
.contactForm input, .contactForm textarea {
    border-radius: 0;
    padding: 5px 10px;
    font-size: 15px;
    width: 94%;
}

.contactForm input.besendbtn {
    width: auto;
}

.contactForm legend {
    padding-top: 20px;
    display: block;
    font-size: 20px;  line-height: 1;  min-height: 32px;  color: #005FA5;
    text-transform: uppercase;
    font-weight: 400;
}

.contactForm td.FormFieldHelp {
    background: none;
}

.contactForm fieldset.FieldsetNoBorder {
    display: none;
}

.contactForm legend.LegendHide {
    display: none;
}

input.beresetbtn {
    width: auto;
}

/* =============================================================================
   Responsive Elements
   ========================================================================== */

   @media screen and (max-width: 400px) {
   
   img {float: none!important;}
   .home-left img { display: block;}
   p:after {content: ""; width: 10em; overflow: hidden;}
   iframe {margin: 0;}  
   .header {padding-top: 0;}
        .logo {margin-top: 58px;}
   
}

@media screen and (max-width: 499px) {

   .readmore, .readmoreOpen {display: none!important}
   .readmore.showOnMobile {display: block!important}
   
}

@media screen and (min-width: 500px) {

        .logo {float: left;}
        .social {height: 30px; float: right; margin-top: 20px; background: url(/hres/white_fade_bg.png) repeat; padding-top:5px; position: relative; z-index: 4;}

   /* Banner Styles */
   .bannerCTA {display: inline; bottom: 70px; color: #FFF; font-family: 'Roboto Condensed',sans-serif;
 font-size: 27px; left: 0; padding: 2px 20px 3px 20px; position: relative;}
   .banner a:hover {text-decoration: none;}
   .bannerCTAEnd {bottom: 74px; left: 0px; padding: 12px 17px; display: inline;  height: 38px;
   position: relative; width: 38px;}
   
   /* Other Styles */
   .hideOnMobile {display: block;}
   .showOnMobile {display: none;}
   
   /* Call to Actions */

   .sidebarBox {width: 46%; float: left; margin: 1%;}
   .ctabluebox .ctaHeader, .ctabluebox .ctaHeader a {color: #fff; font-family: 'Roboto Condensed', sans-serif; margin: 0; display: block; padding: 2px 5px 0 5px;}
   .ctabluebox h3 {font-size: 24px;}
   .ctabluebox h4 {font-size: 18px;}
   .ctabluebox a {color: #1E64A1;}
   .ctaHeader {}
   .ctaHeader.twitter {background: url(/hres/twitter_logo_small.png) no-repeat 95% 50%; color: #3e3e3e; font-size: 18px;  margin: 0; display: block; padding: 7px 10px 0;}
   .ctaHeader a,.phoneNumber a {padding: 5px 10px; display: block; }
   .ctabluebox hr {margin: 0px 10px; color:#fff; border-color: #fff;}
   .ctabluebox p {padding-left: 10px; padding-right: 10px;}
   .ctabluebox .phoneNumber, .ctabluebox .phoneNumber a {color: #fff; font-family: 'Roboto Condensed', sans-serif; font-weight: 600; font-size: 24px; margin: 0; text-decoration: none;}
   .ctabluebox .ThemeItemLinkArrow {display: none;}
   .ctabluebox .ThemeItemLinkNormal a, .ctabluebox .ThemeMoreLinkNormal {color: #3e3e3e; font-family: 'Roboto Condensed', sans-serif; font-weight: 400; font-size: 12px; padding: 5px 10px; display: block;}
   .ctabluebox .ThemeMoreLinkNormal a:link, .ctabluebox .ThemeMoreLinkNormal{color: #3e3e3e; font-family: 'Roboto Condensed', sans-serif; font-weight: 600; font-size: 12px; text-decoration:none;}
   .ctabluebox .greyHeader a{color: #3e3e3e; font-weight: 600; font-family: 'Roboto Condensed', sans-serif;}
   .ctabluebox .greyHR {color: #3e3e3e; border-color: #3e3e3e;}
   .blueHR {color: #004993; background: #004993; border: 1px solid #004993;}
   .testimonials {float: right; position: relative; width: 225px; z-index: 3; margin-right: 50px; line-height: 1.4; padding: 5px 170px 15px 5px; height: 80px; overflow: hidden;}
   .testimonials p { text-align: right; margin: 2px 0;}
   .bottomCTAs {float: left; position: relative; width: 380px; z-index: 3; margin-left: 50px; line-height: 1.4; padding: 5px 10px; height: 90px; overflow: hidden;}
   .bottomCTAs h3, .bottomCTAs a {margin: 0; color: #3A3A3A;}
   
   /* Map Styles */

   .mapContainer {display: block; position: relative;}
   .tooltipContainer {background: #FFFFFF; border-radius: 7px; bottom: 10px; box-shadow: 2px 2px 4px 1px rgba(0, 0, 0, 0.3);
   padding: 5px; position: absolute; right: 10px; width: 160px; z-index: 999; display: none;}
   .tooltipContainer p {font-size: 12px;}
   .tooltipContainer p.description {display: none;}
   .tooltipContainer span {font-size: 20px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; color: #333;}
}

@media screen and (min-width: 600px) {
   
        .bottom-right {display: block; float: right; width: 40%;} 

   /* Banner Styles */
   .smoothTabs ul {display: block; position:absolute; bottom: 20px; right: 20px; background: url(/hres/white_fade_bg.png) repeat; padding: 0 5px; list-style: none; z-index: 999;}
   .smoothTabs ul li {background: #60615c; margin: 5px 0; padding: 5px 20px; color: #fff; cursor: pointer;}
   .smoothTabs ul li.smoothTabsLiCurrent {background: #FFF;}
}

@media screen and (min-width: 700px) {
   
   .facilitieslinks {display: table;}
   .facilitieslinks {color: #8195AE; font-size: 26px; font-style: bold; background: url(/hres/white_fade_bg.png) repeat;}
   .facilitieslinks a {color: #8195AE; font-size: 26px; font-style: bold; vertical-align:middle; }
   .facilitieslinks img {padding: 3px;}
   .bottom-image .facilitieslinks {display: none;}
   .planbanner a {font-size: 20px; line-height: 40px;}
   .banner .facilitieslinks{position: absolute; bottom: 10px; z-index: 10; padding: 10px;}
   .banner .facilitieslinks a {  padding: 5px 5px 4px 5px; color: #014995;}
   
   /* Colorbox Styles */

   #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
   #cboxOverlay{position:fixed; width:100%; height:100%;}
   #cboxMiddleLeft, #cboxBottomLeft{clear:left;}
   #cboxContent{position:relative;}
   #cboxLoadedContent{overflow:auto;}
   #cboxTitle{margin:0;}
   #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
   #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
   .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none;}
   .cboxIframe{width:100%; height:100%; display:block; border:0;}
   #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;}
   
   #cboxOverlay{background:#000;}
   #colorbox{}
      #cboxTopLeft{width:25px; height:25px;}
      #cboxTopCenter{height:25px;}
      #cboxTopRight{width:25px; height:25px;}
      #cboxBottomLeft{width:25px; height:25px;}
      #cboxBottomCenter{height:25px;) repeat-x 0 -75px;}
      #cboxBottomRight{width:25px; height:25px;}
      #cboxMiddleLeft{width:25px;}
      #cboxMiddleRight{width:25px;}
      #cboxContent{background:#fff;}
         .cboxIframe{background:#fff;}
         #cboxError{padding:50px; border:1px solid #ccc;}
         #cboxLoadedContent{margin-bottom:20px;}
         #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
         #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
         #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
         #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
         #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
         #cboxLoadingOverlay{background:#fff;}
         #cboxClose{position:absolute; top:-28px; right:-28px; display:block; color:#444;}
   
   .cboxIE #cboxTopLeft,
   .cboxIE #cboxTopCenter,
   .cboxIE #cboxTopRight,
   .cboxIE #cboxBottomLeft,
   .cboxIE #cboxBottomCenter,
   .cboxIE #cboxBottomRight,
   .cboxIE #cboxMiddleLeft,
   .cboxIE #cboxMiddleRight {
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
   }
   
}

@media screen and (min-width: 767px) {

   .header {padding-top: 0;}

.side_nav {position:relative;margin-bottom: 20px;}
   
   .menu {position: absolute;}
   .nav {position: absolute; top: 75px; right: 0; background: url(/hres/white_fade_bg.png); padding: 5px 0 0 5px;}
   .nav .mobileNav {display: none;}
   .nav li, .side_nav li {float:left; margin-right: 2px; background: #0057a6;}
      .side_nav li {float:none; margin:0;}
   .nav li.last, .side_nav li.last {margin:0;}
   .nav li a, .side_nav li a, .side_nav li span {padding: 10px 6px; border: none; font-size: 15px; font-weight: 700; color:#fff; text-decoration:none}
   .wbtmenu {float: right; top: -40px; position: relative; width: 210px;}
.side_nav li.lev2.child {background: #666; padding-left: 10px;}
.side_nav li a.lev2, .side_nav li span.lev2 {font-size: 13px;}
.side_nav li:hover {background: #696e74;}
.side_nav li.lev2:hover, .side_nav li.lev2.cur {background: #696e74;}
.side_nav li span.lev2.cur, .side_nav li a.lev2.cur {font-size:13px;}
.side_nav li.cur {background: #92897e;} 
 
/* Menu Styles */
.nav li {
    background: #2797f0;/* Old browsers */
    background: 
    -moz-linear-gradient(top,  #2797f0 0%, #0057a6 100%);/* FF3.6+ */
    background: 
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2797f0), color-stop(100%,#0057a6));/* Chrome,Safari4+ */
    background: 
    -webkit-linear-gradient(top,  #2797f0 0%,#0057a6 100%);/* Chrome10+,Safari5.1+ */
    background: 
    -o-linear-gradient(top,  #2797f0 0%,#0057a6 100%);/* Opera 11.10+ */
    background: 
    -ms-linear-gradient(top,  #2797f0 0%,#0057a6 100%);/* IE10+ */
    background: linear-gradient(to bottom,  #2797f0 0%,#0057a6 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2797f0', endColorstr='#0057a6',GradientType=0 );/* IE6-9 */
}

.nav li a:hover, .nav li.cur a, .nav li.poc a {
    background: #666666;/* Old browsers */
    background: 
    -moz-linear-gradient(top,  #666666 0%, #999999 100%);/* FF3.6+ */
    background: 
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#666666), color-stop(100%,#999999));/* Chrome,Safari4+ */
    background: 
    -webkit-linear-gradient(top,  #666666 0%,#999999 100%);/* Chrome10+,Safari5.1+ */
    background: 
    -o-linear-gradient(top,  #666666 0%,#999999 100%);/* Opera 11.10+ */
    background: 
    -ms-linear-gradient(top,  #666666 0%,#999999 100%);/* IE10+ */
    background: linear-gradient(to bottom,  #666666 0%,#999999 100%);/* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#666666', endColorstr='#999999',GradientType=0 );/* IE6-9 */
}




  
}

@media screen and (min-width: 900px) {
   
   .nav li a, .side_nav li a, .side_nav li span {padding: 8px 17px;}
   
   .home-left{float: left; width: 70%; position: relative; z-index: 5;}
   .home-main{float: right; padding: 0px 20px 20px 20px; position: relative; z-index: 5;}
   .home-right{float: left; width: 27%; margin-left: 3%; position: relative; z-index: 5; margin-bottom: 20px;}
   .home-full {float: left; padding: 0px 0px 0px 0px; width: 900px; position: relative; z-index: 5; min-height: 500px}

      
   .tooltipContainer p.description {display: block;}
   .tooltipContainer {width: 295px;}
   
   /* Bottom of Page Images */
   
   .image-container {position: absolute; bottom:0; left: 0; height: 400px; width: 100%; z-index: 1;}
   
   .sidebarBox {width: auto; margin: 10px 0 15px; float: none;}
}

@media screen and (max-width: 959px){

  .hideOnTablet {display: none;}

  html:not(.tableroomsmall) .tableroomsmall th, 
  html:not(.tableroomsmall) .tableroomsmall td {
    font-size: 0;
    padding: 0;
    content: "";
    height: 7px;
  }
  html:not(.tableroomsmall) .tableroomsmall {
    position: relative; 
    overflow: hidden;
  }
  html:not(.tableroomsmall) .tableroomsmall:before {
    content: "Room Capacity Table: Tap to View";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.6);
    color: #fff;
    font-weight: bold;
    font-size: 1em;
    text-align: center;
    vertical-align: middle;
    z-index: 100;
    font-family: Helvetica, sans-serif;
 
  }
 html.tableroomsmall .tableroomsmall {margin-top:50px;}
 html.tableroomsmall .tableroomsmall:before {
    content: "";
    display: block;
    background: #333;
    padding: 10px;
  }
  
  html.tableroomsmall .tableroomsmall:before{
    content: "Back";
    position: absolute;
    top: 0;
    left: 15px;
    padding: .5em 1em;
    margin: 10px 0;
    font-weight: bold;
    color: #fff;
    background: #000;
    border: 1px solid #fff;
  }
  html.tableroomsmall .container, html.tableroomsmall .mid {background: none; filter: none; -webkit-box-shadow: none; box-shadow: none;}
  
   /* around here we could use the HTML class to hide all other content on the page aside from the table */
  html.tableroomsmall .header, html.tableroomsmall .readmoreOpen, html.tableroomsmall .footer, html.tableroomsmall .bottom, html.tableroomsmall .home-left, html.tableroomsmall .home-right {
    display: none; 
  }
  html.tableroomsmall .tableHide .home-left{display: block;}
 
 }

@media screen and (min-width: 959px) {
   
   .bottom-right {display: block; float: right; width: 259px; padding: 20px 20px 20px 0;}
}


/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after, .container:before, .container:after { content: ""; display: table; }
.clearfix:after, .container:after { clear: both; }
.clearfix, .container { *zoom: 1; }

/* =============================================================================
   Print Styles
   ========================================================================== */

@media print {
  * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}