/*****Reset*****/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/****Basic Definitions****/
body {
background: #083C52 url(/images/background.jpg) repeat-x 0 0;
font: 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
color: #083C51; 
}

p {
font: 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
color: #083C51; 
line-height: 20px; 
margin-bottom: 14px;
}

h1 {
font: 18px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
color: #083C51;
margin-bottom: 14px;
}

h2 {
font: 16px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
color: #083C51;
margin-bottom: 12px;
line-height: 18px;
font-weight: bold;
}

h3 {
font: 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
color: #000;
line-height: 20px;
font-weight: bold;
}

h4 {}

a:link {color: #083C51; text-decoration: underline;}
a:visited {color: #4F7483; text-decoration: underline;}
a:hover {color: #74380D; text-decoration: underline;}
a:active {color: #083C51; text-decoration: underline;}

a img {border: none;}

input, select {font-size: 11px;}

/****Layout*****/
#container {
width: 890px; 
padding: 0 155px;
margin: 0 auto; 
background:url(/images/swirls.png) no-repeat 0 0;
}

#utility {
width: 892px; 
height: 55px; 
background: url(/images/utility_back.png) no-repeat 0 0;
list-style: none;
font: 11px Verdana, Arial, Helvetica, sans-serif; 
color: #fff;
padding-top: 9px;
}

#utility li {
float: right; 
padding: 0 6px;
border-right: 1px solid #fff;
line-height: 12px;
}

#utility li.last {border-right: 0px; padding-right: 0px;}

#utility a, #utility a:visited {color: #fff; text-decoration:none;}
#utility a:hover {color: #fff; text-decoration: underline;}

#contentArea {
width: 821px; 
min-height: 710px;
padding: 0 35px;
background: #fff url(/images/content_back.png) repeat-y 0 0;
}

#branding {
height: 242px; background: url(/images/branding.jpg) no-repeat 0 0;
margin-bottom: 28px;
}

#logo {float: left; height:187px; width: 162px; padding: 9px 0 0 13px;}

#brochureBtn {float: right; height: 105px; padding: 91px 39px 0 0;}

#nav {clear: both; list-style: none; height: 46px; color: #fff;}
#nav li {float: left; height: 46px;}


#col1 {float: left; width: 480px;}
#col1 p { line-height:18px;} /* added this class to accomodate updated homepage text*/
#col2 {float: right; width: 320px;}

#content {float: left; width: 822px;}
#ctas {float: right; width: 320px; margin-left: 20px;}

#footer {
width: 892px;
background: url(/images/footer_back.png) no-repeat 0 0;
padding-top: 50px;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #fff;
text-align: center;
margin-bottom: 20px;
}

#footer a, #footer a:visited {color: #fff; text-decoration:none;}
#footer a:hover {color: #fff; text-decoration: underline;}

/***NAV STYLES***/

ul#nav li#nav1 {width: 153px;}
ul#nav li#nav2 {width: 146px;}
ul#nav li#nav3 {width: 90px;}
ul#nav li#nav4 {width: 123px;}
ul#nav li#nav5 {width: 88px;}
ul#nav li#nav6 {width: 111px;}
ul#nav li#nav7 {width: 110px;}

ul#nav li a  {
display: block; 
height: 46px; 
background: #000;
color: #fff;
overflow:hidden;
position:relative;
}

ul#nav li a span {
cursor: pointer; 
display: block; 
height: 46px; 
position: absolute; 
left: 0; 
top: 0;
}


ul#nav li#nav1 a span { width: 153px; background: url(/images/nav.jpg) no-repeat 0px 0px; }
ul#nav li#nav2 a span { width: 146px; background: url(/images/nav.jpg) no-repeat -153px 0px; }
ul#nav li#nav3 a span { width: 90px; background: url(/images/nav.jpg) no-repeat -299px 0px; }
ul#nav li#nav4 a span { width: 123px; background: url(/images/nav.jpg) no-repeat -389px 0px; }
ul#nav li#nav5 a span { width: 88px; background: url(/images/nav.jpg) no-repeat -512px 0px; }
ul#nav li#nav6 a span { width: 111px; background: url(/images/nav.jpg) no-repeat -600px 0px; }
ul#nav li#nav7 a span { width: 110px; background: url(/images/nav.jpg) no-repeat -711px 0px; }

ul#nav li#nav1 a:hover span, ul#nav li#nav1 a.selected span { background: url(/images/nav.jpg) no-repeat 0 -46px; }
ul#nav li#nav2 a:hover span, ul#nav li#nav2 a.selected span { background: url(/images/nav.jpg) no-repeat -153px -46px; }
ul#nav li#nav3 a:hover span, ul#nav li#nav3 a.selected span { background: url(/images/nav.jpg) no-repeat -299px -46px; }
ul#nav li#nav4 a:hover span, ul#nav li#nav4 a.selected span { background: url(/images/nav.jpg) no-repeat -389px -46px; }
ul#nav li#nav5 a:hover span, ul#nav li#nav5 a.selected span { background: url(/images/nav.jpg) no-repeat -512px -46px; }
ul#nav li#nav6 a:hover span, ul#nav li#nav6 a.selected span { background: url(/images/nav.jpg) no-repeat -600px -46px; }
ul#nav li#nav7 a:hover span, ul#nav li#nav7 a.selected span { background: url(/images/nav.jpg) no-repeat -711px -46px; }

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
font: normal 12px Trebuchet MS;
line-height:18px;
z-index:100;
visibility: hidden;
list-style:none;
margin-top: -1px;
}

.dropmenudiv a{
display: block;
border-top: 1px solid #608290; 
padding: 6px 15px 8px 15px;;
text-decoration: none;
font-weight: bold;
background-color: #466D7E;
width: 174px;
line-height: 14px;
}

.first a {border-top: 0px;}

ul.dropmenudiv li a:link, ul.dropmenudiv li a:visited {color: #fff; text-decoration: none;}

ul.dropmenudiv li a:hover {color: #fff; text-decoration: none; background-color: #083f53;}



/*****Calls to Action****/
a.cta  {
display: block; 
height: 70px;  /*height: 93px;*/
width: 320px; 
background: #000;
color: #fff;
overflow:hidden;
position:relative;
}

a.cta span {
cursor: pointer; 
display: block; 
height: 70px; /*height: 93px;*/
width: 320px;
position: absolute; 
left: 0; 
top: 0;
}

a#cta1 span {background: url(/images/cta-reservation2.jpg) no-repeat 0 0;}
a#cta1:hover span {background: url(/images/cta-reservation2.jpg) no-repeat -320px 0;}

a#cta2 {margin: 5px 0;} /*margin: 15px 0;*/
a#cta2 span {background: url(/images/cta-mailinglist2.jpg) no-repeat 0 0;}
a#cta2:hover span {background: url(/images/cta-mailinglist2.jpg) no-repeat -320px 0;}

a#cta3 {margin: 5px 0;} /*margin: 15px 0;*/
a#cta3 span {background: url(/images/cta-massage-reservation.jpg) no-repeat 0 0;}
a#cta3:hover span {background: url(/images/cta-massage-reservation.jpg) no-repeat -320px 0;}


/****Custom Styles****/
.clearing {clear: both;}
.lily {position: relative; float: right; width: 74px; height: 56px; margin-top: -90px; /*margin-top: -114px*/ margin-right: -18px; z-index: 100;}
img.left {float: left; margin: 0 8px 14px 0;}
img.right {float: right; margin: 0 0 14px 8px;}
.dividerShort {border-bottom: 1px dashed #083C51; margin-bottom: 14px; width: 480px;}
h2.divider {clear: both; border-top: 1px dashed #083C51; padding-top: 14px;}

#content ul {
font: 13px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; 
color: #083C51; 
line-height: 20px; 
margin-left: 40px;
margin-bottom: 14px;
}

/***Forms****/

ol.forms { float: left; list-style: none; width: 100%; }
ol.forms li { clear: both; float: left; margin: 0 0 10px; width: 100%; }
ol.forms label { cursor: pointer; display: block; float: left; font-weight: bold; margin: 0 10px 0 0; width: 110px;}
ol.forms input { font: inherit; padding: 2px; width: 200px; }
ol.forms li.grouping label { margin: 0; width: auto; }
ol.forms li.grouping { margin-bottom: 10px; }
ol.forms li.grouping ul { list-style: none; margin-left: 100px; }
ol.forms li.grouping ul label { display: inline; float: none; font-weight: normal; margin: 0 0 0 10px; width: auto; }
ol.forms li.grouping ul input { width: auto; }
ol.forms li.grouping textarea { width: 97%;}
ol.forms li.buttons { float: none; width: auto; text-align: center;}

ol.forms li.checkboxes input { font: inherit; padding: 0px; width: 20px; }
ol.forms li.checkboxes label {float: none; display: inline;}

/***Flash Slidshow***/
div#col1 div.flash-replaced div.alt { display: none; }
div#homeFlash { width: 480px; height: 210px;}
/*div.inner {margin-top: 48px;} Changed the margin to 20 to accomodate an update*/
div.inner {margin-top: 20px;}