@charset "utf-8";

body {background-color:#000000; background-image:url(repeatBg.jpg); background-repeat:repeat-x; background-position:top; margin:0; width:100%; height:100%;}

#container {width:935px; background-image:url(citybg.jpg); background-repeat:no-repeat; background-position:top center; margin-left:auto; margin-right:auto;}

#wrapper {/*width:940px;*/ width:935px; margin-left:auto; margin-right:auto;}
#pageHeader {padding-left:35px; width:638px;}
h1 {font-family:"Century Gothic", Arial, Helvetica, sans-serif; color:#000333; font-size:35px; font-weight:lighter; margin-bottom:10px;}
h2 {font-family:Verdana, Geneva, sans-serif; font-size: 12px; font-variant: normal; text-transform:uppercase; color:#570119;}
h3 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#666666;}
ul, li {/*background-image:url(listSep.jpg); background-position:bottom left; background-repeat:no-repeat;*/ list-style-type:disc;list-style-position: inside;}


#content {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; line-height:22px; width:603px; /*background-image:url(rightspbg.jpg); background-repeat:repeat-y;*/ min-height:349px; padding: 15px 33px 35px 35px;}
#content p {padding-bottom:15px;}
#content a:link, #content a:visited, #content a:active {font-family:Arial, Helvetica, sans-serif; /*font-size:11px;*/ color:#c77f1e;	text-decoration:underline;}
#content a:hover {color:#82b9e8;}

#left {float:left; width:262px;}
#top {width:935px; position:relative; height:126px;	background-image:url(mainnavtop.jpg); background-position:bottom left; background-repeat:no-repeat;}
#logo {position:absolute; top:0px; left:0px; width:262px; height:112px; background-image:none;}
#featurednav {height:19px; position:absolute; right:0px; bottom:0px;}
#featurednav img{height:19px; float:left; padding:0px 0px 0px 4px; margin:0px;}
#mainWrapper {position:relative; /*width:940px;*/ width:935px; background:url(mainbg.jpg) repeat-y top center;}

/*#leftcontent {background-image:url(leftspbg.jpg); background-repeat:repeat-y;}
#logo{width:262px; height:112px; background-image:none;}*/
#mainnav {width:262px; height:341px; background:url(mainnavbg.jpg) no-repeat 0 0; padding-top:40px;}
#mainnav img {float:left; width:258px; height:10px; padding-left:2px; padding-right:2px; margin-bottom:22px;}
#specials{width:252px; padding-left:5px; padding-right:5px; padding-top:3px; height:274px;}
#locCallout{width:252px; padding-left:5px; padding-right:5px; background-image:url(leftspbg.jpg); background-repeat:repeat-y; height:102px;}
#right{/*width:671px;*/ float:right; width:673px;}
#toparea{width:673px; height:439px;	/*padding-top:107px; position:relative;*/}

/*#featurednav{
	height:	19px;
	float:right;
	position:absolute;
	right:0px;
}

#featurednav img{
	height: 19px;	
}*/

#topContent {/*background-image:url(rightspbg.jpg); background-repeat:repeat-y; position:absolute; width:671px; top:126px; padding-left:3px; padding-right:2px;  width:673px;*/ height:426px; margin:0px 0px 30px 0px; padding:0px;}
#headerImg {width:668px; height:385px; padding:2px 2px 0px 3px; margin:0px; /*position:absolute; top:2px; right:2px;*/}
#footer {width:935px; background-image:url(footerbg.jpg); background-repeat:no-repeat; margin-bottom:15px; position:relative;}
#footer p {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#626262; padding-bottom:5px;}
#footerleft {float:left; width:468px;}
#footerNav {height:21px; padding:9px;}
#footerNav img {height:21px; float:left; margin:0px;}
#contactInfo{
	width:453px;
	padding-left:15px;
	margin-top:10px;
}

#footerright{
	width:464px;
	float:right;
	text-align:right;
}

#facebook{
	width:24px;
	height:24px;
	position:absolute;
	right:210px;
	top:10px;
}

#twitter{
	width:24px;
	height:24px;
	position:absolute;
	right:175px;
	top:10px;	
}

#snandcopy{
	width:464px;
	height:39px;
	position:relative;
}

#snandcopy p{
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	position:absolute;
	right: 15px;
	top:15px;
}

#snandcopy img{
	float:left;
	height:24px;
}

#hhonors{
	width:177;
	height:53;
	padding-top:10px;
	padding-right:15px;
}

#bgfade{
	width:657px;
	height:183px;
	background-image:url(contentFade.jpg);
	background-repeat:no-repeat;
	position:absolute;
	bottom: 112px;
	right: 7px;
}

.clearspace{
	clear:both;	
}

.disclaimer{
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	font-style:italic;
	font-size:10px;
}

.copy_price{
	font-family:Arial, Helvetica, sans-serif;
	color:#82b9e8;
	font-size:11px;
}

.specialsHead{
	font-family:Verdana, Geneva, sans-serif; 
	font-size: 15px; 
	font-variant: normal;
	font-weight:bold;
	text-transform:uppercase; 
	color:#570119;
}

/*--------------Content Layouts-------------------*/

.textOnly, p.textOnly, td.textOnly {
	width:600px;
	}

.imgL {
	background-image:url(conimagebg.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:167px;
	}
	
.imgL img{
	width:184px;
	height:163px;
	padding:2px;
}

.imgR {
	background-image:url(conimagebg.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:167px;
	}
	
.imgR img{
	width:184px;
	height:163px;
	padding:2px;
}


.txtL {
	width:390px;
	padding-right:20px;
	vertical-align:top;
	}

.txtR {
	width:390px;
	padding-left:20px;
	vertical-align:top;
	}

.colOne{
	width:290px;
	padding-right:20px;
}

.colTwo{
	width:290px;
}


.imageOnly {
	width:600px;
	height:400px;
	background-image:url(imageonlybg.jpg);
	background-repeat:no-repeat;
	}

.imageOnly img{
	width:596px;
	height:396px;
	padding: 2px;
	margin: 0px;
}

.map {
	width:600px;
	height:400px;
	background-image:url(imageonlybg.jpg);
	background-repeat:no-repeat;
	}

.map iframe{
	width:596px;
	height:396px;
	padding: 2px;
	margin: 0px;	
}

.seperater {
	background-image:url(seperater.jpg);
	background-repeat:no-repeat;
	background-position:center;
	width:600px;
	height:60px;
	clear:both;
}

.callout{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#FFFFFF;
	text-align:center;
	background-image:url(calloutbg.png);
	background-repeat:no-repeat;
	width:545px;
	height:50px;
	vertical-align:middle;
	/*padding-top:10px;*/
	padding-right:30px;
	padding-left:30px;
}

#content .callout a:link, #content .callout a:visited, #content .callout a:active{
	text-decoration:none;
	color:#ffa022;
	font-size:13px;
}

#content .callout a:hover{
	text-decoration:underline;
	color:#ffa022;
	font-size:13px;
}

.gallery-thumb{
	background-image:url(conimagebg.jpg);
	background-repeat:no-repeat;
	width:188px;
	height:167px;
	padding-right:15px;
}

.gallery-thumb img{
	width:184px;
	height:163px;
	padding:2px;
}

.codeOnly {}

/*--------------Content Layouts End-------------------*/

/*--------------Booking Mask-------------------*/
#bookingMaskWrapper {width:668px; height:60px; position:absolute; top:368px; right:2px;}


#bookingMask {
	width:668px;
	height:60px;
	position:relative;
	/*bottom:22px;*/
	background-image:url(bookingmask/bg_bk.jpg);
	background-repeat:repeat-x;
	background-position:bottom left;
	z-index:10;
	display:none;
	top:0px;
}


div.ui-datepicker {font-size:10px; z-index:9999999; line-height:16px;}
img.ui-datepicker-trigger{position:relative; left:3px; top:5px; *top:2px;}

#fragment-1{background-color:#FFC653;}
#fragment-2{background-color:#FFC653;}
/*remove content and background images from header and content*/
div#bookingMask .ui-widget-content{border:none; /*height:110px;*/ background-color:transparent; background:none;}
div#bookingMask .ui-widget-header{background-image:none; background-color:transparent; border:none;}

div#bookingMask .ui-tabs{padding:0px;}
div#bookingMask .ui-tabs .ui-tabs-nav{padding:0px;}
div#bookingMask .ui-tabs .ui-tabs-nav li a{padding:0px;}
div#bookingMask .ui-tabs .ui-tabs-nav li.ui-tabs-selected{padding:0px;}
div#bookingMask .ui-tabs .ui-tabs-panel{padding:0px;}

div#tabs ul li{
	border:none;
}
div#tabs ul{
/*	height:50px;*/
}




/*remove jQuery backgroundImages and colors from li that are the tabs - we will replace with images on the 'a' tags inside the li*/
div#tabs .ui-state-default,.ui-widget-content .ui-state-default{
	background-image:none; 
	background-color:transparent; 
	padding:0;	
	margin:0px;
	
	}
div#tabs .ui-state-active, .ui-widget-content .ui-state-active{
	background-image:none; 
	background-color:transparent; 
	padding:0;	
	margin:0px; 
	}

div#tabs ul li.ui-state-active a#no_1{
	background-image:url(bookingmask/check_available_on.png);
	background-repeat:no-repeat;
	background-position:0px left;
	/*background-color:#394243;*/
	display:block;
	width:129px;
	height:21px;
	margin:0px;
}

div#tabs ul .ui-state-default a#no_1{
	background-image:url(bookingmask/check_available.png);
	background-repeat:no-repeat;
	background-position:0px left;
	display:block;
	height:21px;
	width:129px;
	margin:0px;
}

div#tabs ul li.ui-state-default a#no_1:hover{
	background-image:url(bookingmask/check_available_on.png);
	background-repeat:no-repeat;
	background-position:0px left;
	cursor:pointer;
}

div#tabs ul li.ui-state-active a#no_2{
	background-image:url(bookingmask/rewardstay_on.png);
	background-repeat:no-repeat;
	display:block;
	height:21px;
	width:135px;
	margin:0px;
	
}

div#tabs ul .ui-state-default a#no_2{
	background-image:url(bookingmask/rewardstay.png);
	background-repeat:no-repeat;
	/*background-position:0px left;*/
	/*background-color:#394243;*/
	display:block;
	height:21px;
	width:135px;
	margin:0px;
	
}

div#tabs ul .ui-state-default a#no_2:hover{
	background-image:url(bookingmask/rewardstay_on.png);
	background-repeat:no-repeat;
	background-position:0px left;
	cursor:pointer;
}

#dateIn, #dateOut, #dateIn_2, #dateOut_2, #promoCode, #corpCode {
	border:1px solid #999;
	height:15px;
	width:80px;
	font-size:10px;
	color:#444;
	text-align:center;
}
/************************* first mask **************************/
#resform label
	{
		font-size:10px;
		color:#fff;
		font-weight:bold;
		margin:0px;
		color:#000;
		position:relative; bottom:5px;
		white-space:nowrap;
	}
#resform table
	{
		margin:5px 0 0 30px;
		font-family:arial;
	}

#resform table.no2
	{
		margin:5px 0 0 10px;
		font-family:arial;
	}

#resform table td.dateBox
	{
		width:120px;
		padding:0 0 5px 5px;
		font-size:10px;
		color:#fff;
		font-weight:bold;
		vertical-align:top;
	}
#resform table td.dateBox input {
	position:relative;
	/*bottom:3px;*/
	
}	

#resform table td.bSep
	{
		width:20px;		
	}
#resform #subBttn
	{
		cursor:pointer;
		margin-top:3px;
	}


/*****************End Booking Mask*************************/



/*--------------Booking Mask End-------------------*/
