/* RESET
------------------------------------------- */
* { margin: 0; padding: 0; }

html { min-height: 100%; margin: 0 0 1px; }
body.home { background: #fcf9e6 url(../images/temp_bg.gif) top left no-repeat; font-size:12px; }

@media only screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: none; } }

body, textarea, input, select, option, button { color:#523b40; font-family: Arial,Helvetica,sans-serif; line-height: 1.25; }
li, dt, dd, p, th, td, caption, pre { font-size: 1.2em; }
ul, ol, dl, p, table, pre, h1, h2, h3, h4, h5, h6 { margin-bottom: 15px; }

ul, ol, dd, blockquote { padding-left: 40px; }
ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }
li *, li p, li li, dt *, dd *, p *, th *, td * { font-size: 1em; }

img { border: none; -ms-interpolation-mode: bicubic; }
pre { font-family: "Courier New",monospace; white-space: pre-wrap; }
table { border-collapse: collapse; border-spacing: 0; }
button { overflow: visible; padding: 0 10px; cursor: pointer; } button::-moz-focus-inner { padding: 0; border: none; }


/* TEXT
------------------------------------------- */
p{ margin:9px 0px 9px 0px; }
a{ color:#6e8878; text-decoration:underline; }
a:hover{ color:#6e8878; text-decoration:none; }
h1, h2{ text-align:left; color:#523b40; }
h1{ margin:0px; text-transform:uppercase; font-size:50px; }
h2{ margin:9px 0px 9px 0px; font-size:18px; font-weight:bold; }


/* MAILING LIST FORM
------------------------------------------- */
#ml-form-a{width:536px; margin:279px 0px 0px 504px; background:url(../images/ml-bg-mid.png) center;}
#ml-form-b{ background:url(../images/ml-bg-top.png) top center no-repeat; }
#ml-form-c{ width:488px; padding:24px;  background: url(../images/ml-bg-bot.png) bottom center no-repeat; }
#ml-form-c p{ font-family:Arial, Helvetica, sans-serif; font-size:13px; text-align:center; }
#ml-form-c .form-field{ width:506px; height:auto; margin:0px 0px 9px 0px; }
#ml-form-c label{ margin:0px; color:#6e8878; text-align:left; font-size:13px; }
#ml-form-c input{ width:472px; padding:8px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border:0px; background:#fcf9e6; }
#ml-form-c .btn{ width:auto; padding:8px; margin:9px 0px 0px 0px; border:0px; background-color:#6e8878; color:#fff; text-align:center; text-transform:uppercase; }


/* RESERVATION BTN
------------------------------------------- */
.reservaion_btn{ margin:18px 0px 0px 0px; border:0px; }


/* CONTACT INFO
------------------------------------------- */
#contact-wrapper{ display:none; }
#contact-info{ padding:24px; background:#eaf1d0; }
#contact-info h2{ margin:0px; }


/* FOOTER
------------------------------------------- */
#footer{ width:554px; margin:9px 0px 54px 504px; }
#footer p{ margin:4px 0px 0px 0px; font-size:11px; color:#6e8878; text-align:center; }
#footer a{ color:#6e8878; text-decoration:underline; }
#footer a:hover{ color:#6e8878; text-decoration:none; }


/* MISC ELEMENTS
------------------------------------------- */
.clear_it { width:0px; height:1px; clear:both; margin:0px; margin-top:-1px; padding:0px; line-height:1px; position:relative; background-color:transparent; }


/* COLORBOX
------------------------------------------- */
/*
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#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; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../images/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(../images/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(../images/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(../images/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(../images/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #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:url(../images/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}