/* -------------------------------- */
/* toolkitCore */
html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0;	background:#57654b url(bg.jpg) repeat-x top 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;}
li {padding-left:10px;}

.clearSpace {clear:both;}
	/* keep these attibutes in here*/

.headline, .text-header, h1 {font-family:Tahoma, Geneva, sans-serif; font-size:17px; line-height:18px; color:#c59d65;}
#content .headline a:link, #content .headline a:visited, #content .headline a:active {font-family:Tahoma, Geneva, sans-serif; font-size:17px; line-height:18px; color:#c59d65; text-decoration:underline;}
#content .headline a:hover {color:#ffffff;}

.subheadline, .text-subheader, h2 {font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:18px; color:#e8ce90; font-weight:bold;}
#content .subheadline a:link, #content .subheadline a:visited, #content .subheadline a:active {font-family:Tahoma, Geneva, sans-serif; font-size:13px; line-height:18px; color:#e8ce90; font-weight:bold; text-decoration:underline;}
#content .subheadline a:hover {color:#ffffff;}


.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:599px; padding:0px 0px 0px 23px; margin:0px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-align:left; color:#ffffff; line-height:18px; float:left;}
#content a:link, #content a:visited, #content a:active {color:#c0a569; text-decoration:underline;}
#content a:hover {color:#e58636;}

/* /shellIDs */
/* -------------------------------- */
#wrapper {margin-left:auto; margin-right:auto;}
#container {margin-left:auto; margin-right:auto; width:1250px;}
#top {width:1250px; background:url(topBG.jpg) top center no-repeat; margin-left:auto; margin-right:auto;}
#topWrapper {position:relative; width:968px; height:504px; padding:0px 141px;}
#logo {position:absolute; left:141px; top:0px; width:422px; height:86px;}
#featuredNav {position:absolute; top:33px; left:698px; width:382px; height:33px; text-align:left;}
#featuredNav img {float:left;}

#mainHeaderArea {position:absolute; top:86px; left:141px; width:968px; height:419px; background:url(flashBG.jpg) no-repeat 0 0;}
#mainHeaderWrapper {position:relative; width:968px; height:419px;}
#flashOverlay {position:absolute; top:13px; left:17px; height:392px; width:638px; margin:0; padding:0; z-index:100;}
#flashImg {position:absolute; top:13px; left:17px; height:392px; width:638px; margin:0; padding:0;}
#mainNav {position:absolute; top:26px; right:127px; margin:0; padding:0; text-align:left; width:174px;}
#mainNav img {float:left; height:20px; width:174px;}
/*booking Mask*/
#bookingMask {position:absolute; right:51px; bottom:33px; width:240px; height:85px;}
#bmWrapper {position:relative; width:240px; height:85px;}

.checkInLabel {position:absolute; top:2px; left:3px;}
.checkInField {font-family:Tahoma, Geneva, sans-serif; text-align:center; position:absolute; top:2px; left:50px;}

.inputdate{width:76px; padding:1px 0px 1px 2px;	height:13px; font-size:9px; color:#484848;	position:absolute; border-bottom:#c1c1c1 1px solid; border-left:#7f684e 1px solid; border-top:#7f684e 1px solid;}

select {font-family:Tahoma, 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:31px; left:3px;}
.nightsField {position:absolute; top:31px; left:37px;}
.adultsLabel {position:absolute; top:31px; left:82px;}
.adultsField {position:absolute; top:31px; left:116px;}
.childrenLabel {position:absolute; top:31px; left:162px;}
.childrenField {position:absolute; top:31px; left:203px;}

.booknowBTN {position:absolute; left:3px; top:62px;}
.availability{background:transparent url(bookingMask/booknow.gif) no-repeat scroll left top; cursor:pointer; display:block; height:22px; width:96px;}
.availability:hover {background:transparent url(bookingMask/booknow.gif) no-repeat scroll left bottom;}

.brg{position:absolute; left:102px; top:62px;}

#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;}

/*#middlewrapper {margin-left:auto; margin-right:auto; position:relative;}*/
#middle {width:968px; margin-left:auto; margin-right:auto; position:relative;}
#left {float:left; width:622px; margin:24px 20px 30px 0px; padding:0px;}
#graphicHeader_home {width:622px; height:124px; padding:0px 0px 25px 0px; background:url(graphicHeader/graphicHeaderBG_home.jpg) no-repeat;}
#graphicHeader {width:496px; height:124px; padding:0px 0px 10px 0px; background:url(graphicHeader/graphicHeaderBG.jpg) no-repeat; float:left;}
#subNav {width:100px; height:24px; float:left; padding:57px 0px 0px 10px;}

#right {float:right; width:306px; margin:0px; padding:0px 15px 0px 0px;}
#specials {width:306px; height:238px; margin:0px 0px 20px 0px;}
#callouts {width:306px; min-height:249px;}
#callouts img {}

#bottom {background:url(bottomBG.jpg) repeat-x bottom center; margin-left:auto; margin-right:auto; bottom:0px;}
#footerWrapper {width:968px; height:95px; margin-left:auto;	margin-right:auto; padding-top:55px; position: relative;}
#footerNav {text-transform:uppercase; font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#58654b; text-align:left; width:242px; position:absolute; left:30px; bottom:70px;}
#footerNav a:link, #footerNav a:visited, #footerNav a:active {font-family:Helvetica, Arial, sans-serif; font-size:10px; color:#58654b; text-decoration:none;}
#footerNav a:hover {color:#c2a96e;}
#ht {position:absolute; left:20px; bottom:20px; width:164px; height:16px; padding:0; margin:0;}
#contactInfo {position:absolute; left:204px; bottom:20px; font-family:Tahoma, Geneva, sans-serif; font-size:11px; color:#3f3e3e; line-height:18px;}

/* --------- Content Layouts ------------ */

.separator {width:599px; height:51px; background:url(separator.gif) no-repeat;}
.callout {background:url(callout.jpg) no-repeat #57654B; width:425px; min-height:64px; padding:45px 87px 0px 87px;}
#content .callout p {font-family:Tahoma, Geneva, sans-serif; font-size:11px; text-align:center; color:#c2ac7a; 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:#e58636;}

.map {background:url(mapBG.jpg) no-repeat; width:550px; height:400px; padding:21px 8px;}

.textOnly, p.textOnly, td.textOnly {}

.imgL {background:url(imgBG.jpg) no-repeat; width:218px; height:124px; padding:17px 4px; vertical-align:top;}
.txtR {width:348px; padding:0px 0px 0px 25px; margin:0px; vertical-align:top;}

.imgR {background:url(imgBG.jpg) no-repeat; width:218px; height:124px; padding:17px 4px; vertical-align:top;}
.txtL {width:348px; padding:0px 25px 0px 0px; margin:0px; vertical-align:top;}

.colOne {width:284px; padding:0px 31px 0px 0px; vertical-align:top;}
.colTwo {width:284px; vertical-align:top;}

.imageOnly {}

.codeOnly {}

.spacer {font-size:1px; line-height:1px;}
.spacer img {}

.photothumb {padding:0px 4px 0px 0px; margin:0px; width:194px; height:138px;}
.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:url(submit.jpg) no-repeat #57654B; border:0; cursor:pointer; height:24px; width:100px; padding:25px 0px 0px; margin:10px 0px 0px; /*margin:10px 17px 0 63px;*/}
	/*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:url(submit_on.jpg) no-repeat #57654B; border:0; cursor:pointer; height:24px; width:100px;}

.form-checkbox, .form-notes, .form-radio, .form-select, .form-text, .form-textarea {font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:18px; color:#604c3b;}
	/* IMPORTANT!!! Use the same font attributes as the <p> on the site's mainContent area for ALL of these classes. */

.text-required {color:#E8CE90; line-height:18px; padding-right:20px; text-align:right; width:150px;}
.text-dark, .text-medium {padding-right:20px; text-align:right; width:150px;}

/* ----- mspecials module - special copy price ----- */
.copy_price {color:#e58636; font-weight:bold;}

/* ---------- Hi-Res Media Gallery ---------- */

.Hires_GalleryTitle {}

.Hires_ImageName {}

.Hires_Links {}

.contact_email_subject_url{display:none;}
