﻿/* Main Body */

html, body { background-image: url(bg_tile.gif); background-repeat: repeat; font-family: Arial,Helvetica,sans-serif; }

.cufon-loading #topnav a, .cufon-loading #mainNavLinks a, .cufon-loading .wTeaser h4, .cufon-loading #content h1 .textWidget, .cufon-loading #content h3, .cufon-loading .widgetCTA .widgetCTAHeaders 
{ visibility: hidden !important; }

a img { border: none; }
.imgBorder {background:url(border.jpg) no-repeat scroll left top transparent; padding:15px 15px 15px 16px;}
.twoColumn1, .twoColumn2 { float: left; }
.twoColumn1 { width: 458px; }
.twoColumn2 { width: 222px; }
#pageid5639 .twoColumn1, #pageid5721 .twoColumn1, #pageid5647 .twoColumn1 { width: 437px; }
#pageid5639 .twoColumn2, #pageid5721 .twoColumn2, #pageid5647 .twoColumn2 { width: 237px; }

select {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     }

p { font-family: Arial, Helvetica, sans-serif; font-size: 11px;
     line-height: 20px;
     color: #403b3c;
     margin-right: 10px;
     margin-left: 1px;
}

hr { color: #6d5c34; background: #6d5c34; height: 1px; border: none; }
ul,li {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     line-height: 20px;
     color: #403b3c;
     margin-right: 10px;
}

a:link, a:active, a:visited {
     color: #815834;
     text-decoration: underline;
}

a:hover {
     color: #000000;
     text-decoration: none;
}

select {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
}
fieldset {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 9px;
}
input {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 9px;
}
textarea {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 9px;
}
form {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 9px;
     vertical-align: middle;
}

.subheadline {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 14px;
     line-height: 20px;
     color: #6c523d;
     font-weight: bold;
}

.callout {
     background-color: #f3edd9;
     padding-top: 15px;
     padding-right: 15px;
     padding-bottom: 15px;
     width:400px;
     padding-left: 20px;
}

.callout p {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 11px;
     color: #403b3c;
     text-align: center;
}

/* Shell Styles */

#container {
     width: 951px;
     margin-left: auto;
     margin-right: auto;
     padding-top: 48px;
     position: relative; 
     height: auto !important; 
     height: auto; 
     height: 100%; 
} 


#top_border {
     background-image: url(top_border.gif);
     width:951px;
     height:6px;
     background-repeat: no-repeat;
     left: 0px;
     top: 42px;
     position: absolute;
}


#inner_container {
     width: 951px;
     background-image: url(bg_border.gif);
     background-repeat: repeat-y;
}

#left_side {
     width: 210px;
     padding-left: 6px;
     padding-right: 3px;
     float: left;
}

#sideNav {
background:url(below_nav_pattern.gif) no-repeat bottom;
width:210px;
}

#sideNav a img { border: none; }

#sideNav ul { margin: 0; padding: 3px 0; text-align: center; background: url(bgNav.jpg) no-repeat; min-height: 347px; }
#sideNav ul li { margin: 3px auto; width: 202px; padding: 4px 0; line-height: 100%; list-style: none; cursor: pointer; }
#sideNav ul li:hover { background: url(50.png); _background: #fff; }

#logo-banners {
margin-top:-70px;
margin-left:18px;
height:400px;
display: none;
}

#logo-banners img {
border:none;
padding-bottom:15px;
}

#right_side { width: 726px; padding-right: 6px; float: left; overflow: hidden }
body#pageid5724 #right_side { overflow:visible }

/* CTAs ===================================================================================================== */


     .widgetCTA { width: 186px; height: 59px; background: url(bgCTA.gif) 1px 1px no-repeat #2e1a0d; position: relative; margin-bottom: 8px; }
     .widgetCTA:hover { background-color: #4a2a15; }
     .widgetCTA h1 { color: #fff; font-size: 12px; padding: 19px 0 0 55px; }
     .widgetCTA .widgetCTAHeaders { color: #fff; font-size: 12px; padding: 19px 0 0 55px; display: block; font-weight: bold; }
     .widgetCTAimg  { display: block; width: 57px; height: 78px; background-repeat: no-repeat; top: -23px; left: -7px;  position: absolute;  }
     



.gallerybutton {
     width: 174px;
     padding-right: 11px;
     padding-left: 13px;
     bottom: 95px;
     margin: 30px 0 0;
}

.gallerybutton a img { border: none; }

 
#topnav {
     height: 30px;
     width: 720px;
     padding-top: 10px;
     padding-right: 6px;
     background-image: url(top_nav_bg.gif);
     text-align: right;
     border-bottom:1px solid #fff
}

#usabilityNavDropDown {  }
                    
     #usabilityNavText { display: none; }
     
     #usabilityNav {  } /* dropdown container */
     #usabilityNav ul { margin: 0; padding: 0; }
     #usabilityNav ul li { display: inline; list-style: none; color: #fff; font-size: 11px; }
     #usabilityNav ul li .pageTranslatorPH { display: inline;}
     #usabilityNav ul li a { color: #fff; text-decoration: none; font-size: 11px; text-transform: uppercase; font-weight: bold; letter-spacing: 1px; }
     #usabilityNav ul li a:hover { color: #a29084; } 
     #usabilityNav ul li.lastItem { margin-right: 0px; }
     
     div#usabilityNavDropDown div.noHover { display: block; }  
     
     #usabilityNav ul li#helpid1674, #usabilityNav ul li#helpid1675 { display: none; }

#flash_area {
     height: 270px;
     width: 726px;
}

#resform {
     margin: 0;
     padding: 0;
}

#booking_mask {
     background-image: url(booking_mask_bg.gif);
     background-repeat: no-repeat;
     width: 726px;
     height: 66px;
}

     .line1 {
     height: 46px;
     width: 726px;
     position: relative;
     }
          .checkin {
          position: absolute;
          left: 110px;
          top: 13px;
               }
          
          .calendar {
          position: absolute;
          left: 194px;
          height: 20px;
          width: 32px;
          top: 10px;
               }
          
          .nights {
          position: absolute;
          left: 282px;
          top: 13px;
          }
          
          .adults {
          position: absolute;
          left: 380px;
          top: 13px;     
          }
          
          .children {
          position: absolute;
          left: 497px;
          top: 13px;
          
          }
          
          .check_button {
          position: absolute;
          left: 552px;
          height: 26px;
          width: 164px;
          top: 10px;
          }
          
     .line2 {
          height: 18px;
          width: 726px;
          text-align: right;
          padding-bottom: 1px;
          padding-top: 1px;
     }
     
     .line2 img { border: none; }
     
#paddedarea {
     width: 680px;
     min-height:554px;
     height:auto !important;
     height:554px;
     padding-right: 23px;
     padding-left: 23px;
     padding-top: 23px;
     padding-bottom: 23px;
}
#logo_holder {width:680px; clear: both; height:71px; padding-left:0; padding-right:0; text-align:center;}

#content {
     background-image: url(content_bg_shadow.gif);     
     background-repeat: no-repeat;
     background-color: #FFFFFF;    
     width: 726px;
     float: left;
}

#content h1 { color: #784c26; font-size: 18px; letter-spacing: 1px; }
#content h2 { color: #6c523d; font: 14px/20px Arial, Helvetica, sans-serif; font-weight: bold; }
#content h3 { color: #784c26; font-size: 14px; letter-spacing: 1px; height: 13px; border-bottom: 1px solid #784c26; }
#content h4 { font-size: 11px; line-height: 20px; color: #403B3C; }

#subNav ul { margin: 0; padding: 0; }
#subNav li { display: inline; margin: 0 7px 0 0; height: 12px; padding: 0 5px 0 0; font-size: 12px; border-right: 1px solid #353535;   }
#subNav li.lastItem { border: none; }
#subNav li a { color: #353535; text-decoration: none; text-transform: uppercase; font-size: 12px; white-space: nowrap; font-weight: bold; }
#subNav li a img { border: none; }
#subNav li a:hover { text-decoration: underline; }
#subNav li a:hover img { text-decoration: none; }

#bottom_bar {
     width: 951px;
     height:76px;
     background-image: url(bottom_bar.gif);
     background-repeat: no-repeat;
}
     
.bottom_nav {
     width: 950px;
     height:28px;   
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #ffffff;
     padding-left: 20px;
     padding-top: 7px;  
     text-transform: uppercase;
}

.bottom_nav ul { margin: 0; padding: 0; }
.bottom_nav ul li { list-style: none; display: inline; color: #ffffff; }
.bottom_nav ul li a {  }

#bottom_bar a {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #ffffff;
     text-decoration: none;
}

#bottom_bar a:hover {
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #c3b791;
     text-decoration: underline;
}
.bottom_address {
     width: 950px;
     height: 31px;  
     font-family: Arial, Helvetica, sans-serif;
     font-size: 10px;
     color: #7c7c7c;
     text-align: center;
     padding-top: 10px;
     
}

#address { line-height: 10px }
.fn { border-right: 1px solid #7c7c7c; padding-right: 5px; }
.street-address { border-right: 1px solid #7c7c7c; padding: 0 7px 0 5px; }
.locality { padding: 0 0 0 5px; }
.postal-code { border-right: 1px solid #7c7c7c; padding: 0 7px 0 0; }
.country-name { display: none; }
.tel { border-right: 1px solid #7c7c7c; padding: 0 7px 0 7px; }

#clearSpace
{
     clear: both;
     font-size: 1px;
     height: 1px;
     width: 1px;
     margin:0;
     padding:0;
}    

.img_float_right {
     float: right;
     margin-left: 10px;
     clear: both;
}

.twoColumn2 img {float: right;
     clear: both;
     background: url(border.jpg) no-repeat top left;
     padding: 15px 15px 15px 16px;
     margin: 0 0 10px 15px; }
    
.twoColumn2.noStyle img { margin: 0; padding: 0; background: none; }
img.noImgStyle {  margin: 0; padding: 0; background: none; }

.img_right_border {
     float: right;
     clear: both;
     background: url(border.jpg) no-repeat top left;
     padding: 15px 15px 15px 16px;
     margin: 0 0 10px 15px;
}

.img_right_border2 {
     float: right;
     clear: both;
     background: url(border2.jpg) no-repeat top left;
     padding: 15px 15px 15px 16px;
     margin: 0 0 10px 15px;
}



#pageid5638 #paddedarea img { border: 1px solid #B7AB86; margin: 0 5px 18px 0; padding: 5px; background:#ECE4DE }
#pageid5638 #paddedarea img:hover { background:#BCA38E}

/** modifications done on 11/1/2010. They aren't sprinkled in the normal style sheet, 
*** because this style stylesheet is a mess! *****************************************/
#subNav { display: none; }
#sideNav>ul>li { padding: 0; }
#sideNav>ul>li>a { color: #281709; font-weight: bold; text-decoration: none; display: block; height: 16px; padding: 3px 0 2px; }
#sideNav>ul>li>a.current { background: url(60.png); }
#sideNav>ul>li.current:hover { background: none; }
#sideNav ul ul { display: none; min-height: 0; background: url(50.png); height: auto; margin: 0px 0 3px; padding: 1px 0; }
#sideNav ul li ul li { padding: 3px 0; }
#sideNav ul li ul li a { display: block; }
#sideNav ul ul ul { display: none; position: absolute; visibility: hidden; }
#sideNav ul ul li a { color: #281709; text-decoration: none; }
#sideNav ul ul li a:hover { text-decoration: underline; }
#sideNav ul ul li.current { background: url(50.png); }

/** Wedding Overview Page ************************************************************/
/*************************************************************************************/

.wTeaserHR { clear: both; border-color: #eae8e6; background: #eae8e6; }

.wTeaser { background: url(wTeaserVR.gif) right center no-repeat; width: 302px; float: left; padding: 15px 25px 15px 0; margin: 0 25px 0 0; }
.wTeaser.odd { margin-right: 0; background: none; }
     
     #content .wTeaser h4 { color: #4f2f15; font-size: 13px; width: 195px; float: right; margin: 8px 0 10px; }
     .wTeaser p { font: 12px/16px arial, helvetica, sans; color: #68584a; margin: 0; width: 195px; height: 50px; overflow: hidden; clear: right; float: right; }
     .wTeaser img { width: 84px; height: 84px; border: 2px solid #bcaf89; margin: 0 0 9px; }
     
     .wTeaser a { display: block; font-weight: bold; font-size: 14px; text-align: center; width: 301px; padding: 6px 0 0; height: 19px; background: url(btnWeddingTeaser.gif) top left; clear: both; text-decoration: none; color: #fff; }
     .wTeaser a:hover { background-position: bottom; }
