/***************************************************
   HTML Element Styles
 ***************************************************/

*{
	margin: 0;
	padding: 0;
}

body {
  margin: 0;  
  font: 11px verdana, arial, sans-serif;  
  line-height: 18px;
  color: #454a44;
  background-color: #fff;
  background-image: url(../images/header_sm_bg.jpg);
  background-repeat: repeat-x;
}

body#home {
	background-image: url(../images/header_bg.jpg);
}


p { 
  padding-top: 10px;
  padding-top: 3px;
  padding-bottom: 10px;
  padding-bottom: 3px;
}

a:link, a:visited {
  color: #8f7851;
  text-decoration: none;
}

a:hover {
  color: #333;
}

div.clearer {
	height: 0px;
	line-height: 0px;
	margin-top: 0px;
	clear: both;
	background-color: transparent;
	font-size: 1px;
}

h1 {
  clear: both;
  font: 18px helvetica, arial, sans-serif;
  text-transform: uppercase;
  color: #333;
  border-bottom: 1px solid #692330;
  margin: 5px 0 0 0;
}

h1 span {
  display: block;
  padding: 2px;
}

h2, h3 {
  text-align: left;
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  color: #333;
}

h3 {
  border-bottom: 1px solid #4a0000;
  margin: 15px;
  font: 14px verdana, sans-serif;
}

p{
  padding: 5px;
}

dt{
  font-weight: bold;
  color: #333;
}

dt a, dt a:visited{
	color: #333;
}

dl{
	margin: 0 0 10px 10px;
}

td {
font: 0.62em verdana, arial, sans-serif; 
line-height: 20px;
}

/***************************************************
  Layout Element Styles
 ***************************************************/

#headerImage{
	margin: 0 0 5px 0;  
  
}

#brochure{
	position: absolute;
	top: 0;
	right: 0;
	border: 0;
}

#brochure img{
	border: 0;
}

body#splash #brochure{
	display: none;
}

div#address{
	margin: 5px 0 0 0;
	width: 180px;
	float: right;
	color: #ccc;
	font-size: 8px;
	font-weight: bold;
	text-align: left;
}

div#address p{
	margin: 0;
	padding: 0;
	line-height: 14px;
}

div#address img{
	float: left;
}

div#address p.info{
	font-size: 9px;
}

div#footer {  
 	font-size: 10px; 
	margin: 0 auto;
	padding: 10px 0 0 0;
	text-align: center;
}

body#index div#footer { 
	display: none;
}

.dupageLink { text-align: center; }

div#constraint{
	background-image: url(../images/header_sm_bg.jpg);
	background-repeat: no-repeat;
  	background-position: top left;

}

body#home div#constraint{
	background-image: none;
	background-repeat: no-repeat;
  	background-position: top left;
  	padding: 5px 0 0 0;
}

div#slideshow{
	display: none;
}

body#home div#slideshow{
	text-align: center;
	width: 100%;
	display: block;
}


div.column_left p img{
	color: #645026;
	
}

.article{
	color: #371200;
	font-size: 13px;
}

div.column_right, div.column_left{
	width: 350px;
	margin: 10px 0 0 40px;
	float: left;
}

div.column_right {
	float: right;
	margin: 10px 0 0 20px;
}

body#contact div.column_right { width: 310px; margin: 0;}

body#contact div.column_right img{
	margin: 0 0 10px 10px;
}

body#specials div.column_left, body#packages div.column_left{
	width: 500px;
	margin: 10px 0 0 10px;
}

body#massage div.column_right{
	width: 390px;
}

body#massage div.column_left{
	margin: 10px 0 0 0;
}

body#specials .highlightedAreaBlue { width: 96%; height: auto; background-color: #81b3c1; border: 6px solid #307184; color: #1f0f00; padding: 5px; margin: 5px 0;}
body#specials .highlightedAreaBlue h1, body#specials .highlightedAreaAlt dt, body#specials .highlightedAreaBlue dl dt { color: #1f0f00; }
body#specials .highlightedAreaBlue dl { padding-right: 15px; }

/***************************************************
  Weather
 ***************************************************/
.weather .dynamicCity { display: none; }

.weatherImage { float: left; width: 65px; }
.weather .weatherInfo .weatherImage img { float: left; display: block; width: 55px; }
.weatherInfo h3 { float: left; font-weight: bold; font-size: 30px; margin-top: 0; margin-left: 0; border: none; }
.weatherInfo h3 span { font-size: 16px; font-weight: normal; }
.weatherInfo .weatherWind, .weatherInfo p, .weatherInfo .weatherUpdated { display: none; }

/***************************************************
  Navigations
 ***************************************************/
div#nav{
	display: none;
}

body#home div#nav{
	margin: 0px auto;
	text-align: center;
	display: inherit;
}

body#home div#main_nav {
	display: none;
	
}
div#main_nav {
	margin: 0px auto;
	text-align: center;
	margin: 40px 0 0 0;
}

div.textLinks{
	margin: 0 auto;
	text-align: center;
	border-top: 1px solid #692330;
	border-bottom: 1px solid #692330;
	width: 800px;
}

div.textLinks a {
	display: inline;
	margin: 4px;
	text-decoration: none;
}

.wifi{
	margin: 0 auto;
	text-align: center;
	display: block;
	padding: 5px 0 0 0;
}

#ses{
	position: absolute;
	margin: 30px 0 0 300px;
}

/***************************************************
  CSS Main Navigation
 ***************************************************/

body#home div#navigation { 
	margin: 0px 0 0 20px;
}

* html body#home div#navigation {
	margin: 0px 0 0 15px;
} 
		
div#navigation { 
	float: left; 
	text-align: left; 
	margin: 5px 0 0 0;
}
		
/* Dropdown */
div#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
	/* width: 150px; Width of Menu Items - mainly used on the side Dropdown or for each main menu item to be the same width (needs a width if you want to center the menu) */
	text-transform: uppercase;
}
		
div#navigation ul li { 
	position: relative; 
	float: left; 
}

div#navigation li ul {
	position: absolute;
	top: 28px;
	left: 0;	/* Set 1px less than menu width */
	display: none;
}

/* Styles for Menu Items */
div#navigation ul li a, div#navigation ul li a:visited {
	height: 100%;	/* The dropdown disapears when you try to mouse-over it in IE7 - this fixes that issue. */
	line-height: 30px;	/* sets the height of the box */
	display: block;
	text-decoration: none;
	color: #fff;
	padding: 5px 5px 5px 20px;
	font-size: 130%;
}

/* Fix IE. Hide from IE Mac \*/
* html div#navigation ul li { 
	float: left; 
	height: 1%; 
}

* html div#navigation ul li a { 
	height: 1%; 
}
		
* html div#navigation ul li a { 
	float: left;	 
/* This float is needed for IE6 or else the main links will stretch accross the width of its container and will appear to display block. */ 
}

/* Th selector below prevents the over links from appearing to display inline. */

* html div#navigation li ul li { 
	clear: both; 
}

/* End Fix IE*/

div#navigation ul li a:hover { 
	color: #CC0000; 
}	

/* Hover Styles */
div#navigation li ul li a, div#navigation li ul li a:visited {
/* Sub Menu Styles */
/*This is if you want the size of the submenu to be smaller. */
	width: 110px;
	background-image: url(../images/nav_btn.png);
	background-repeat: no-repeat;
	padding: 0 0 10px 4px;
	margin: 0;
	font-size: 110%;
}

div#navigation li:hover ul, div#navigation li.over ul { 
	display: block; 
}	

/* The magic */
/* End Dropdown */


/***************************************************
 Page Content
 ---------------------------------------------------
 1. Left side text
 2. Dropdown image
 3. Right side bar 
 4. Content holders
 ***************************************************/


#content {  
  clear: both;
  margin: 0 auto;
  width: 800px;
  text-align: justify;
}


#content ul{
	margin: 0 0 10px 20px;
}  

div.sideInfo{
	width: 200px;
	margin: 10px;
	float: right;
	padding: 5px;
	border: 1px solid #333;
	
}

div.sideInfo h1{
	border-bottom: 1px solid #f4f4f4;
}


/***************************************************
  Intro Element Styles
 ***************************************************/
 
body#splash{
 	background-image: none;
 	background-color: #FFF8EB;
 }
 
body#splash #footer{
	margin: 80px 0 0 0;
}
 
div#intro{
 	margin: 0 auto;
 	text-align: center;
 	padding: 80px 0 0 0;
 }
 
body#splash #footer{
	color: #333;
}

body#splash #footer a:link, body#splash #footer a:visited{
	color: #660000;
}
 
div#printInfo{
 	display: none;
}


/***************************************************
Navigation Styles
 ***************************************************/

#navigation p {
  padding: 0 5px;
  margin-bottom: 0;
}

#navigation p span.navlink {
  display: block;
  margin-top: 5px;
  font-weight: 700;
}

#navigation img {
  margin-top: -1px;
}

#navigation a {
  color: #666;
}

#navigation a:visited {
  color: #676767;
}

#navigation a:hover {
  color: #FFF;
}

/***************************************************
  Packages Element Styles
 ***************************************************/

div.package {
	margin: 5px 0 5px 0;
	padding: 5px;
	background-color: #fff;
	border: 1px solid #333;
}

div.package dt{
	padding-right: 5px;
	margin-top: 5px;
}

div.package dt span, div.package dd span{
	float: right;
	font-weight: bold;
	display: block;
} 

div.package h1 {
	color: #fff;
	background-color: #692330;
	padding: 0 0 0 5px;
}
 
div.packageImage {
	width: 80px;
	height: 60px;
	float: left;
	margin: 5px;
	background-color: #f4f4f4;
}

div.packagePrice{
	float: left;
	background-color: #f4f4f4;
	border: 1px solid #d5d5d5;
	font-size: 110%;
	font-weight: bold;
	padding: 15px 0px 5px 0px;
	margin: 5px;
	height: 40px;
	width: 95px;
	text-align: center;
}

div.packageInfo{
	float: left;
	padding: 5px;
	margin: 5px;
	border: 1px solid #692330;
	height: 50px;
	width: 525px;
}

div#extend {
	height: 70px;
}

div.packageInfo dl {
	margin: 0px 0 0 4px;
}
 
div.packageItem {
	
}

#golf{}

/***************************************************
  Suites Element Styles
 ***************************************************/

.suitesContent, .locationContent, .featuresContent, .cleanContent, .specialsContent, .packagesContent, .rewardsContent{
	padding: 10px 20px 20px 20px;
}

body#suites ul li{
	text-transform: uppercase;
}

/***************************************************
  Beverage Element Styles
 ***************************************************/

body#beverageAge .beverageContent h3 { text-align: center; border: none; padding: 0 0 10px 0; }

body#beverageList .beverageContent h2 { text-decoration: underline; }
body#beverageList .beverageContent { margin: 30px 0; }
body#beverageList .beverageContent .half { float: left; width: 46%; margin: 10px 30px 10px 0; }
body#beverageList .beverageContent h1 span { font-weight: normal; text-transform: lowercase; font-size: 11px; display: inline; }

body#beverageList .rose img {float: left; margin: 10px;}

body#beverageList .rose p {}


body#beverageAge .beverageContent { margin: 70px 0; text-align: center; }
body#beverageAge .beverageContent input { margin: 0 5px 0 0; }

body#beverageAge .formBlock { width: 170px; margin: 20px auto 40px auto; text-align: left; float: none; }

body#beverageAge .continue { margin-top: 15px; text-align: center; }

body#beverageAge #under21Message { padding: 20px; background-color: #b00000; }
body#beverageAge #under21Message h1 { font-weight: bold; color: #fff; border: none; }
body#beverageAge #under21Message p { color: #fff;  }
body#beverageAge #under21Message p a { color: #f5f500; }
body#beverageAge #under21Message p a:hover { color: #ccc; }

/***************************************************
  Specials Element Styles
 ***************************************************/

.executiveSpecial{
	font-size: 115%;
	color: #000;
}


/***************************************************
  Location Element Styles
 ***************************************************/

.locationColumn{
	width: 375px;
	float: left;
	margin: 0 0 0 5px;
}

.locationColumn img{
	margin: 5px 0 0 0;
}

body#location a:link, body#location a:visited{
	
}

/***************************************************
  Rewards Login Element Styles
 ***************************************************/
div#rewardsswapper{
	
}

 /***************************************************
  Clean Styles
 ***************************************************/

 /***************************************************
  Renovation Styles
 ***************************************************/

body#renovation dl{
	margin: 10px;
	float: left;
}

 /***************************************************
  Review Styles
 ***************************************************/

body#reviews div.column_left, body#packages div.column_left{
	width: 500px;
	margin: 10px 0 0 10px;
}

body#reviews .column_left p{
	margin: 0 0 30px 0;
}
 

/***************************************************
  Contact Element Styles
 ***************************************************/
 
 .contactContent{
 padding-bottom: 30px;
 }
 
 /***************************************************
  Reserve & Gift Button Styles
 ***************************************************/
 
div#reserve, div#giftBtn  {
 	float: right;
 	margin: 10px 5px 0 0;
 }
 
body#home div#reserve, body#contact div#reserve, body#contact div#giftBtn, body#home div#giftBtn{
	float: none;
	margin: 10px 15px 0 0;
}

body#home div#reserve{
	margin: 10px 0 10px 0;
}
 
 div#spaBtn{
 	display: none;
 }

body#massage div#spaBtn{
	

}

/***************************************************
 Footer
 ***************************************************/

#footer {
  clear: both;
}

#footer p {
}

#footer h2 {
  margin: 10px 0;
  font: 700 1em verdana, sans-serif;
  text-align: center;
  color: #FFFFFF;
}

h2 span {
  background: url(../images/rounded_br.gif) no-repeat bottom right;
}


/***************************************************
 Generic Display Classes
 ***************************************************/
 

.date {
  display: block;
  font-weight: 700;
}

.disclaimer{
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	color: #CBB57C;
}

/* -------------------------------------------------- */
/* Form Elements                                     */
/* -------------------------------------------------- */

.formDirection {
margin: 10px;
color: #333;
}

.formBlock {
float: left;
width: 200px;
margin: 0 0 0 20px;
}

body#contact .formBlock { width: 190px; }

.formRow {
/*margin-left: 20px;*/
padding-bottom: 10px;
}

label, .field {
color: #333;
padding-right: 5px;
}

.field {
/* creates field names that display over fields */
display: block;
width: 100%;
}

.required {
font-weight: bold;
color: #660000;
}

select *{
width: 140px;
}

.sectionTitle {
font-weight: bold;
padding-bottom: 10px;
}

div.submitBlock {
	clear: both;
	text-align: center;
	padding: 5px 0 0 0;
}

.specialEvent {
padding: 10px;
text-align: center;
color: #000000;
background-color: #CCCCCC;
border: 1px solid #666666;
}

.specialEvent strong {
display: block;
font-size: 14px;
}

.specialEvent a {
color: #CC0000;
}


.fallRates dl { float: left; width: 17%; height: 120px; margin: 15px 10px 20px 0; border-right: 1px solid #ccc; }
.fallRates .weekly { width: 170px; }
.fallRates .last { margin-right: 0; border: none; }