/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */
body 
{
    background-color:#8A7D72;
    font-weight:normal;
    color:#000000;
    font-size:1.7rem;
} 

#printTitle 
{
    display:none
}

#printBanner
{
    display:none
}

/* #Page Styles
================================================== */
.container 
{
    background-color:#FFFFFF;
}

/* Banner Image The Irish Cottage Boutique Hotel */
#banner 
{
    /*background-color:#374768;*/
    background-color:#853413;

}
#banner img 
{
    margin: 0px auto;
    display:block;
    margin-top:1.4rem;
}

#printBanner img 
{
    margin: 0px auto;
    display:block;
    margin-top:1.4rem;
}

#menu
{
    padding-top:.6em;
    padding-bottom: .6em;
    background-color:#374768;
    background-color:#374768;

}
#menu ul
{
    margin-bottom:0;
    margin-left:16.5rem;
}

#menu ul li 
{
    float:left;
    display:block;
    margin: 0 0 0 0 ; 
}

#menu a 
{
    text-decoration: none;
    display:inline-block;
    margin-right:4.5rem;
    margin-bottom:0;
    color:#FFFFFF;
    font-size: 2.5rem;
    font-family: "Lora";
    line-height: 4rem;
}

/* Menu for mobile displays - menu and book a stay icons */
#mobileMenu 
{
    background-color: #853413; 
    color:#ffffff;
    display:none; /* Hide for large displays*/
}

#mobileMenu img 
{
    margin: 0px auto;
    display:block;
}

#mobileMenu p 
{
    float:left;
    width:50%;
    margin-bottom:.6rem
}

h5
{
    font-family: "Lora"; 
    font-style:italic;
    font-size: 1.8rem; 
    text-align:center;  
    margin-bottom:1rem;
}

h4
{
    font-family: "Lora"; 
    font-style:italic;
    font-size: 1.5rem; 
    margin-bottom:1rem;
}

#spaMenu
{
    padding-top:.6em;
    padding-bottom: 1.4em;
}
#spaMenu ul
{
    margin-bottom:0;
    margin-left:10rem;
}

#spaMenu ul li 
{
    float:left;
    display:block;
    margin: 0 0 0 0 ; 
}

#spaMenu a 
{
    text-decoration: none;
    display:inline-block;
    margin-right:3rem;
    margin-bottom:0;
    color:#000000;
    font-size: 1.6rem;
      font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 4rem;
}

#spaMenuListWrapper
{
    display:none;margin: 0 auto;width:220px;
}

#spaMenuListWrapper .ui-selectmenu-button.ui-button {width:20rem}

#spaMenuListWrapper .ui-widget 
{
    font-size: 1.5rem;
}

#spaMenuListWrapper .ui-button
{
    background-color:#ffffff;
}
#spaMenuList 
{
    margin: 0 auto;width:220px;
}
/* Book A Stay */
#bookAStay
{
    background-color: #853413;
    color:#FFFFFF;
    padding-top:.8rem;
    margin-top:0;
    /*line-height:1.4;*/
}
#bookAStay div  /*Each element in the Book A Stay banner */
{
    display:inline; 
    float:left;
    margin-left:1rem;
}
#bookAStay .header 
{
    /*margin-top:2.4rem;*/
    margin-left:7rem;
}
#bookAStay input, #bookAStay select
{ 
    display: inline; 
    font-size:1.4rem;
}
#bookAStay p 
{
    display: inline;
    font-size: 1.2rem;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom:0;
    line-height:1.4rem;
}
#bookAStay h5 
{
    display: inline; 
    font-family: "Lora";
    font-size: 2.5rem;
    font-style:normal;
    color:#FFFFFF;
}
#bookAStay .button
{
    color: #ffffff; 
    background-color:#B86E08;
    font-size:1.6rem;
    font-weight:600; 
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#bookAStay label
{
    display:inline;
    font-size: 1.4rem;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    margin-bottom:0;
}
#bookAStay form 
{
    margin-bottom:0;
}
#bookAStay input, #bookAStay textarea, #bookAStay select, #bookAStay fieldset 
{
    margin-bottom:0;
}
#bookAStay .help 
{
    float:left;
    margin-left:2rem;
    /*margin-top:1.4rem;*/
}
#bookAStay .bookButton 
{
    /*margin-top:2.4rem;*/
}
#reservationWrapper label
{
    display:inline;
}

.hidden
{
    display:none;
}

#reservationWrapper
{
    margin: 0px auto;
    text-align:center;
    width:100%;
}

 #reservationWrapper input, #reservationWrapper select
{ 
    display: inline; 
    /*font-size:1.4rem;*/
}

#reservationWrapper .ui-widget 
{
    font-size: 1.6rem;
}

#reservationWrapper .ui-button
{
    background-color:#ffffff;
}

#reservationWrapper img
{
    position:relative;top:13px;
}

#reservationWrapper .ui-selectmenu-button.ui-button {width:10rem;}

.reservation
{
    display:inline; 
    /*float:left;*/
    margin-left:2rem;
}

/* Welcome section of the home page */

#welcome, #IC_base
{
    font-size: 1.7rem;
}

#welcome h1, #IC_base  h1
{
    font-family: "Lora"; 
    font-weight:600;
    font-size: 2.5rem; 
    text-align:center;  
    margin-bottom: 0;
}

#IC_base h1 {margin-bottom:2rem;}

#welcome h2, #IC_base h2
{
    font-family: "Lora"; 
    font-weight:600;
    font-size: 2.5rem; 
    text-align:left;  
    margin-bottom: 0;

}

.IC_base h3
{
    font-weight:600;
    font-size: 1.8rem; 
    text-align:left;  
    margin-bottom: 0;
    color:#000000;
}

.welcome h4, .IC_base h4
{
    font-size: 2.2rem; 
    font-weight:600;
    margin-bottom:.6rem;
}

#welcome h5, #IC_base h5
{
    font-family: "Lora"; 
    font-style:italic;
    font-size: 1.8rem; 
    text-align:center;  
}

.welcome h6, .IC_base h6
{
    font-size: 1.8rem; 
    font-weight:600;
    margin-bottom:0;
}

.textSection h6
{
    font-size: 1.8rem; 
    font-weight:600;
    margin-bottom:2.0rem;
}
#welcome .signature
{
    font-family: Rock Salt;
    font-size: 1.7rem; 
    margin-bottom: 0;
    float:right; 
    margin-right:10rem;
} 

#welcome .signature2
{
    font-family: Lora;
}

.welcome, .IC_base, .spa, .whiskey
{
    margin-top:2rem; 
    margin-left:4rem; 
    margin-right:4rem;
}
.IC_base ul {margin-left:2rem;}

.whiskey
{
    margin-top:0;
}
.content 
{
    text-align:center;
    font-size:1.6rem;
}
.content .columns,
.rooms .columns
{
    margin-left: 0; 
    margin-right: 0; 
}
.content .eight.columns,
.rooms .eight.columns
{ 
    width: 600px; 
}

.content h2 
{
    font-family: "Lora"; 
    font-weight:600;
    font-size: 2.5rem; 
    /*margin-bottom: .6rem;*/
}

.content h3 
{
    font-family: "Lora"; 
    font-weight:600;
    font-size: 2.5rem; 
    margin-bottom: .6rem;
}
.content .button,
.rooms .button,
.thumbnail .button,
.spaInfo .button,
.IC_base .button,
#newsletterSignUp .button, 
#reservationWrapper .button
{
    color:#FFFFFF; 
    background-color: #29333f;
    font-size:1.6rem;
    font-weight:600;
}

#newsletterSignUp .button
{
    /*margin-left:178px;*/
}


.content .textSection   
{
    margin-left:5rem;
    margin-right:5rem;
    /*margin-top:3rem;*/
}

/* Rooms */
.rooms 
{
    font-size:1.6rem;
}

.rooms .four.columns 
{ 
    width: 240px; 
}
.rooms h2 
{
    font-family: "Lora"; 
    font-weight:600;
    font-size: 2.5rem; 
    margin-bottom: 1.6rem;
    text-align:center;  
}


.rooms .textSection
{
    margin-left:4rem;
    margin-right:3rem;
}

.rooms .roomsList
{
    margin-left:5rem;
    margin-right:0rem;
}

.rooms hr 
{
    margin-top:3rem;
}

.rooms .text2 {display:none;}

.photoButtons, .photoButtons2, .irmButtons, .irmButtons2
{
     text-align:center;
     /*margin-top:1.4rem;*/
}

.photoButtons .leftMargin,
.photoButtons2 .leftMargin,
.irmButtons .leftMargin,
.irmButtons2 .leftMargin
{
/*    margin-right:10rem;  */
}

/*.photoButtons {display:block;}
.photoButtons2 {display:none;}*/ 
.irmButtons {display:block;}
.irmButtons2 {display:none;} 
 
.content ul {text-align:left;}
.contentList p {margin-left:10rem;margin-bottom:0;}
.packageCode {font-style:italic;margin-top:0;margin-bottom:0;}

.irmPhotos, .irmFAQs
{
     background-color:#d7bb9e;
}
/* Pub Menu */
.menu h3
{
    font-weight:600;
    font-size: 1.8rem; 
    text-align:left;  
    margin-bottom: 0;
    margin-left:5rem;
}

.menu p
{
    margin-left:5rem;
    margin-right:5rem;
}

/* Draught Beers */
.menu,
.beers, 
.beerList, 
.whiskey, 
.whiskeyList, 
.massage,
.spa
{
    font-size: 1.7rem;
}

.beers h1, .whiskey h1, .massage h1, .menu h1, .spa h1 
{
    font-family: "Lora"; 
    font-weight:600;
    font-size: 2.5rem; 
    text-align:center;  
    margin-bottom: 0;
}

.menu h1, .whiskey h1
{
    margin-bottom:2rem;
}
.beerList h3, .beers h3, .whiskeyList h3, .whiskey h3, .massage h3, .spa h3
{
    font-weight:600;
    font-size: 1.8rem; 
    text-align:left;  
    margin-bottom: 0;
}

.beers h3, .beers p, .whiskey h3, .whiskey p, .massage p, .massage h3, .spa p, .spa h3
{
        margin-left:5rem;
        margin-right:5rem;
}
.beerList h3, .beerList p, .whiskeyList h3, .whiskeyList p
{
    margin-left:25rem;
}

.whiskeyList p, .whiskey p
{
    margin-bottom:0
}

.whiskeyList h3, .whiskey h3
{
    margin-top:2rem;
}

.spaService {
    font-weight:600;
    font-size: 1.8rem; 
    text-align:left;  
    margin-bottom: 0;
}

.spa ul
{
    margin-bottom:0;
    margin-left:6rem;
}
.spaInfo
{
    text-align:center;
}
.spaInfo h4 {
    font-family: "Lora"; 
    font-size: 2.0rem; 
    font-weight:600;
    margin-bottom:.6rem;
    text-align:center;
}
.spaInfo p {
    text-align:center;
    font-size:1.7rem;
}
/* Thumbnail section */
.thumbnail 
{
    text-align:center;
    font-size:1.6rem;
}
.thumbnail h4 
{    
    font-family: "Lora"; 
    font-weight:600;
    font-size: 2.5rem;
    margin-bottom:.6rem;
}

.thumbnail {margin-bottom:3rem;}

.internImg {margin-bottom:10px; text-align:center;}

#leftImage { display:none; }

/* Icons */
#icons 
{
    text-align:center;
    font-size:2.5rem;
    margin-bottom:2rem;
    line-height:1.2;
}
#icons img 
{
    margin: 0px auto;
    display:block;
}
#icons p 
{
    float:left;
    width:50%;
}

/* Icon colors */
.Gift_Cards {color:#C6930A;}
.Events_Holidays {color:#29333f;}
.Galena_Itineraries {color:#2f5f2f;}
.Dubuque_Restaurant {color:#72523f;}



/* Newsletter banner */
#newsletter
{
    background-color: #853413;
    color:#FFFFFF;
    padding-top:.5rem; 
    /*padding-bottom:.7rem;*/
}
#newsletter input 
{ 
    display: inline; 
    margin-bottom:0;
    margin-left:2rem;
}
#newsletter label 
{
    display: inline-block;
    margin-left: 9rem;
    margin-bottom: 0;
}

#newsletter button 
{
    margin-bottom:0;
}
#newsletter #email 
{
    width:500px;
}
#newsletter .button 
{
    color: #ffffff; 
    background-color:#b86e08;
    font-size:1.6rem;
    font-weight:600; 
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-left:2rem;
}

#newsletter p
{
    text-align:center;
    margin-bottom:0;
}

#newsletter form 
{
    margin-bottom:0
}
#newsletter input, #newsletter textarea, #newsletter select, #newsletter fieldset 
{
    margin-bottom:0
}

/* newsletter sign up form*/
#newsletterSignUp
{
    font-size: 1.7rem;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight:normal;
    /*margin-left: 4rem;*/
}
#newsletterSignUp label
{
    /*display: inline;
    margin-bottom: 0;*/
    font-size: 1.7rem;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight:normal;
            display: inline-block;
            /*width: 175px;
            text-align: right;*/
}

#newsletterSignUp  .chkbox label{display:inline-block;text-align:left;}

#newsletterSignUp p
{
    margin-bottom:0;
}
#newsletterSignUp td
{
    padding: 0 0;
    border-bottom-width:0px;
}
#newsletterSignUp input
{
    margin-bottom:0;
    padding-top:0;
    padding-bottom:0;
    font-size:1.6rem;
    font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
    font-weight:normal;
}

#newsletterSignUp button
{
    padding:0;
    margin-top:1rem;
    width:24rem;
}
hr 
{
    width:50%;
}

.full-width
{
    width:100%;
}

.left-margin 
{
    margin-left:20px; 
}

/* Footer */
#footer 
{
     text-align:center;
     font-size:1.6rem;
     margin-bottom:2rem;
     padding-bottom:2rem;
}
#footerImages img 
{
    margin: 0px auto;
    display:block;
}
#footerImages 
{
    margin-top:3rem;
    margin-bottom:3rem;
}

#footer a {
    color: #000000;
    /*text-decoration: none;*/
}

/* Music Calendar */
/*body {
    font-family: Tahoma;
}*/

header {
    text-align: center;
    border-top: 1px solid #000000;
    padding-top:1rem;
    padding-bottom:1rem;
}

#header2 {
    display:none;
    margin-top:2rem;
}
#calendar {
    width: 100%; 
    font-size:1.5rem   
}

#calendar-wrap h2
{
    font-family: "Lora"; 
    font-weight:600;
    font-size: 2.5rem; 
    margin-bottom: 2rem;
    text-align:center;
    display:inline;
}

#calendar-wrap .button,
.irmCarouselNav .button
{
    color:#FFFFFF; 
    background-color: #000000;
    font-size:1.6rem;
    font-weight:600;
    margin-bottom:0;
}

#calendar a {
    color: #8e352e;
    text-decoration: none;
}

#calendar ul {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

#calendar li {
    display: block;
    float: left;
    width:14.342%;
    padding: 5px;
    box-sizing:border-box;
    border: 1px solid #ccc;
    margin-right: -1px;
    margin-bottom: -1px;
}

#calendar ul.weekdays {
    height: 40px;
    background: #000000;
}

#calendar ul.weekdays li {
    text-align: center;
    text-transform: uppercase;
    line-height: 20px;
    border: none !important;
    padding: 10px 6px;
    color: #fff;
    font-size: 13px;
}

#calendar .days li {
    height: 180px;
}

#calendar .days li:hover {
    background: #d3d3d3;
}

#calendar .date {
    text-align: center;
    margin-bottom: 5px;
    padding: 4px;
    /*background: #333;
    color: #fff;*/
    color:#333333;
    /*width: 20px;
    border-radius: 50%;*/
    float: right;
    font-size:2.0rem;
}

#calendar .event {
    clear: both;
    display: block;
    font-size: 15px;
    /*border-radius: 4px;*/
    padding: 5px;
    margin-top: 40px;
    margin-bottom: 5px;
    line-height: 16px;
    /*background: #e4f2f2;*/
    /*/*border: 1px solid #b5dbdc;*/*/
    color: #009aaf;
    background: #ededed;
    text-decoration: none;
}

#calendar .event-desc {
    color: #000000;
    margin: auto 0;
    text-decoration: none;  
    text-align:center;
}

#calendar .other-month {
    background: #f5f5f5;
    color: #666;
}

#calendar-wrap {
    margin: 0 2.5rem;
}
#calendar-wrap .arrow {
    text-align: center;
    margin-bottom: 5px;
    padding: 4px;
    background: #333;
    color: #fff;
    /*color:#333333;*/
    width: 20px;
    border-radius: 50%;
    /*float: right;*/
    font-size:2.0rem;
}
#siteMap
{
    margin-top:5rem;
}
#siteMap a
{
    display:block;
    color:#000000;
}
#siteMap ul
{
    margin-left:5rem;
}
#siteMap li 
{
    list-style:none;
}
img.center 
{
    display: block;
    margin:auto;
}

.img-responsive
{
    max-width:100%;
    height:auto;
}

img.left
{
    float:left;
    margin: 0 1rem 0 1rem;
}
img.right
{
    float:right;
    margin: 0 0 1rem 1rem;
}

.img-wrap {}

.handCursor 
{
    cursor:pointer;
}

.video-container
{
    position:relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow:hidden;
}

.video-container iframe,
.video-container object,
.video-container embed 
{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.faqs
{
    margin:0 10rem;
}
#weddingPhotosMore {display:none;}

#privacyDiv 
{
    margin-left:4rem;
}
.boldText {font-weight:bold}
.italicText {font-style:italic}
.smallText {font-size:1.4rem}

#ui-datepicker-div { font-size:14px; }

.ui-button {font-size:14px;padding: .3rem .5rem;}
.ui-selectmenu-button.ui-button {width:3rem;}
.ui-widget {font-size: 1.4rem;}

.ui-corner-all
{
    border-radius: 0;
}

/* Color of date picker current date */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
    border-color:#c5c5c5;
    background-color:#f6f6f6;
    color:#000000;
}

/* Color of date picker selected date */
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
    border-color:#000000;
    background-color:#105388;
    color:#FFFFFF;
}



input[type="text"], input[type="email"], textarea { 
 outline: none; 
 box-shadow:none !important; 
 border:1px solid #ccc !important; 
 } 
 
.no-top-margin
{
    margin-top:0;
}

.no-bottom-margin
{
    margin-bottom:0;
}

.nextBtn
{
    text-align: center;
    margin-bottom: 5px;
    padding: 4px;
    background: #333;
    color: #fff;
    width: 40px;
    border-radius: 10%;
    font-size:2.0rem;
}

#ResRest2 .ui-selectmenu-button.ui-button {width:13rem;}
#ResTime2 .ui-selectmenu-button.ui-button {width:9rem;}

#marktwain {padding-bottom: 1em;}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
    @media only screen and (min-width: 959px) and (max-width: 1199px) {
        #menu ul  { margin-left:12rem; }
        #menu a { margin-right:3rem; font-size: 2.2rem; line-height: 3rem;}

        #spaMenu ul { margin-left:3rem;}
        #spaMenu a { margin-right:1.5rem; font-size: 1.6rem; line-height: 4rem; }

        #bookAStay div {display:inline; float:left;margin-left:1.0rem;}
        #bookAStay .header { margin-left:1rem;}
        #bookAStay h5 {font-size: 2rem;}
        #bookAStay label {font-size: 1.1rem; line-height: 1.4rem; }
        #bookAStay input, #bookAStay select {font-size: 1.4rem;margin-bottom:1.2rem;}
        #bookAStay .button {font-size: 1.4rem;}
        #bookAStay .header { margin-left:1rem;}

        #newsletter input {margin-left:1rem;}
        #newsletter label { margin-left:2rem;}
        #newsletter #email {width:350px;}
        #newsletter .button {color: #ffffff; background-color:#b86e08;font-size:1.6rem;font-weight:600; font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}

        .content .textSection {margin-top:0;/*margin-bottom:2rem*/;margin-right:2rem;margin-left:2rem}   
        .content .textSection ul {margin-left:2rem;}    
        .content .eight.columns { width: 480px; }

        .rooms .eight.columns { width: 480px; }
        .rooms .four.columns { width: 180px; }
        .rooms .textSection {margin-left:2rem;margin-right:2rem;/*margin-bottom:2rem*/}
        .rooms .roomsList {margin-left:5rem;margin-right:1rem;}
        .rooms .text1 {display:none;}
        .rooms .text2 {display:block;}

        .photoButtons .leftMargin, .photoButtons2 .leftMargin { margin-right:0rem; }
        /*.photoButtons {display:block;}
        .photoButtons2 {display:none;}*/  
        .irmButtons .leftMargin, .irmButtons2 .leftMargin { margin-right:0rem; }
        .irmButtons {display:none;}
        .irmButtons2 {display:block;}  

        .contentList p {margin-left:8rem;}
        .content .four.columns { width: 200px; }

        .beerList h3, .beerList p { margin-left:15rem; }
        .whiskeyList h3, .whiskeyList p { margin-left:15rem; }
        #header2 {display:none;}
    }

	/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
        #menu ul { margin-left: 10rem; }
        #menu a { margin-right: 2rem; font-size: 1.8rem; line-height: 3rem; }

        #spaMenu ul {display: none;}
        #spaMenuListWrapper {display:block;}

        #bookAStay div {display: inline; float: left; margin-left: .8rem; }
        #bookAStay .help {float: left; margin-left: 1rem;}
        #bookAStay p {font-size: 1.1rem;display:none;}
        #bookAStay h5 {font-size: 2rem;}
        #bookAStay label {font-size: 1.1rem; line-height: 1.4rem; display:block}
        #bookAStay input, #bookAStay select {font-size: 1.2rem;margin-bottom:1.2rem;}
        #bookAStay .button {font-size: 1.2rem;}
        #bookAStay .header { margin-left:1rem;}
        #bookAStay .ui-widget {font-size:1.2rem}

        #newsletter input { margin-left: .5rem; }
        #newsletter label { margin-left: 10px; font-size: 1.6rem; }
        #newsletter #email { width: 280px; }
        #newsletter .button { font-size: 1.4rem; }

        .content .textSection { margin-left: 2rem; margin-right: 2rem; margin-top: 0;/*margin-bottom:2rem;*/}
        .content .textSection ul {margin-left:1.5rem;}    

        .content .eight.columns { width: 384px; }
        .content {font-size: 1.4rem;}
        .content h3, .content h2 {font-size: 2rem; }

        .rooms .eight.columns { width: 384px; }
        .rooms .four.columns { width: 160px; }
        .rooms .textSection {margin-left:1rem;margin-right:1rem;/*margin-bottom:2rem;*/}
        .rooms .roomsList {margin-left:3rem;margin-right:.1rem;}
        .rooms .text1 {display:none;}
        .rooms .text2 {display:block;}
        /*.rooms .roomsList {margin-left:0;margin-right:0;padding-left:3rem;padding-right:.1rem;}*/
        .spaInfo p { font-size:1.5rem;}
        .photoButtons .leftMargin, .photoButtons2 .leftMargin { margin-right:0rem; }
        /*.photoButtons {display:block;}
        .photoButtons2 {display:none;}*/   
        .irmButtons .leftMargin, .irmButtons2 .leftMargin { margin-right:0rem; }
        .irmButtons {display:none;}
        .irmButtons2 {display:block;}                      
        .contentList p {margin-left:4rem;}
        .beerList h3, .beerList p { margin-left:10rem; }
        .whiskeyList h3, .whiskeyList p { margin-left:10rem; }

        .faqs{ margin:0 5rem;}
        #header2 {display:none;}
        .img-wrap { max-width: 60%;}
        #siteMap {font-size:1.6rem;}

    }
	/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    #menu {
        display: none;
    }

    #bookAStay {
        display: none;
    }

    #mobileMenu {
        display: block;
    }

    #spaMenu ul {
        display: none;
    }

    #spaMenuListWrapper {
        display: block;
    }

    .content .eight.columns {
        width: 420px;
    }

    #welcome .signature {
        font-size: 1.4rem;
        margin-right: 0;
    }

    #welcome .signature2 {
        font-size: 1.4rem;
    }

    .IC_base ul {
        margin-left: 2rem;
    }

    #newsletter {
        text-align: center;
    }

        #newsletter #email {
            width: 340px;
            text-align: center;
            margin-bottom: .8rem;
        }

        #newsletter input {
            margin-left: 0;
        }

        #newsletter label {
            margin-left: 0;
            font-size: 1.8rem;
        }


    #bookAStay div {
        display: block;
        float: left;
        margin-left: .5rem;
    }

    #bookAStay .header {
        display: none;
    }

    #bookAStay .help {
        float: left;
        margin-left: 1.0rem; /*margin-top: 1.2rem;*/
    }

    #bookAStay p {
        font-size: 1.2rem;
    }

    #bookAStay label {
        font-size: 1.2rem;
        line-height: 1.8rem;
        display: block;
    }

    #bookAStay input, #bookAStay select {
        font-size: 1.4rem;
    }

    #bookAStay .button {
        font-size: 1.4rem;
        margin-left: 0;
    }

    #bookAStay .ui-widget {font-size:1.4rem}

    #bookBtn {
        display: block;
        /*padding-left: 7.6rem;*/
        margin-bottom: 1.0rem;
        margin-top: .6rem;
    }

    #rightImage {
        display: none;
    }

    #leftImage {
        display: block;
    }

    .rooms {
        font-size: 1.5rem;
    }

        .rooms .eight.columns {
            width: 420px;
        }

        .rooms .four.columns {
            width: 420px;
        }

        .rooms .textSection {
            margin-left: 2rem;
            margin-right: 2rem;
            margin-top: 2rem; /*margin-bottom:2rem*/
        }

        .rooms .roomsList {
            margin-left: 3rem;
            margin-right: 1rem;
        }

        .rooms ul {
            margin-bottom: 0;
        }

    .photoButtons .leftMargin, .photoButtons2 .leftMargin {
        margin-right: 0rem;
    }

    .photoButtons, .phtoButtons2 {
        margin-bottom: 2rem;
    }
    /*.photoButtons {display:none;}
        .photoButtons2 {display:block;}*/
    .irmButtons .leftMargin, .irmButtons2 .leftMargin {
        margin-right: 0rem;
    }

    .irmButtons, .phtoButtons2 {
        margin-bottom: 2rem;
    }

    .irmButtons {
        display: none;
    }

    .irmButtons2 {
        display: block;
    }

    .contentList p {
        margin-left: 6rem;
    }

    .content .textSection {
        margin-left: 3rem;
        margin-right: 3rem; /*margin-bottom:2rem;*/
    }

    .thumbnail p {
        margin-left: 3rem;
        margin-right: 3rem;
    }
    .thumbnail .button {margin-bottom:3rem;}

    .footerText {
        margin-left: 2rem;
        margin-right: 2rem;
    }

    .spa ul {
        margin-left: 5rem;
        margin-right: 2rem;
    }

    .beerList h3, .beerList p {
        margin-left: 5rem;
    }

    .whiskeyList h3, .whiskeyList p {
        margin-left: 5rem;
    }

    #calendar .weekdays, #calendar .other-month {
        display: none;
    }

    #calendar li {
        height: auto !important;
        border: 1px solid #ededed;
        width: 100%;
        padding: 10px;
        margin-bottom: -1px;
    }

    #calendar .date {
        float: none;
    }

    #calendar .event {
        margin-top: 0;
    }

    #header2 {
        display: block;
    }

    .faqs {
        margin: 0 3rem;
    }

    #siteMap {
        margin-left: 2rem;
    }

    .reservation {
        display: block;
        margin-left: 0;
    }

        .reservation input {
            margin-bottom: 0;
        }

    #reservationWrapper .button {
        margin-top: 2rem;
    }

    #newsletterSignUp .chkbox label {
        display: inline-block;
    }

    #newsletterSignUp .interested { /*width: 110px;*/
        width: 0px;
    }

    #newsletterSignUp label {
        display: block;
        width: 200px;
        text-align: left;
    }

    #newsletterSignUp textarea {
        width: 340px;
    }

    .line {
        display: none;
    }
}


	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) 
    {


	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
    @media only screen and (max-width: 479px) 
    {
        #menu {display:none;}
        #bookAStay {display:none;}
        #mobileMenu {display:block;}
        #spaMenu ul {display: none;}
        #spaMenuListWrapper {display:block;}

        .welcome { margin-top:1rem; margin-left:3rem; margin-right:3rem;}
        #welcome .signature{font-size: 1.4rem; margin-right:0;} 
        #welcome .signature2{font-size: 1.4rem;}
        #welcome h5 { font-size: 1.8rem; }

        .IC_base { margin-top:1rem; margin-left:1rem; margin-right:1rem;}
        .IC_base ul {margin-left:2rem;}
        #IC_base h5 { font-size: 1.8rem; }
        .content .eight.columns { width: 300px; }
        .content .textSection { margin-left: 3rem; margin-right: 3rem; margin-top: 0;/*margin-bottom:2rem;*/ }

        .thumbnail img {display:none;}
        .thumbnail p { margin-left:3rem;margin-right:3rem;}
        .thumbnail .button {margin-bottom:3rem;}

        #newsletter {text-align:center}
        #newsletter #email {width: 240px; text-align:center }
        #newsletter input {margin-left: 0; }
        #newsletter label { margin-left: 0; font-size: 1.6rem; }
        
        #footerImages {display:none;}
        .footerText {margin-left:2rem;margin-right:2rem;}
        #footer {font-size: 1.3rem;}

        #icons {font-size:2rem;}

        #bookAStay div {display: inline; float: left; /*margin-left: 2rem;*/ }
        #bookAStay .header {display:none;}
        #bookAStay .help {float: left; margin-left: 2rem; margin-top:.6rem}
        #bookAStay p {font-size: 1.2rem;}
        #bookAStay h5 {font-size: 2.2rem;}
        #bookAStay label {font-size: 1.4rem; line-height: 1.6rem; display:inline; }
        #bookAStay input, #bookAStay select {font-size: 1.4rem;}
        #bookAStay .button {font-size: 1.4rem;}
        #bookAStay .bookButton { margin-left: 2rem; margin-bottom: 1.6rem; margin-top:.6rem }
        #bookAStay #ArriveLbl {display:block;}
        #bookAStay #DepartLbl {display:block;}
        #bookAStay #childrenLbl {margin-left:2rem;}        
        #bookBtn { display: block; padding-left: 0; margin-bottom: 1.0rem; margin-top:.6rem}


        #rightImage { display: none; }
        #leftImage { display:block; }
        .rooms { font-size:1.5rem; }
        .rooms .eight.columns { width: 300px; }
        .rooms .four.columns { width: 270px; }
        .rooms .textSection {margin-left:2rem;margin-right:2rem;margin-top:2rem;/*margin-bottom:2rem*/}
        .rooms .roomsList {margin-left:3rem;margin-right:1rem;}
        .rooms ul {margin-bottom:0}

        .photoButtons .leftMargin, .photoButtons2 .leftMargin { margin-right:0rem; }
        .photoButtons, .photoButtons2 {margin-bottom:2rem}
        /*.photoButtons {display:none;}
        .photoButtons2 {display:block;}*/
        .irmButtons .leftMargin, .irmButtons2 .leftMargin { margin-right:0rem; }
        .irmButtons, .irmButtons2 {margin-bottom:2rem}
        .irmButtons {display:none;}
        .irmButtons2 {display:block;}
        .contentList p {margin-left:4rem;}
        .menu h3 { margin-left:2rem; }
        .menu p { margin-left:2rem; margin-right:2rem; }

        .beerList h3, .beerList p { margin-left:1rem; }
        .beers h3, .beers p  { margin-left:1rem; margin-right:1rem; }
        .whiskeyList h3, .whiskeyList p { margin-left:1rem; }
        .whiskey h3, .whiskey p  { margin-left:1rem; margin-right:1rem; }
         .massage h3, .massage p  { margin-left:1rem; margin-right:1rem; }
         .spa h3, .spa p  { margin-left:1rem; margin-right:1rem; }
         .spa ul {margin-left:3rem;margin-right:2rem;}
         .spaInfo p {margin-left:2rem;margin-right:2rem;}
        .faqs{ margin:0 1rem;}
        #calendar {margin-bottom:10px;}
        #calendar .event { margin-top: 0;}
        #calendar-wrap .button {padding:0 14px}
        #calendar-wrap h2 {font-size:2rem;}
        #header2 {display:block;}
        .irmCarouselNav .button {padding:0 14px;}
        #newsletterSignUp textarea{width:280px;}
        #newsletterSignUp {margin-left:1rem;}
       #newsletterSignUp .interested {/*width: 75px;*/width:0px; }   
        #siteMap {margin-left:1rem; font-size:1.4rem;}
        #siteMap ul {margin-left:2rem;}

        .line {display:none;}
}


