/*
//-----------------------------------------------------------------------------

	surfside.css
	
	version:   1.0
	date:      3/01/08
	author:    [Martin Olson @ sandau]
	email:     [martin@sandaucreative.com]

	website:   [www.surfsideonsuperior.com]

	version history: [1.1]
	
	1.0: Original
	1.1: Site updates to spa section (spa_item)
	

// -----------------------------------------------------------------------------
*/


/*

	Import external stylesheets
	
-----------------------------------------------------------------------------*/

@import url("reset.css");
@import url("form.css");
@import url("gallery.css");


/*

	Styles
	
-----------------------------------------------------------------------------*/

strong {font-weight: 700}
.clearall { clear: both; margin: 0 }

body {
	background: #0c1a35 url(../img/bkg.jpg) no-repeat 0 0/*251e19*/;
	margin: 0;
	padding: 0;
	/* text format */
	font-family: Lucida Grande, Lucide Sans Unicode, Trebuchet MS, Trebuchet, Arial, Helvetica, Verdana, sans;
	font-size: 16px;
	line-height: 1.5em;
	color: #55483d/*a2a093*/;
	text-align: center
	}
.wrap {
	width: 890px;
	margin: 0 auto
	}
#header {
	padding: 30px 0 0;
	text-align: left
	}
#logo {
	margin: 0 45px 30px 56px
	}
.digits {
	float: right;
	margin-top: 20px;
	font-weight: 700;
	font-size: 85%;
	color: #483321
	}
.logoHome {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='assets/img/logo.png',sizingMethod='scale');
	width: 126px;
	height: 47px
	}
.logo {
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://surfsideonsuperior.com/preview/assets/img/logo.png',sizingMethod='scale');
	width: 126px;
	height: 47px
	}
.ie-hide{
    _display:none
	}
.footer {
	clear: both;
	background: #e4e0d1 url(../img/footer_bkg.gif) no-repeat 0 0;
	
	text-align: left;
	padding: 10px 40px 5px;
	margin: 0;
	font-size: 70%;
	color: #9c948c
	}
a:link,
a:visited {
	color: #56799a;
	text-decoration: none
	}
a:hover {
	color: #56799a;
	text-decoration: underline
	}
	
.indented
   {
   padding-left: 30pt;
   padding-right: 30pt;
   }
	
	
/*

	Navigation
	
-----------------------------------------------------------------------------*/

#sitenav_wrap {
	background: url(../img/sitenav_bkg.gif) repeat-x 0 bottom;
	border-top: 1px solid #e4e6df
	}
ul#sitenav {
	width: 100%;
	position: relative;
	height: 40px;
	font-size: 80%;
	margin-left: 2px
	}
ul#sitenav li {
	display: block;
	float: left;
	margin: 0;
	height: 40px;
	background: url(../img/sitenav_divider.gif) no-repeat right 0
	}
ul#sitenav li#home { width: 70px }
ul#sitenav li#about { width: 135px }
ul#sitenav li#rent { width: 155px }
ul#sitenav li#own { width: 155px }
ul#sitenav li#spa { width: 160px }
ul#sitenav li#reserve { width: 110px }
ul#sitenav li#contact { width: 100px; background: none }
ul#sitenav li a {
	display: block;
	height: 40px;
	color: #3e3830;
	text-decoration: none;
	text-align: center;
	line-height: 40px
	}
ul#sitenav li a:hover {
	color: #6a91af;
	text-decoration: none
	}
ul#sitenav li#home a.current {
	background: url(../img/sitenav_curr_70.gif) no-repeat center bottom
	}
ul#sitenav li#about a.current {
	background: url(../img/sitenav_curr_135.gif) no-repeat center bottom
	}
ul#sitenav li#rent a.current {
	background: url(../img/sitenav_curr_155.gif) no-repeat center bottom
	}
ul#sitenav li#own a.current {
	background: url(../img/sitenav_curr_155.gif) no-repeat center bottom
	}
ul#sitenav li#spa a.current {
	background: url(../img/sitenav_curr_160.gif) no-repeat center bottom
	}
ul#sitenav li#reserve a.current {
	background: url(../img/sitenav_curr_110.gif) no-repeat center bottom
	}
ul#sitenav li#contact a.current {
	background: url(../img/sitenav_curr_100.gif) no-repeat center bottom
	}
ul#sitenav li a.current:hover {
	background: url(../img/sitenav_currArrow.gif) no-repeat center bottom
	}
	
#secnav_wrap {
	background: #2f2013 url(../img/snav_bkg.gif) repeat-x 0 0;
	padding-top: 1px
	}
ul#secnav {
	width: 100%;
	position: relative;
	height: 35px;
	font-size: 75%;
	padding: 0
	}
ul#secnav li {
	display: block;
	float: left;
	margin: 0;
	height: 35px
	}
ul#secnav li a {
	display:block;
	float: left;
	height: 35px;
	color: #c9c5b8;
	line-height: 35px;
	text-decoration: none;
	padding: 0 15px
	}
ul#secnav li a:hover {
	background: #26190e;
	color: #fff;
	text-decoration: none
	}
ul#secnav li a.current {
	background: #7facc9 url(../img/snav_currArrow.gif) no-repeat center bottom;
	color: #fff;
	text-decoration: none
	}
ul#secnav li a.current:hover {
	background: #7facc9 url(../img/snav_currArrow.gif) no-repeat center bottom;
	color: #fff;
	text-decoration: none
	}
	
	
	
/*

	Content
	
-----------------------------------------------------------------------------*/

/* global page */

#pgcontent {
	clear: both; /* clear header */
	background: #e4e0d1/*dedacc/*#dddbd0/*e0dfd7*/;
	margin: 0 0 35px; /* pad bottom of page */
	text-align: left;
	color: #706a5f/*63625a*/;
	padding: 10px
	}
	

/* ----------- flash slideshow ----------- */

.slideshow_wrap { background: #d1cebc url(../img/slideshow_bkg.gif) no-repeat 0 bottom }

/* home slideshow */
#homeSlideshow { background: #d1cebc }
/* large slideshows */
.about { background: url(../img/h3_lookaround.gif) no-repeat 570px 350px	}
.interests { background: url(../img/h3_pointsinterest.gif) no-repeat 570px 350px	}
.rent { background: url(../img/h3_rent.gif) no-repeat 570px 350px }
.own { background: url(../img/h3_benefits.gif) no-repeat 570px 350px }
.spa { background: url(../img/h3_spa.gif) no-repeat 570px 350px }
/* small slideshow */
#smSlideShow {
	background: #d1cebc;
	margin-top: 1px
	}

#noflash {
	height: 370px; /* set height for no swf */
	}
	
#content {

	}
	
/* ----------- content and template ----------- */

.temA { background: #f1ede4/*f7f4ed/*edeadf*/ url(../img/sidecol_bkg.gif) repeat-y 570px top; }
.temB { background: #f1ede4 url(../img/sidecol_bkg.gif) repeat-y 555px top; }
.temC { background: #f1ede4 url(../img/sidecol_bkg.gif) repeat-y 655px top; }
.temD { background: #f1ede4 url(../img/sidecol_bkg.gif) repeat-y 875px top; }

#mainColtemA { width: 570px; float: left }
#mainColtemB { width: 555px; float: left }
#mainColtemC { width: 655px; float: left }
#mainColtemD { width: 870px; float: left }

#sideCol {
	float: right;
	text-align: left
	}
/* set width from temp */
#sideColtemA { width: 300px; float: left; background: #dfd9cb/*e2dcd1/*e2dfd2*/; }
#sideColtemB { width: 315px; float: left; background: #dfd9cb; }
#sideColtemC { width: 215px; float: left; background: #dfd9cb; }


/* -- home promotion banner -- */

.promoSpa {
	background: #f7f4ed url(../img/home_spapromoBkg.jpg) no-repeat 0 0;
	padding: 30px 40px 20px 190px;
	font-size: 70%;
	line-height: 1.5em
	}
.promoSpa .title {
	background: url(../img/promo_spahdr.gif) no-repeat center left;
	font-size: 125%;
	line-height: 2em;
	margin-bottom: .1em;
	text-indent: -9999px
	}
.promoSpa a:link,
.promoSpa a:visited {
	background: url(../img/icon_specialArrow.gif) no-repeat 2px 0;
	padding: 1px 0 2px 22px;
	margin-top: .6em;
	font-weight: 700;
	color: #a3b684;
	text-decoration: none
	}
.promoSpa a:hover {
	text-decoration: underline
	}
	
.promoOwn {
	background: #f1ede4 url(../img/home_spapromoBkg.jpg) no-repeat 0 0;
	padding: 30px 40px 20px 160px;
	font-size: 70%;
	line-height: 1.5em
	}
.familyBar {
	background: #f1ede4;

	}
.promoOwn .title {
	background: url(../img/promo_ownhdr.gif) no-repeat center left;
	font-size: 125%;
	line-height: 2em;
	margin-bottom: .1em;
	text-indent: -9999px
	}
.promoOwn a:link,
.promoOwn a:visited {
	background: url(../img/icon_specialArrow.gif) no-repeat 2px 0;
	padding: 1px 0 2px 22px;
	margin-top: .6em;
	font-weight: 700;
	text-decoration: none
	}
.promoOwn a:hover {
	text-decoration: underline
	}

ul#specials {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -70px;
	height: 95px; /* sets height for 1 listing */
	padding: 10px;
	margin-left: 1px /* sets border for column */
	}
ul#specials li {
	background: url(../img/icon_specialArrow.gif) no-repeat 10px 13px;
	padding: 5px 10px 5px 35px;
	font-size: 65%;
	line-height: 1.5em;
	text-align: left
	}
ul#specials li span.hdr {
	font-weight: 700;
	font-size: 110%;
	line-height: 1.4em
	}
ul#specials li.last { border-bottom: none }




/* -- main col -- */

#mainColtemA .intro,
#mainColtemB .intro,
#mainColtemC .intro,
#mainColtemD .intro {
	margin: 40px 50px 50px 40px
	}
.intro p {
	font-size: 70%;
	line-height: 1.7em;
	margin: 0 auto 1em;
	text-align: justify
	}
	
	
	
/* -- feature list -- */

#featurelistWrap {
	height: 660px
	}
	
/* -- buttons -- */
	
.btn_reserve {
	text-align: center;
	margin: 50px 0 150px
	}

	
	
#introBox {
	background: #2f2013;
	padding: 5px;
	margin: 5px 0
	}
.introTxt {
	background: url(../img/home_introtxt.gif) no-repeat center center;
	border: 1px solid #3f3123;
	padding: 25px 35px 0;
	text-align: center;
	font-size: 80%;
	color: #dcdbd0;
	text-indent: -9999px
	}
	


/* about */

ul#interests,
ul#lookaround {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	padding: 20px 25px 15px;
	margin-left: 1px
	}
ul#interests li {
	background: url(../img/icon_specialArrow.gif) no-repeat 2px 7px;
	border-bottom: 1px solid #dddcd2;
	padding: 3px 0 3px 25px;
	font-size: 70%;
	text-align: left
	}
ul#lookaround li {
	border-bottom: 1px solid #dddcd2;
	padding: 3px 0 3px 30px;
	font-size: 70%;
	text-align: left
	}
ul#lookaround li.video {
	background: url(../img/icon_video.gif) no-repeat 2px 6px;
	}
ul#lookaround li.property {
	background: url(../img/icon_prop.gif) no-repeat 2px 6px;
	}
ul#lookaround li.area {
	background: url(../img/icon_tree.gif) no-repeat 2px 6px;
	}
ul#lookaround li.map {
	background: url(../img/icon_map.gif) no-repeat 2px 6px;
	border-bottom: none;
	}
ul#lookaround li a,
ul#interests li a {
	color: #56799a
	}
ul#lookaround li.last,
ul#interests li.last { border-bottom: none }

.weather { margin: 0 0 40px }
.weather img { margin-top: 2px; margin-right: 8px; vertical-align: middle}


/* renting */




	
ul#faqtopics {
	border-top: 1px solid #c9c8bc;
	border-bottom: 1px solid #c9c8bc;
	margin: 25px 0
	}
ul#faqtopics li {
	display: inline;
	padding: 0 10px;
	border-right: 1px solid #c9c8bc;
	line-height: 2.5em;
	font-size: 70%
	}
ul#faqtopics li.title {
	font-weight: 700;
	padding-left: 10px;
	border-right: none
	}
ul#faqtopics li a:link,
ul#faqtopics li a:visited {
	color: #877f76;
	}
ul#faqtopics li a.current {
	font-weight: 700;
	color: #527391
	}
	
/* ----------- side column ----------- */



ul#benefits {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	padding: 25px 25px;
	margin-left: 1px
	}
ul#benefits li {
	background: url(../img/icon_checkmark.gif) no-repeat 0 8px;
	border-bottom: 1px solid #dddcd2;
	padding: 4px 0 4px 18px;
	font-size: 70%;
	line-height: 1.6em;
	text-align: left
	}







/* remove top & btm borders */
ul#benefits li.last,
ul#lookaround li.last,
ul#interests li.last,
ul#spa li.last { border-bottom: none }
	
	
	
ul#address {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	padding: 20px 25px;
	margin-left: 1px
	}
ul#address li {
	font-size: 70%;
	line-height: 1.8em;
	text-align: left
	}
ul#travel {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	padding: 20px 25px;
	margin-left: 1px
	}
ul#travel p {
	font-size: 70%;
	line-height: 1.5em
	}
ul#travel li {
	border-bottom: 1px solid #dddcd2;
	font-size: 70%;
	padding: 0;
	text-align: right
	}
ul#travel li.title {
	border-bottom: 1px solid #dddcd2;
	font-size: 70%;
	font-weight: 700;
	padding: 3px 0;
	text-align: left
	}
ul#travel li span {
	float: left;
	}
	
ul#spa {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	padding: 25px 25px;
	margin-left: 1px
	}
ul#spa li {
	/*background: url(../img/icon_checkmark.gif) no-repeat 0 10px;*/
	background: url(../img/icon_leaf.gif) no-repeat 0 10px;
	border-bottom: 1px solid #dddcd2;
	padding: 4px 0 4px 30px;
	font-size: 70%;
	text-align: left
	}
.cutout {
	padding: 0 25px 15px;
	font-size: 70%;
	line-height: 1.8em
	}
	
	
	
/* --- blog ---- */

ul#recently,
ul.archive-list {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -45px;
	padding: 15px 25px;
	margin-left: 1px
	}
ul#recently li,
ul.archive-list li {
	border-bottom: 1px solid #dddcd2;
	padding: 3px 0 3px 0;
	line-height: 1.5em;
	font-size: 70%;
	text-align: left
	}
ul#recently li a,
ul.archive-list li a {
	color: #56799a
	}
	
/* --- blog ---- */

ul#resources {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -75px;
	padding: 20px 25px;
	height: 150px;
	margin-left: 1px
	}
ul#resources li {
	border-bottom: 1px solid #dddcd2;
	padding: 4px 0 4px 0;
	font-size: 70%;
	line-height: 1.5em;
	text-align: left
	}
ul#resources li a {
	color: #56799a
	}
	
ul#photos {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -75px;
	padding: 10px 25px;
	margin-left: 1px
	}
ul#photos li {
	background: url(../img/icon_camera.gif) no-repeat 0 6px;
	border-bottom: 1px solid #dddcd2;
	padding: 3px 0 3px 24px;
	font-size: 70%;
	text-align: left
	}
ul#photos li a {
	color: #56799a
	}
	


/* ----------- room type ----------- */

.roomtype {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	border-top: 1px solid #fff;
	padding: 13px 0 40px;
	margin-left: 1px
	}
.roomtype .title {
	margin-bottom: 13px;
	padding: 0 20px 8px 20px;
	border-bottom: 1px solid #dad9cc;
	text-align: left;
	font-size: 95%;
	line-height: 1.6em
	}
.roomtype .info {
	float: left;
	width: 160px;
	font-size: 65%;
	line-height: 1.6em
	}
div.pic {
	width: 90px;
	padding: 5px;
	margin: 0 15px 0 15px;
	background: #fff;
	float: left;
	border-right: 1px solid #d2d1ca;
	border-bottom: 1px solid #d2d1ca
	}
.dwnld img {
	float: right;
	padding: 4px 0;
	border: 0
	}
	
/* Show only to IE PC \*/
* html div.pic {margin: 0 10px 0 10px} /* For IE 5 PC */
	
	
/* ----------- features list ----------- */

	
#interior-header,
#exterior-header,
#onsite-header {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	border-top: 1px solid #fff;
	padding: 9px 20px 8px;
	margin-left: 1px
	}
#interior-header,
.interiorTitle,
#exterior-header,
.exteriorTitle,
#onsite-header,
.onsiteTitle {
	text-align: left;
	border-bottom: 1px solid #dad9cc;
	font-size: 90%;
	line-height: 1.7em
	}
#interior-header span,
.interiorTitle span,
#exterior-header span,
.exteriorTitle span,
#onsite-header span,
.onsiteTitle span {
	float: left;
	font-size: 130%;
	line-height: 1.7em
	}
.interior,
.exterior,
.onsite {
	clear: both;
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	border-top: 1px solid #fff;
	margin-left: 1px;
	padding: 10px 20px 30px;
	}
.interior li,
.exterior li,
.onsite li {
	background: url(../img/list_arrow.gif) no-repeat 2px 10px;
	font-size: 65%;
	line-height: 1.6em;
	padding: 2px 12px
	}


/* ----------- property management ----------- */

.propmgmt {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	border-top: 1px solid #fff;
	margin-left: 1px;
	padding: 10px 30px 30px;
	font-size: 70%;
	line-height: 2em
	}
	
/* ----------- property management ----------- */

.archive {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	border-top: 1px solid #fff;
	margin-left: 1px;
	padding: 10px 30px 30px;
	font-size: 70%;
	line-height: 2em
	}
	
.entry {
	padding-bottom: 15px;
	}





/*

	Rates Table
	
-----------------------------------------------------------------------------*/
	
#mytable {
	padding: 0;
	margin: 0 0 35px;
}

#mytable caption {
	padding: 0 5px 10px 0;	
	line-height: 20px;
	margin: 0; 
	font-size: 70%;
	color: #ce8a3a
}

#mytable th {
	font-size: 90%;
	text-align: center;
	line-height: 45px;
	background: #e2dfd2 url(../img/h3_blank.gif) no-repeat;
	width: 220px;
}
#mytable th.title {
	color: #fff
	}

#mytable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	background: #e2dfd2 url(../img/h3_blank.gif) no-repeat -2px 0;
	font-size: 70%;
	text-align: left;
	text-indent: 20px;
	color: #dedacc
}

#mytable td {
	border-right: 1px solid #e2dfd2;
	border-bottom: 1px solid #e2dfd2;
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -15px;
	text-align: center;
	font-size:70%;
	line-height: 30px;
}

#mytable th.spec {
	border-left: 1px solid #e2dfd2;
	border-right: 1px solid #e2dfd2;
	border-bottom: 1px solid #e2dfd2;
	border-top: 0;
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -35px;
	vertical-align: middle;
	font-size: 70%;
	font-weight: 700;
	text-align: left;
	padding-left: 20px;
	height: 60px;
	line-height: 1.5em;
	width: 150px;
	color: ##706a5f
}
#mytable th.spec span {
	font-weight: 100;
	font-size: 85%;
	line-height: 1.3em
	}
#mytable tr.current td {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -15px;
	color: #526C89
	}
#mytable tr.roomspec td,
#mytable tr.roomspec th {
	border-right: none;
	border-bottom: none;
	line-height: 25px;
	background: #e2dfd2
	}
#mytable tr.roomspecAlt td,
#mytable tr.roomspecAlt th {
	border-right: none;
	border-bottom: none;
	line-height: 25px;
	background: #dbd8ca
	}
#mytable tr.roomspec th.nobg,
#mytable tr.roomspecAlt th.nobg {
	border-bottom: none
	}
#mytable tr.roomspec td.details,
#mytable tr.roomspecAlt td.details {
	text-align: right;
	font-weight: 700;
	padding-right: 5px
	}
	
/*

	Price Table
	
-----------------------------------------------------------------------------*/
	
#pricetable {
	padding: 0;
	margin: 0 0 25px;
	border-left: 1px solid #e2dfd2;
	}

#pricetable caption {
	padding: 0;	 
	font-size: 110%;
	font-weight: 100;
	padding-bottom: 15px;
	color: #527391/*4a4036*/
	}

#pricetable th {
	font-size: 70%;
	color: #fff;
	padding: 10px 8px;
	vertical-align: middle;
	font-weight: 700;
	line-height: 1.2em;
	text-align: center;
	background: #e2dfd2 url(../img/h3_blank.gif) no-repeat;
}
#pricetable th.title {
	color: #fff
	}

#pricetable th.nobg {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #e2dfd2;
	background: none;
	text-align: left;
	text-indent: 20px
}

#pricetable td {
	border-right: 1px solid #e2dfd2;
	border-bottom: 1px solid #e2dfd2;
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -70px;
	text-align: center;
	font-size:70%;
	line-height: 1.2em;
	vertical-align: middle;
	padding: 8px 8px;
}
#pricetable tr.alt td {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -20px;
}
#pricetable td span.sold {
	color: #CC3300
	}

#pricetable th.spec {
	border-left: 1px solid #e2dfd2;
	border-right: 1px solid #e2dfd2;
	border-bottom: 1px solid #e2dfd2;
	border-top: 0;
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -35px;
	vertical-align: middle;
	font-size: 70%;
	font-weight: 700;
	text-align: left;
	padding-left: 20px;
	height: 60px;
	line-height: 1.5em;
	width: 150px;
	color: ##706a5f
}
#pricetable th.spec span {
	font-weight: 100;
	}
#pricetable tr.current td {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -15px;
	color: #526C89
	}
#pricetable tr.roomspec td {
	border-right: none;
	border-bottom: none;
	line-height: 25px;
	background: #e2dfd2
	}
#pricetable tr.roomspecAlt td {
	border-right: none;
	border-bottom: none;
	line-height: 25px;
	background: #dbd8ca
	}
#pricetable tr.roomspec th.nobg,
#pricetable tr.roomspecAlt th.nobg {
	border-bottom: none
	}


/* contact us box */

.contactBox {
	background: #291d10;
	color: #c2c0b1;
	padding: 5px;
	margin-left: 1px;
	}
.contactBox div {
	background: url(../img/art_wave.gif) no-repeat center 50px;
	border: 1px solid #3f3123;
	padding: 20px 20px 20px;
	text-align: center;
	font-size: 70%;
	line-height: 1.5em
	}
.contactBox div p.title {
	padding-bottom: 30px;
	line-height: 1.3em;
	margin-bottom: .1em;
	font-size: 140%
	}
.contactBox div p.num {
	margin: .4em auto 0;
	font-size: 120%;
	line-height: 1.8em;
	color: #fff;
	font-weight: 700;
	}

#mainCol .intro .pDate {
	font-size: 160%;
	font-weight: 100;
	height: 28px;
	margin: 0 auto .1em;
	color: #4a4036;
	}
.contactBox a:link,
.contactBox a:visited {
	color: #8eb7d1;
	text-decoration: none;
	}
.contactBox a:hover {
	text-decoration: underline;
	}



/*

	Typography
	
-----------------------------------------------------------------------------*/

h1 {
	font-size: 160%;
	font-weight: 100;
	height: 36px;
	margin: 0 auto .1em;
	color: #4a4036;
	text-indent: -9999px
	}
	
/* -- image replacement -- */

h1.about { background: url(../img/h1_about.gif) no-repeat 0 0 }
h2.about { background: url(../img/h2_about.gif) no-repeat 0 0 }
h1.interests { background: url(../img/h1_interests.gif) no-repeat 0 0 }
h2.interests { background: url(../img/h2_interests.gif) no-repeat 0 0 }
h1.rent { background: url(../img/h1_rent.gif) no-repeat 0 0 }
h2.rent { background: url(../img/h2_rent.gif) no-repeat 0 0 }
h1.acco { background: url(../img/h1_acco.gif) no-repeat 0 0; margin-bottom: .7em }
h1.own { background: url(../img/h1_own.gif) no-repeat 0 0 }
h2.own { background: url(../img/h2_own.gif) no-repeat 0 0 }
h1.townhomes { background: url(../img/h1_townhomes.gif) no-repeat 0 0 }
h2.townhomes { background: url(../img/h2_townhomes.gif) no-repeat 0 0 }
h1.features { background: url(../img/h1_features.gif) no-repeat 0 0 }
h2.features { background: url(../img/h2_features.gif) no-repeat 0 0 }
h1.ownership { background: url(../img/h1_ownership.gif) no-repeat 0 0 } 
h2.ownership { background: url(../img/h2_ownership.gif) no-repeat 0 0 }
h1.mgmt { background: url(../img/h1_quality.gif) no-repeat 0 0; margin-bottom: .7em }
h1.faq { background: url(../img/h1_faq.gif) no-repeat 0 0 }
h2.faq { background: url(../img/h2_faq.gif) no-repeat 0 0 }
h1.reservations { background: url(../img/h1_reservations.gif) no-repeat 0 0; margin-bottom: .7em }
h1.contact { background: url(../img/h1_contact.gif) no-repeat 0 0; margin-bottom: .7em }
h1.spa { background: url(../img/h1_spa_ws.jpg) no-repeat 0 0 }
h2.spa { background: url(../img/h2_spa.gif) no-repeat 0 0}
h1.news { background: url(../img/h1_news.gif) no-repeat 0 0; margin-bottom: .9em }
h1.photos { background: url(../img/h1_photogallery.gif) no-repeat 0 0; margin-bottom: .7em }
h1.rates { background: url(../img/h1_rates.gif) no-repeat 0 0; margin-bottom: .2em }
h1.earlybird { background: url(../img/h1_earlybird.gif) no-repeat 0 0; margin-bottom: .2em }
h1.relaxrenew { background: url(../img/h1_relaxrates.gif) no-repeat 0 0; margin-bottom: .2em }
h1.surfsidesampler { background: url(../img/h1_surfsidesampler.gif) no-repeat 0 0; margin-bottom: .2em }
h1.price { background: url(../img/h1_pricing2.jpg) no-repeat 0 0; margin-bottom: .7em }
h1.specials { background: url(../img/h1_specials.gif) no-repeat 0 0; margin-bottom: .7em }
h1.skipackages { background: url(../img/h1_skipackages.gif) no-repeat 0 0 ; margin-bottom: 1 }
h1.vows { background: url(../img/h1_vows.gif) no-repeat 0 0; margin-bottom: .7em }

/* added for spa 8.18.08 */
h1.massage_body { background: url(../img/h1_massageBody.gif) no-repeat 0 0; margin-bottom: .7em }
h1.skincare { background: url(../img/h1_skincare.gif) no-repeat 0 0; margin-bottom: .7em }
h1.hand_feet { background: url(../img/h1_handFeet.gif) no-repeat 0 0; margin-bottom: .7em }
h1.signature { background: url(../img/h1_sigservices.gif) no-repeat 0 0; margin-bottom: .7em }
h1.insuite { background: url(../img/h1_insuite_bath.jpg) no-repeat 0 0; margin-bottom: .7em }
h1.experience { background: url(../img/h1_experience_ws.jpg) no-repeat 0 0; margin-bottom: .7em }
h1.facilities { background: url(../img/h1_facilities.gif) no-repeat 0 0; margin-bottom: .7em }
h1.planvisit { background: url(../img/h1_planvisit.gif) no-repeat 0 0; margin-bottom: .7em }
h1.howtospa { background: url(../img/h1_howtospa.gif) no-repeat 0 0; margin-bottom: .7em }
h1.spaspecials { background: url(../img/h1_spaspecials.gif) no-repeat 0 0; margin-bottom: .7em }
h1.spaservices { background: url(../img/h1_spaservices.gif) no-repeat 0 0; margin-bottom: .7em }

h2  {
	background: url(../img/txt_headline.gif) no-repeat 0 0;
	font-size: 90%;
	font-weight: 100;
	margin: 0 auto 1.4em 5em;
	color: #6091b4;
	text-indent: -9999px
	}
h2 span {
	color: #c7cd99;
	}
	
h3 {
	background: #e6e5db;
	font-size: 90%;
	font-weight: 100;
	line-height: 2.2em;
	margin: 0 auto;
	padding: 0;
	text-indent: -9999px
	}
	
/* -- image replacement -- */

h3.specials { background: url(../img/h3_specials.gif) no-repeat 0 0; height: 40px;	}
h3.giftcards { background: url(../img/h3_giftcards.gif) no-repeat 0 0; height: 40px;	}
h3.interest { background: url(../img/h3_pointsinterest.gif) no-repeat 0 -25px; height: 25px; }
h3.lookaround { background: url(../img/h3_lookaround.gif) no-repeat 0 -25px; height: 25px; }
h3.rent { background: url(../img/h3_rent.gif) no-repeat 0 -25px; height: 25px; }
h3.roomtypes { background: url(../img/h3_roomtype.gif) no-repeat 0 0; height: 50px; }
h3.featurelist { background: url(../img/h3_features.gif) no-repeat 0 0; height: 50px; }
h3.floorplans { background: url(../img/h3_floorplans.gif) no-repeat 0 0; height: 50px; }
h3.own { background: url(../img/h3_benefits.gif) no-repeat 0 -25px; height: 25px; }
h3.benefits { background: url(../img/h3_benefits.gif) no-repeat 0 0; height: 50px; }
h3.resources { background: url(../img/h3_resources.gif) no-repeat 0 0; height: 50px; }
h3.management { background: url(../img/h3_mgmt.gif) no-repeat 0 0; height: 50px; }
h3.spa { background: url(../img/h3_spa.gif) no-repeat 0 -25px; height: 25px; }
h3.address { background: url(../img/h3_address.gif) no-repeat 0 0; height: 50px; }
h3.travel { background: url(../img/h3_travel.gif) no-repeat 0 0; height: 50px; }
h3.blogarch { background: url(../img/h3_archive.gif) no-repeat 0 0; height: 50px; }
h3.blog { background: url(../img/h3_blog.gif) no-repeat 0 0; height: 50px; }
h3.posts { background: url(../img/h3_posts.gif) no-repeat 0 0; height: 50px; }
h3.photos { background: url(../img/h3_photos.gif) no-repeat 0 0; height: 50px; }

/* added for spa 8.18.08 */
h3.spaservices { background: url(../img/h3_spaservices.gif) no-repeat 0 0; height: 50px; }
h3.experience { background: url(../img/h3_experience.gif) no-repeat 0 0; height: 50px; }
h3.experience2 { background: url(../img/h3_experience2.gif) no-repeat 0 0; height: 50px; }
	
	
h4 {
	font-size: 120%;
	font-weight: 100;
	margin: 1.4em auto .1em;
	color: #527391/*4a4036*/
	}
h5 {
	font-size: 80%;
	font-weight: 700;
	margin: 0 auto .5em;
	color: #527391
	}
	
h6 {
	font-size: 100%;
	font-weight: 100;
	margin: 1.4em auto .1em;
	color: #527391
	}
	
p {
	margin: 0 auto 1em
	}
span.prod {
	font-weight: 700;
	color: #527391
	}
p.disclaimer {
	font-size: 60%;
	line-height: 1.4em
	}
p.disclaimerRates {
	margin-left: 170px;
	font-size: 60%;
	line-height: 1.4em
	}

/* ie fix for temA */
h3 span { display: none; }
	
	
/* text format */

p.subhead {
	font-weight: 700;
	text-transform: uppercase;
	line-height: 1.3em;
	margin: 1.4em auto .4em
	}
	
p.question {
	font-size: 90%;
	color: #5c554e;
	line-height: 1.4em;
	font-weight: 700;
	margin: 1.8em auto .6em
	}
.bold { font-weight: 700 }



/*

	Spa
	
-----------------------------------------------------------------------------*/


.fma_spa {
	background: #406280 /*#291d10*/;
	color: #9cbfd2;
	padding: 5px;
	margin-left: 1px;
	}
.fma_spa div {
	border: 1px solid #5c7c99/*3f3123*/;
	padding: 30px 10px 20px 15px;
	text-align: left;
	font-size: 10px;
	line-height: 1.4em
	}
.fma_spa div img {
	float: left;
	margin: 0 15px 25px 0;
	}
.fma_spa div p.title {
	color: #fff;
	line-height: 1.3em;
	margin-bottom: .2em;
	font-size: 13px;
	}
.fma_spa span.phoneno {
	font-weight: 700;
	font-size: 12px;
	color: #cde0eb;
	}
.fma_spa a:link,
.fma_spa a:visited {
	color: #8eb7d1;
	text-decoration: none;
	}
.fma_spa a:hover {
	text-decoration: underline;
	}

.spaEntry {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 0;
	border-top: 1px solid #fff;
	padding: 5px 0 15px;
	margin-left: 1px
	}
.spaEntry .title {
	margin-bottom: 13px;
	padding: 0 20px 8px 20px;
	border-bottom: 1px solid #dad9cc;
	text-align: left;
	font-size: 95%;
	line-height: 1.6em
	}
	.spaEntry .title a:link,
	.spaEntry .title a:visited {
		background: url(../img/icon_specialArrow_grn.gif) no-repeat right 2px;
		color: #706a5f;
		padding-right: 23px;
		}
		.spaEntry .title a:hover {
			color: #84ab93;
			text-decoration: none;
			}
.spaEntry .info {
	float: left;
	width: 160px;
	font-size: 65%;
	line-height: 1.4em
	}

	
/* Show only to IE PC \*/
* html div.pic {margin: 0 10px 0 10px} /* For IE 5 PC */


.spa_item {
	margin-top: 30px;
	}
.spa_item p {
	line-height: 1.4em;
	margin-bottom: .2em; /* reduce leading */
	}
	.spa_item .title {
		color: #527391;
		font-weight: 700;
		text-transform: uppercase;
		}
	.spa_item .cost {
		font-weight: 700;
		margin-top: 8px;
		}
	.spa_item .extra {
		color: #9A9181;
		font-style: italic;
		}
.spa_divide {
	height: 3px;
	border-top: 1px solid #c9c8bc;
	border-bottom: 1px solid #c9c8bc;
	margin: 30px 0;
	}
	
ul#spalinks {
	background: url(../img/sidecol_bkgfade.gif) repeat-x 0 -75px;
	padding: 20px 25px;
	height: 130px;
	margin-left: 1px
	}
ul#spalinks li {
	border-bottom: 1px solid #dddcd2;
	padding: 4px 0 4px 0;
	font-size: 70%;
	line-height: 1.5em;
	text-align: left
	}
ul#spalinks li a {
	color: #56799a
	}
ul#spapkg {
	margin-bottom: 20px;
	}
ul#spapkg li {
	background: url(../img/icon_leaf.gif) no-repeat 0 6px;
	font-size: 11px;
	padding: 5px 30px;
	line-height: 1.5em;
	}
	ul#spapkg li.hdr {
		background: none;
		font-weight: 700;
		padding-left: 0;
		}
ul#facility {
	margin-bottom: 15px;
	}
ul#facility li {
	border-top: 1px solid #dddcd1;
	font-size: 11px;
	padding: 8px 0;
	line-height: 1.5em;
	}
	ul#facility ul {
		margin: 0 0 10px;
		}
	ul#facility ul li {
		border-top: none;
		background: url(../img/icon_leaf.gif) no-repeat 0 6px;
		list-style: none;
		padding: 2px 25px 2px 30px;
		}
	ul#facility li.hdr {
		color: #56799a;
		border-top: none;
		background: none;
		font-weight: 700;
		padding-left: 0;
		list-style: none;
		}