/* -------------------------------- */
/* toolkitCore */
html {width:100%; height:100%; margin:0; padding:0;}
body {width:100%; height:100%; margin:0; padding:0;	background:#e7e7e8 url(bg.jpg) repeat; text-align:center;}
	/*Do not put font-family here. Put it in your #content div.*/
h1 a {color:#939598; text-decoration:none}
h2 {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:14px; line-height:24px; color:#4B3C30; /* color:#242222; */ text-transform:uppercase; font-weight:bold; margin:0px;}
h2 a {color:#242222; text-decoration:none}
h3 {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:13px; line-height:24px; color:#4B3C30; /* color:#481664; */ margin:0px; font-weight:bold;}
/* no longer use .headline or .subheadline classes */
a {outline:none;}
p {padding-top:0px;	margin-top:0;}
ul {margin-top:0px; margin-bottom:15px;}
.clearSpace {clear:both;}
	/* keep these attibutes in here*/

.text-dark, .text-medium {}
.disclaimer, .text-dark-sm, .text-disclaimer {font-size:10px; font-style:italic;}
.white, text-light {color:#FFFFFF;}
.purpleSmall {color:#481664; font-size:12px; font-weight:normal; text-transform:none;}
/* /toolkitCore  */
/* -------------------------------- */
/* /shellIDs */
/* -------------------------------- */
#wrapper {width:960px; margin-left:auto; margin-right:auto; background:url(BG_logo.png) no-repeat; padding:25px 0px 0px 0px;}
#container {width:960px; margin-left:auto; margin-right:auto; text-align:left;}

#top {position:relative; width:960px; height:576px; background:#FFF;}

#property_links {position:absolute; left:0px; top:-18px; width:894px; min-height:16px; height:auto !important; height:16px; text-align:left; font-size:11px;}
#property_links a {font-family:"HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; color:#242222; text-decoration:none; text-transform:uppercase;}
#property_links a:hover {color:#232122; text-decoration:underline; text-transform:uppercase;}

#music {
	position:absolute;
	right:0px;
	top:-10px;
}

#mainnavHolder {position:absolute; width:260px; top:27px; left:21px;}
/*#mainnav {width:118px; float:left;}
#mainnav img {padding:0px; margin:0px; float:left; height:22px;}
#mainnavHover {width:134px; float:right;}
#mainnavHover img {padding:0px; margin:0px; float:right; height:22px;}*/

/*#social_holder {position:absolute; left:21px; top:530px; width:260px;}
#social_holder img {margin-right:24px;}
#social_entry {position:relative; float:left; height:32px;}
#social_entry_text {position:relative; float:left; height:32px; margin-right:10px; line-height:11px;}
#social_entry_text a {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:10px; text-decoration:none; color:#656565;}
#social_entry_text a:hover {color:#482962;}
#social_entry_pic {position:relative; float:left; width:32px; height:32px; margin-right:5px;}
#social_entry_face {position:relative; float:left; width:98px; height:28px; margin-right:5px; margin-top:4px;}*/



#social_holder2 {position:absolute; left:10px; top:502px; /* top:535px; */ width:265px;}
	#facebook {float:left; width:90px; _width:70px; padding-top:3px; padding-left:5px; padding-right:0px;}
	#googlePlus {float:left; width:90px; padding:9px 0px 0px 7px; *height: 25px;}
	#twitterFollow {float:left; width:161px; _width:140px; padding-top:2px; padding-left:4px; _padding-left:0px; overflow: hidden; *font-size:9px !important;}
	/*#pinterestSmall { width: 16px; height: 16px; float: left; padding-left: 0px; *padding-left: 0px; padding-top: 14px; border: none;}*/
	#pinterestBig { height:26px; padding-left:6px; padding-top:7px; *padding-top:7px; width:156px; border: none; float:left;}

#mainImage {position:absolute; width:449px; height:257px; top:7px; right:228px;}
#specials {position:absolute; width:214px; height:257px; top:7px; right:7px;}

#logo {height:77px; width:198px; position:absolute; left:35px; bottom:90px; /* bottom:55px; */}

#accentImage {height:263px; width:214px; right:464px; position:absolute; bottom:7px;}

#margincontent {width:400px; /*height:186px; padding:62px 29px 15px 20px;*/ height:240px; padding:0px 29px 15px 20px; right:7px; position:absolute; bottom:7px; z-index:500;}
.margincontent {}
.margincontent h1 {margin:0px 0px 10px 0px; padding:0px; font-family:"HelveticaNeue-Black", "Helvetica Neue Black", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:56px; font-weight:500; color:#939598; text-transform:uppercase; line-height:46px;}
.margincontent p {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; line-height:16px; color:#666666;}
#margincontentBG { width:449px; height:262px; right:7px; position:absolute; bottom:7px;}

.clearspace { clear: both;}

#middle {position:relative; width:670px; background:#fff; padding:37px 7px 0px 282px; margin:113px auto 0px auto;}
#left {}
#right {}
#pageHeader {width:670px; height:48px; margin:0px; padding:0px; background:url(headerBG.jpg) no-repeat;}
h1 {font-family:"HelveticaNeue-Black", "Helvetica Neue Black", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:30px; font-weight:500; color:#4B3C30; /* color:#481664; */ text-transform:uppercase; line-height:24px; /*letter-spacing:1px;*/ margin:0px; padding:0px 0px 24px 0px;}
#content {width:670px; margin:0px; padding:38px 0px 30px 0px; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; line-height:24px; color:#3e3e3e; min-height:312px;  height:auto !important; height:312px;}
#content p {padding-bottom:15px; margin:0px;}
	/* IMPORTANT!!!! Please use padding-bottom:15px on ALL p classes.
	This will provide the best cross-browser compatibility on paragraph spacing*/
#content a:link, #content a:visited, #content a:active {color:#3e3e3e; font-weight:bold; text-decoration:none;}
#content a:hover {color:#242222; font-weight:bold; text-decoration:underline;}

/*booking Mask*/
#bookingmask {position:absolute; width:525px; height:43px; top:264px; right:153px;}
#bmWrapper {position:relative; width:525px; height:43px;}

.checkInLabel {position:absolute; top:14px; right:476px;}
.checkInField {font-family:Verdana, Geneva, sans-serif; text-align:center; position:absolute; top:14px; right:450px;}

.inputdate{width:78px; padding:1px 0px 2px 2px;	height:13px; font-size:10px; color:#484848;	position:absolute; border-bottom:#939598 1px solid; border-right:#939598 1px solid; border-left:#d2d2d2 1px solid; border-top:#d2d2d2 1px solid; text-align:center;}

select {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#484848; width:34px; height:18px; border-bottom:#939598 1px solid; border-right:#939598 1px solid; border-left:#d2d2d2 1px solid; border-top:#d2d2d2 1px solid; padding:1px 0px;}

.nightsLabel {position:absolute; top:14px; right:315px;}
.nightsField {position:absolute; top:14px; right:280px;}
.adultsLabel {position:absolute; top:14px; right:227px;}
.adultsField {position:absolute; top:14px; right:193px;}
.childrenLabel {position:absolute; top:14px; right:130px;}
.childrenField {position:absolute; top:14px; right:96px;}

.booknowBTN {position:absolute; top:14px; right:0px;}
.availability{cursor:pointer; display:block; height:18px; width:85px; outline:none;}

#ui-datepicker-div {display: none;}
div.ui-datepicker {font-size:10px; z-index:9999999;}
img.ui-datepicker-trigger{ margin:3px 0 0 4px; cursor:pointer;}
div.checkInField img.ui-datepicker-trigger{ position:relative; left:88px; margin:0;}
/*img.ui-datepicker-trigger{position:absolute; left:86px; top:0px; *left:86px; *top:0px; cursor:pointer; width:21px; height:17px;}*/
div.ui-dialog {font-size:11px; color:#fff;}
div.ui-dialog div#popBox {padding:2px 0; color:#fff; font-weight:bold;}

/*----END booking Mask----*/
#getmore {height:43px; width:136px; position:absolute; top:264px; right:0px; outline:none;}

#footer {position:relative; width:960px; height:55px;}
#ht {position:absolute; top:10px; left:0px; height:18px; width:163px;}
#copyright {position:absolute; top:14px; left:185px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:8px; color:#666666; /* color:#a9a9aa; */ font-weight:100; text-transform:uppercase;}
#footernav {position:absolute; top:13px; right:0px; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px; color:#666666; text-transform:uppercase; word-spacing:2px; text-align:right;}
#footernav a:link, #footernav a:visited, #footernav a:active {font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px; color:#666666; text-transform:uppercase; word-spacing:2px; text-decoration:none; padding-left:20px;}
#footernav a:hover {text-decoration:underline;}
#address {position:absolute; top:35px; left: 0px; width:100%; font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; font-size:10px; color:#666666; /* color:#a9a9aa; */ font-weight:100; text-transform:uppercase; text-align:center;}

/* --------- Content Layouts ------------ */
.textOnly, p.textOnly, td.textOnly {width:595px; margin:0px; padding:0px 75px 0px 0px;}

.imgL {width:214px; height:172px; padding:6px 0px 15px 0px; vertical-align:top; line-height:0px;}
.txtR {padding:0px 75px 0px 21px; width:360px; vertical-align:text-top;}

.imgR {width:214px; height:172px; padding:6px 75px 15px 0px; vertical-align:top; line-height:0px;}
.txtL {padding:0px 21px 0px 0px; width:360px; vertical-align:text-top;}

.logoR {width:214px; height:74px; padding:6px 75px 0px 0px; vertical-align:top; line-height:0px;}

.imageOnly {padding:0px 75px 0px 0px;}
.codeOnly {padding:0px 75px 0px 0px;}

.separator {background:url(separator.jpg) no-repeat; width:670px; height:49px; padding:0px; margin:0px; line-height:0px;}

.spacer {font-size:1px; line-height:1px;}
.spacer img {}

.photothumb {
	width:125px;
	height:120px;
	margin:0px;
	padding: 0px 31px 0px 0px;;
	vertical-align:top;
}

.photothumb img {
	margin:0px;
}

#content .getbooked_acc a:link, #content .getbooked_acc a:visited, #content .getbooked_acc a:active {background:url(getBooked.jpg) no-repeat; outline:none; cursor:pointer;}
#content .getbooked_acc a:hover {background:url(getBooked_on.jpg) no-repeat; outline:none; cursor:pointer;}

.colOne {width:282px; padding:0px 31px 0px 0px; vertical-align:top;}
.colTwo {width:282px; padding:0px 75px 0px 0px; vertical-align:top;}

.map {border:1px solid #999999; width:500px; text-align:center;}

.callout {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:11px; text-align:center; color:#3e3e3e; width:525px; padding:22px 35px 5px 35px; margin:0px 75px 0px 0px; background:#e7e7e8;}
#content .callout p {padding:0px 0px 15px 0px; margin:0px; line-height:16px;}
#content .callout a:link, #content .callout a:visited, #content .callout a:active {color:#3e3e3e; font-weight:bold; text-decoration:none;}
#content .callout a:hover {color:#242222; font-weight:bold; text-decoration:underline;}


/* --------- /Content Layouts ------------ */
.getadeal {background:url(getadeal.jpg) no-repeat; outline:none; cursor:pointer;}
.getadeal:hover {background:url(getadeal_on.jpg) no-repeat; outline:none; cursor:pointer;}

/* ----- GuestBook Form Elements ----- */
.form-button {background-color:#252424; font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; border:none; cursor:pointer; margin:10px 0 0 0; padding:3px; text-transform:uppercase; vertical-align:top; letter-spacing:1px;}
	/*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:#939598; color:#ffffff;}

.form-checkbox, .form-radio {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e; vertical-align:middle;}
.form-select, .form-text, .form-textarea, .form-notes {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:11px; padding:0px; color:#3e3e3e; vertical-align:top;}
	/* IMPORTANT!!! Use the same font attributes as the <p> on the site's mainContent area for ALL of these classes. */

.form-textarea {margin-top:5px;}
.text-required {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; color:#481664; font-weight:bold; padding-right:20px; vertical-align:top; width:175px;}
.text-dark, .text-medium {font-family:"Century Gothic", Arial, Helvetica, sans-serif; font-size:12px; color:#3e3e3e;padding-right:20px; vertical-align:top; width:175px;}

/* ----- mspecials module - special copy price ----- */
.copy_price {font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#481664;}

/* ---------- Hi-Res Media Gallery ---------- */

.Hires_GalleryTitle {}

.Hires_ImageName {}

.Hires_Links {}

.contact_email_subject_url{display:none;}

/* ----------- Career App Styles ------------ */
div.jobName {text-align:left; font-size:14px; padding-left:3px; cursor:pointer; border-bottom:1px solid #242222; margin-bottom:3px; width:100%; color:#802E82;}
div.arrowBox {width:25px; height:25px; background-image:url("arrow_right.png"); background-repeat:no-repeat; background-position:center; float:right;}
div.arrowDown {width:25px; height:25px; background-image:url("arrow_down.png"); background-repeat:no-repeat; background-position:center; float:right;}
.jobBox {}
.job_description {}
/* ------------------------------------------ */