/**
 * @depends /main.css
 **/
* {outline: none}
 html {overflow:hidden;}
body{margin: 0; padding: 0; background-color: black; height: 100%; overflow: hidden; font-family: 'gothic_no_2_cgmedium'; font-size: 12px; overflow: hidden;opacity:0;}
a {text-decoration: none; color: white;}
a:hover {color: #6c635a;}
a:active, a:focus {outline: none!important}
#container {position: absolute;  color: white; width: 1000px;  height: 100%; top: 0px;left: 50%;margin-left: -500px;}
#rightside {width: 294px; position: absolute;right: 0; background-image: url(/images/scrim_overlay.png);  height: 100%;}
#leftside {}
#scrimdiv{ height: 100%; width:300px; position: absolute; right: 0px; top:0;}
#scrim {position: absolute;z-index: 1; top: 0; right:0;background:black;height:100%;}

#scrim img {opacity:0;filter: alpha(opacity = 0);}

#leftside {padding-left: 0; padding-right: 5px; height: 100%;  width: 667px;}
#imagepreload img {display:none}

.iws-slideshow {overflow:hidden;background:black;z-index: -10000;}
.image-grid {position:absolute;top:0;left:0;z-index:1;overflow:hidden;width:100%;height:100%;}
.img-cell {position:absolute;}
.iws-slideshow {position:absolute;width:100%;height:100%;}
.iws-slideshow.small {height:250px;}
.iws-slideshow img {position:absolute;}

/*HEADER*/
#rightside #header {margin-top: 34px; width: 256px; left: 26px; position: relative;}
#rightside #header #logo {margin-bottom: 13px; }
#rightside #header #subheader {text-align: left; margin-bottom: 20px; line-height: 100%}
#rightside #header #bookingwidget {text-align: left; margin-bottom: 33px}
#rightside #header #bookingwidget #bookingtitle{font-size: 11px; }
#rightside #header #bookingwidget #bookingwidgetform {width: 166px; height: 16px; background-color: #36312d}
#rightside #header #bookingwidget #reservation_button {font-size: 10px; float: right; position: relative; top: 0px; cursor: pointer;}
#rightside #header #bookingwidget #reservation_button:hover {color: #6c635a;}
#rightside #header #bookingwidget #reservation_button img{padding-left: 4px; position: relative; top:-2px; *top:0px;}

#rightside #header #bookingwidget #reservation_arrival {cursor: pointer; background: url(/images/dropdowncalendar.png) no-repeat; width: 49px; border: none; font-size: 9px; color: white; height:16px; margin-right: 5px; padding-left: 3px; background-position-x:-5px  }
#rightside #header #bookingwidget .iws-dropdown-label[temp='reservation_guests'] {padding: 0;}

.ketchup-error {z-index:10000;}

/*CONTENT*/
#rightside {z-index:200;}
#rightside #content {height:432px; text-align: left; position: relative;width: 256px; left: 27px; display: none;}
#rightside #content p {margin-right: 15px;}
#rightside #content h1{margin-bottom: 21px; font-size: 12px; text-transform:uppercase;font-weight:normal}
#rightside #content h2{margin-bottom: 0px; margin-top: 19px; font-size: 12px; text-transform:uppercase;font-weight:normal}
#rightside #content #menuitems #blurb{margin-bottom: 19px;}
#rightside #content #menuitems h1.first{margin-top: 0px;}
#rightside #content h1 p{margin:0; text-transform:uppercase;}
.scroll-pane {width: 100%; height: 230px; overflow: auto;outline:none;}
#rightside #content .bgslides img{display: none;}
#rightside #content #specialevents_button:hover{color: #6c635a;}
#rightside #content #bottomdivcontent{margin-top: 10px;}
#rightside #content #bottomdivcontent #pdfspan{margin-right: 15px}
#rightside #social {position: absolute;bottom:19px; left: 25px;} 
#rightside #social img{cursor: pointer; margin-right: 12px} 

/*FORMS*/
textarea {width: 171px; height: 50px; border: 0; background-color: #4c443e; color: white; resize: none; padding-left: 5px}

/*MENUS*/
#leftside #menu {z-index: 101; float:right; margin-top: 110px; font-size: 11px; width: 180px; right: 293px; text-align: right;text-shadow:1px 1px 2px black; clear:both;}
#leftside #menu .menu {cursor: pointer; border-top: dotted 1px white; padding-top: 8px; padding-bottom: 7px; padding-right: 9px; text-transform:uppercase;}
#leftside #menu .menu:first-child {border-top: none; }
#leftside #menu .menusub {display: none; padding-right: 9px; }
#leftside #menu .menusub div{padding-bottom: 11px; cursor: pointer }
#navscrim {display:none;height:100%;width:180px;background:black;opacity:.1;position:absolute;right:293px;z-index:100;}

/*FOOTER*/
#leftside #footer {position:fixed; left:70px; z-index:102;font-size: 9px;  bottom: 0; text-transform:uppercase; width: 57%;text-shadow:1px 1px 2px black;}
#leftside #footer ul {margin:0px; padding:0px; position:relative; right:60px}
#leftside #footer ul li{display:inline; height:30px; float:left; list-style:none; margin-right:15px;}
#leftside #newsletter {width: 255px; position: absolute; right: -24px}
#leftside #newsletter input{margin-left: 6px; margin-right: 9px; width: 76px; height: 16px; border: 0; color: white; background-color: #38342f; padding-left: 2px}
#leftside #newsletter img{margin-left: 9px; top:-2px; position: relative;}
#leftside #newsletter #email_button {cursor: pointer;}
#leftside #newsletter .email-loading-indicator {text-align: left; position: relative; top: 5px; display: none}
#leftside #newsletter #email_button:hover{color: #6c635a;}

#menu a:hover {color:white;}
/*CSS HACKS */

/* IE8 hacks */
@media \0screen { 
  #leftside #newsletter input{padding-top:4px}
}

/* IE7 hacks */
#leftside #newsletter input{*padding-top:4px}

.iws-dropdown {z-index:1000000;zoom:1;position:relative;}
/* iPads (landscape) ----------- */
/*@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
	textarea{width: 200px;}
	#leftside #footer{width:705px}
}*/

/* iPads (portrait) ----------- */
/*@media only screen
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
*//* Styles *//*
#leftside #footer ul{left:240px !important;}
#leftside #newsletter{position:fixed; top:auto; bottom:55px; left:5px;}
}*/


@media only screen
and (max-width:1100px){
    #leftside #newsletter{ position:fixed; left:10px; bottom:40px;}
    #leftside #footer{width:100%; left:10px;}
    #leftside #footer ul{left:0 !important;}
}

@media only screen
and (max-width:1025px) {
    #leftside #menu{position:fixed; right:334px;}
    #rightside{position:fixed; right:0;}
}

@media only screen
and (max-width:690px){
    #leftside #newsletter{bottom:75px;}
    #leftside #footer{width:205px}
}

@media only screen
and (max-width:438px){
    #leftside #newsletter{bottom:75px}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
    #scrim{left:590px !important;}
}
.creditlink {cursor:pointer;}
.ie7 #container {z-index:10000;position:relative;}
.ie7 #rightside {position:absolute;z-index:100000;zoom:1;}
.ie7 div {z-index:auto;}
.ie7 #header {position:relative;z-index:1000000000}


input, textarea, .datepicker {border-radius:0;-moz-border-radius:0;-webkit-border-radius:0;}

#accessible-link {
    position: absolute;
    top: -15px;
    left: 13px;
    z-index: 11;
    color: #FFF;
    transition: top .2s ease;
}
#accessible-link:focus {
	top: 15px;
}
@media (max-width: 1110px) {
	#accessible-link {
	   left: 20px;
	}
}