/* -------------------------------- */
/* toolkitCore */
html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0;	background:#000000 url(bg.jpg) repeat-x top center; text-align:center;}
	/*Do not put font-family here. Put it in your #content div.*/

a, a:link {outline-style:none;}
p {padding:0px; margin:0;}
ul {margin-top:0px; margin-bottom:0px; padding-bottom:15px;}
li {padding-left:10px;}

.clearSpace {clear:both;}
	/* keep these attibutes in here*/


.headline, .text-header, h1 {font-family:Verdana, Geneva, sans-serif; font-size:17px; line-height:23px; color:#fcfcfc;}
#content .headline a:link, #content .headline a:visited, #content .headline a:active {font-family:Verdana, Geneva, sans-serif; font-size:17px; line-height:23px; color:#fcfcfc; text-decoration:underline;}
#content .headline a:hover {color:#cecabd;}

.subheadline, .text-subheader, h2 {font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; line-height:23px; color:#beb597;}
#content .subheadline a:link, #content .subheadline a:visited, #content .subheadline a:active {font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; line-height:23px; color:#beb597; text-decoration:underline;}
#content .subheadline a:hover {color:#fcfcfc;}


.disclaimer, .text-dark-sm, .text-disclaimer {font-size:9px; font-style:italic;}
.white, text-light {color:#FFFFFF;}


/* /toolkitCore  */
/* -------------------------------- */


/* shellIDs */
#content p {padding:0px 0px 15px 0px; margin:0px;}
	/* IMPORTANT!!!! Please use padding-bottom:15px on ALL p classes.
	This will provide the best cross-browser compatibility on paragraph spacing*/
#content {width:660px; padding:18px 0px 0px 16px; margin:0px; font-family:Verdana, Geneva, sans-serif; font-size:12px; text-align:left; color:#cecabd; line-height:20px;}
#content a:link, #content a:visited, #content a:active {color:#ffffff; text-decoration:underline;}
#content a:hover {color:#545147;}

/* /shellIDs */
/* -------------------------------- */
#wrapper {margin-left:auto; margin-right:auto;}
#container {margin-left:auto; margin-right:auto; width:975px; text-align:center; position:relative;}
#top {width:975px; height:564px; margin-left:auto; margin-right:auto;}
#logo {position:absolute; left:12px; top:0px; width:266px; height:106px;}
#topContactInfo {position:absolute; right:25px; top:20px; width:625px; font-family:Verdana, Geneva, sans-serif; text-align:right; font-size:12px; line-height:15px; color:#d4d3d3;}
#topNav {position:absolute; top:58px; right:25px; width:504px; height:33px;}
#topNav img {float:left;}

#language {
    height: 24px;
    left: 898px;
    position: absolute;
    top: 42px;
    width: 60px;
}

#mainTopArea {position:absolute; top:106px; left:0px; width:975px; height:458px; background:url(flashBG.png) no-repeat 0 0;}
#mainTopWrapper {position:relative; width:975px; height:458px;}
#flashOverlay {position:absolute; top:0px; left:11px; height:409px; width:711px; margin:0; padding:0; z-index:100;}
#flashImg {position:absolute; top:0px; left:11px; height:409px; width:711px;  margin:0; padding:0;}
#sideNav {position:absolute; top:46px; right:14px; margin:0; padding:0; text-align:left; width:238px;}
#sideNav img {float:left; height:30px; width:238px;}
#tollFree {position:absolute; right:14px; bottom:49px; margin:0px; padding:0px; height:60px; width:239px;}
/*booking Mask*/
#bookingMask {position:absolute; left:17px; bottom:8px; width:704px; height:39px;}
#bmWrapper {position:relative; width:704px; height:39px;}

.checkInLabel {position:absolute; top:13px; left:25px;}
.checkInField {font-family:Verdana, Geneva, sans-serif; text-align:center; position:absolute; top:12px; left:83px;}

.inputdate{width:78px; padding:1px 0px 2px 2px;	height:13px; font-size:10px; color:#484848;	position:absolute; border-bottom:#c1c1c1 1px solid; border-left:#7f684e 1px solid; border-top:#7f684e 1px solid;}

select {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#484848; width:34px; height:18px; border-bottom:#c1c1c1 1px solid; border-left:#7f684e 1px solid; border-top:#7f684e 1px solid; padding:1px 0px;}

.nightsLabel {position:absolute; top:11px; left:223px;}
.nightsField {position:absolute; top:11px; left:267px;}
.adultsLabel {position:absolute; top:11px; left:322px;}
.adultsField {position:absolute; top:11px; left:364px;}
.childrenLabel {position:absolute; top:11px; left:420px;}
.childrenField {position:absolute; top:11px; left:475px;}

.booknowBTN {position:absolute; top:8px; left:530px;}
.availability{background:transparent url(bookingMask/booknow.gif) no-repeat scroll left top; cursor:pointer; display:block; height:24px; width:159px;}
.availability:hover {background:transparent url(bookingMask/booknow.gif) no-repeat scroll left bottom;}

#ui-datepicker-div {display: none;}
div.ui-datepicker {font-size:10px; z-index:9999999;}
img.ui-datepicker-trigger{position:absolute; left:89px; top:0px; *left:89px; *top:0px; cursor:pointer; width:25px; height:21px;}
div.ui-dialog {font-size:11px; color:#fff;}
div.ui-dialog div#popBox {padding:2px 0; color:#fff; font-weight:bold;}
/*----END booking Mask----*/

/*#middlewrapper {margin-left:auto; margin-right:auto; position:relative;}*/
#middle {width:944px; margin-left:auto; margin-right:auto; position:relative; margin:27px 14px 40px 17px;}
#left {float:left; width:676px; margin:0px 30px 0px 0px; padding:0px;}
#graphicHeader {width:676px; height:58px; padding:0px;}
#subNav {width:100px; height:24px; float:left; padding:57px 0px 0px 10px;}

#right {float:right; width:238px; margin:10px 0px 0px 0px; padding:0px;}
#specials_home {width:238px; height:308px; margin:0px; padding:0px;}
#specials {width:238px; height:308px; margin:0px; padding:0px 0px 242px 0px;}

#bottom {background:#131313; margin-left:auto; margin-right:auto; bottom:0px; height:147px;}
#footerWrapper {width:944px; height:80px; margin-left:auto;	margin-right:auto; position: relative; padding:0px 0px 67px 0px;}
#accentImage {width:245px; height:242px; position:absolute; bottom:149px; right:-4px;}
#footerLogos {width:380px; /* width:335px; */ height:31px; position:absolute; left:5px; top:16px;}
#footerNav {background:url(footerNav/footerNavBG.gif) no-repeat; text-align:right; height:30px; width:574px; position:absolute; right:0px; top:16px;}
#footerNav img {float:left; height:14px;}
#copyright {position:absolute; right:360px; top:62px; font-family:Verdana, Geneva, sans-serif; font-size:11px; text-align:right; color:#595050; line-height:15px;}
#ht {position:absolute; right:182px; top:58px; width:170px; height:21px; padding:0; margin:0;}
#socialMedia {position:absolute; right:28px; top:58px; width:162px; height:21px; padding:0; margin:0; background:url(socialMedia_BG.gif) no-repeat 0 0; text-align:right;}
#mobibook{position:absolute; right:0px; top:53px;}
/* --------- Content Layouts ------------ */

.separator {width:658px; height:65px; background:url(separator.gif) no-repeat;}
.callout {background:url(calloutTop.jpg) no-repeat 0 0; width:527px; min-height:30px; padding:26px 56px 0px 67px;}
.calloutBottom {background:url(calloutBottom.jpg) no-repeat 0 0; width:650px; height:6px;}
#content .callout p {font-family:Verdana, Geneva, sans-serif; font-style:italic; font-size:14px; text-align:center; color:#cecabd; line-height:18px;}
#content .callout a:link, #content .callout a:visited, #content .callout a:active {color:#ffffff; text-decoration:underline;}
#content .callout a:hover {color:#545147;}

.map {background:url(mapBG.jpg) no-repeat; width:560px; height:400px; padding:5px;}

.textOnly, p.textOnly, td.textOnly {}
.graphicLeft {padding-right:15px;}
.graphicRight {padding-right:245px;}

.txtR {width:385px; padding:0px 0px 0px 30px; margin:0px; vertical-align:top;}

/*.imgL {background:url(imgBG.jpg) no-repeat; width:227px; height:141px; padding:5px; vertical-align:top;}
  .imgR {background:url(imgBG.jpg) no-repeat; width:227px; height:141px; padding:5px; vertical-align:top;}*/
.txtL {width:385px; padding:0px 30px 0px 0px; margin:0px; vertical-align:top;}

/*image overlay*/
.imgR {text-align:right; width:237px; height:151px;}
.imgHolderR {}
.imgFrameR {position:absolute; width:237px; height:151px;}
.rFrame{}
/* /image overlay*/


.colOne {width:315px; padding:0px 30px 0px 0px; vertical-align:top;}
.colTwo {width:315px; vertical-align:top;}

.imageOnly {}

.codeOnly {}

.spacer {font-size:1px; line-height:1px;}
.spacer img {}

/*thumbnail image overlay*/
.photothumb {padding:0 10px 9px 0; margin:0px; width:154px; height:98px; cursor:pointer; line-height:0px;}
.photothumbHolder {}
.photothumbFrame {position:absolute; width:154px; height:98px; cursor:pointer; margin:0px; padding:0px; line-height:0px;}
.rFrame{}
/* /thumbnail image overlay*/

/*.photothumb img {width:186px; height:104px; padding:17px 4px; margin:0px; background:url(photoGallery_imgBG.jpg) no-repeat;}*/

/* --------- /Content Layouts ------------ */


/* ----- GuestBook Form Elements ----- */


.form-button {background-color:#595050; font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#cecabd; border:none; cursor:pointer; margin-top:10px; padding:3px; text-transform:uppercase;}
	/*This is for global form buttons, including the Toolkit login button.
	Create another similar button class for eRFP forms if you want specific
	positioning and update the class name in the app in the Toolkit.
	DO NOT edit the guestbook module in the modules folder*/
.form-button:hover {background-color:#cecabd; color:#595050;}

.form-checkbox, .form-radio {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#cecabd; line-height:18px; vertical-align:top;}
.form-select, .form-text, .form-textarea, .form-notes {font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#131313; line-height:18px; vertical-align:top;}
	/* IMPORTANT!!! Use the same font attributes as the <p> on the site's mainContent area for ALL of these classes. */

.text-required {color:#ffffff; font-weight:bold; line-height:18px; padding-right:20px; text-align:right; vertical-align:top;
width:250px;}
.text-dark, .text-medium {padding-right:20px; text-align:right; vertical-align:top;
width:250px;}

/* ----- mspecials module - special copy price ----- */
.copy_price {color:#A59F89; font-weight:bold; font-style:italic; font-size:12px;}

/* ---------- Hi-Res Media Gallery ---------- */

.Hires_GalleryTitle {}

.Hires_ImageName {}

.Hires_Links {}

.contact_email_subject_url{display:none;}

