body { background:#bdcddc; margin: 15px; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#FFF; line-height:1.5em; }
body.mceContentBody { background:#8499B0; padding:15px; font-family:Helvetica, Arial, Verdana, sans-serif; font-size:12px; color:#FFF; line-height:1.5em; width:669px; }

a { color:#e2d9cd; }
a:hover{ color:#fff; }

h1 { font-family:"Times New Roman", Times, serif; margin:0px; margin-bottom:4px; font-weight:normal; font-variant: small-caps; font-size:24px; color:#e2d9cd; }
h2 { font-family:"Times New Roman", Times, serif; margin:0px; font-weight:normal; font-variant: small-caps; font-size:16px; color:#e2d9cd; border-bottom:1px solid #e2d9cd; }
h3 { font-size:14px; font-weight:bold; margin:5px 0 0 0; color:#e2d9cd; }
h4 { font-family:"Times New Roman", Times, serif; margin:0px; margin-bottom:4px; font-weight:normal; font-variant: small-caps; font-size:18px; color:#e2d9cd; }

#greenInit { margin:0 10px 0 0 }

a#specialsCTA:hover { filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity: 0.7;	opacity: 0.7; }
a#specialsCTA img { margin:0 0 3px 0 }
img#tripadvisor { margin:0 0 5px 0 }

#petFriendlyCTA a { display:block; overflow:hidden; width:161px; height:53px; background:url(../img/petFriendlyCTA.png) no-repeat center top }
#petFriendlyCTA a:hover { background:url(../img/petFriendlyCTA.png) no-repeat center bottom }
#petFriendlyCTA a img { border:none }


#main {	background:url(../img/main-bg2.gif) repeat-y; width:934px; }
#carmel-main { background:url(../img/carmel-bg.gif) repeat-y; width:915px; }

#nav { width:205px;	float:left; padding-top: 0px; padding-right: 0px; padding-bottom: 20px; padding-left: 7px; }
#nav #reserve { margin-top:7px; margin-bottom:40px; }

#logo { padding-bottom:24px; }

#nav-container { margin:0 15px 0px 15px; background:url(../img/nav-bg.gif) top no-repeat #7d90a4; padding:20px 5px 10px 5px; }
#nav ul, #nav ul ul, #nav ul ul ul { list-style-type:none; list-style:none; margin:0 0 0 0; padding:0 0 0 0; clear: left; font-variant: small-caps; }
#nav li a { text-align:left; display:block; padding:6px 4px 6px 4px; color: #fff; font-size:13px; text-decoration:none; line-height:1em; border-bottom:1px solid #8fa6bd; }
#nav li a:hover { background:#8fa6bd; }
#nav li li a { padding:6px 4px 6px 20px; font-size:12px; }

#res-container{ margin:0 auto; background:url(../img/nav-bg-end.gif) top no-repeat; padding: 3px 0 5px 0; }
#res-container a#specialsCTA { margin:0 0 0 -2px }

#secretSand { display: block;  width: 165px; height: 40px; background: url(../img/sandLovers.jpg) top; }
#secretSand:hover { background-position:bottom; }

#ctaSpecials { outline: none; display: block;  width: 169px; height: 44px; background: url(../img/bgCTASpecials.jpg) top no-repeat; }
#ctaSpecials:hover { background-position:bottom; }

#testimonials-cta{ outline: none; display: block;  width: 169px; height: 44px; background: url(../img/testimonials-cta.png) top no-repeat; }
#testimonials-cta:hover { background-position:bottom; }


#socialCtas { }


#CTAHolder { width: 167px; height:60px; background: url(../img/bgCTAHolder.gif) no-repeat; margin: 10px 0; border-top: 1px solid #C2AF95; }
	#CTAHolder a { display: block; width: 161px; height: 54px; margin: 4px 0 0 2px; }
	#ctaUSOpen { background: url(../img/ctaUSOpen.gif) no-repeat; }
		#ctaUSOpen:hover { background-position: 0 -54px; }
	#ctaPebble { background: url(../img/ctaPebble.gif) no-repeat; }
		#ctaPebble:hover { background-position: 0 -54px; }
	
#socialCtas a {
	display: block; 
	width: 174px;
	background-position: top;
	margin-bottom: 5px;
}
#socialCtas a:hover {
	background-position: bottom;
}

#eBrochure { height: 91px; background-image: url(../img/eBrochure.jpg); }

a#facebook img, a#twitter img { position:relative; bottom:2px; right:5px; border:none }

#nav .promo { padding-bottom: 0 25px 20px 30px; margin-bottom: 20px; margin-top: 20px; background:bottom center no-repeat url(../img/promo-rule2.gif); color:#ffffff; text-align:left; }
#nav .promo ul { list-style-type:disc; list-style:outside; margin:0 0 0 0; padding:0 0 0 12px; clear: left; }
#nav .promo a { color:#57728f; }
#nav .promo h3 { color:#745e40; text-transform:uppercase; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:12px; margin:0px; }
#content{
	width:690px;
	padding-top:0px;
	padding-right:20px;
	padding-bottom:40px;
	text-align:left;
	float:left;
	padding-left: 0px;
}
.reservations{ font-family: "Times New Roman", Times, serif; text-transform:uppercase; border-bottom:solid 1px #c2ccd8; padding-left:20px; }
#utilNav { height: 25px; float: right; }
#utilNav div { float: left; }
#utilNav a {  }
#utilNav img { border:0; float: left; margin-right: 6px; }

#stf, #signUpSpecials { margin-right: 10px; }
.main-image{
	background-image: url(../img/bgHeader.gif);
	width: 694px;
	height: 429px;
	padding-top: 5px;
	position: relative;
	margin-top: 25px; 
}
#ibe { width: 689px; height: 42px; background-image: url(../img/bgIbe.jpg); position: absolute; bottom: 5px; left: 0px; color: #56514C; font-size: 11px; }
	.extraInputField { display: none; }
	#ibe fieldset { border: 0; }
	#dates { width: 225px; height: 36px; position: absolute; left: 169px; top: 4px; }
	#dates div { float: left; line-height: 11px; padding-left: 12px; }
	#checkinShell, #checkoutShell { width: 96px; }
	#dates input { width: 94px; height: 17px; padding-top: 3px; border: 1px solid #b7a48b; background-color: #f8f5f2; color: #8b7e6c; }
	.calendarIcon { float: right; margin-right: 2px; }
	#adultsChildren { width: 133px; height: 36px; position: absolute; left: 405px; top: 4px; }
	#adultsChildren div { float: left; line-height: 11px; width: 52px; padding-left: 10px; }
	#adultsField, #childrenField { width: 48px; height: 23px; padding: 1px 0; border: 1px solid #b7a48b; background-color: #f8f5f2; color: #8b7e6c; }
	#submitShell { position: absolute; left: 552px; top: 9px; width: 132px; }
	#submitButton { background: url(../img/checkAvail.jpg); width: 130px; height: 29px; border: 0; text-indent: -999px; line-height: 0; cursor: pointer; }
	.subPage .main-image { background-image: none; height: auto; }
	.subPage #ibe { bottom: auto; position: relative; }
	
	
#top-nav{
text-align:right;
padding-top:4px;
}
#top-nav a{
	color:#e2d9cd;
	text-decoration:none;
	margin-left:18px;
	line-height:1em;
}
#top-nav a:hover{
color:#FFF;
}
.bot-rule{
text-align:center;
padding-top:25px;
}
.body-content{
width:669px;
padding-left:20px;
margin-top: 20px;
}
.landing-content{
width:460px;
padding-left:20px;
padding-right:20px;
}
.right-image{
display:block;
border:3px solid #c2ccd8;
background:#c2ccd8;
float:right;
margin-left:20px;
padding:0px;
margin-bottom:10px;
clear:right;
}
.left-image{
display:block;
border:3px solid #c2ccd8;
float:left;
margin-right:20px;
padding:0px;
margin-bottom:10px;
clear:left;
}
#footer { width:934px; background-image: url(../img/bottom.gif); background-repeat: no-repeat; background-position: left bottom; }
#footer-left { width:193px; padding-bottom:18px; padding-left:20px; display:none; }
#footer-right { width:670px; color:#425f80; text-align:center; clear:both;  padding:65px 0 0 0; position:relative; top:19px; }

#sitemap a{color: #425f80;}

#vizsig {position:relative; margin: 45px auto 0 auto; color:#425f80; padding:0 0 0 20px; height:29px;  width:250px; line-height:29px; text-align:left;}
#vizsig span#text { float: none; margin: 0px 0 0 5px;font:11px "Trebuchet MS"; }
#vizsig span a { float: none; margin: 8px 0 0 0; font-size: 11px; font-family: "Trebuchet MS";  color:#fff;}
#vizsig span a:hover { text-decoration: none; }
#vizsig img {position:absolute; padding:0 0 0 0; margin: 0 0 0 0px; right:20px; top:0;}


/*HIDE NESTED NAV ITEMS*/
#ResortOverview, #RoomsSuites, #OurLocation, #MeetingsEvents, #AreaGuide {display:none;}


/*CP STUFF*/
 .cp1033 #content .main-image { background-image:url(http://www.thesanctuarybeachresort.com/img/head-kula.jpg); background-repeat:no-repeat; background-position: 0px 3px; height:155px; width:689px; padding:3px 0px;}

.cp625 #AreaGuide, .cp628 #AreaGuide, .cp633 #AreaGuide, .cp630 #AreaGuide, .cp632 #AreaGuide, .cp634 #AreaGuide, .cp635 #AreaGuide, .cp631 #AreaGuide, .cp1033 cs229 #AreaGuide {display:inline;}

.cp625 .main-image, .cp625 .main-image, .cp628 .main-image, .cp633 .main-image, .cp630 .main-image, .cp632 .main-image, .cp634 .main-image, .cp635 .main-image, .cp631 .main-image {background:url(../img/head-monterey.jpg) 0px 3px no-repeat; height:197px; width:689px; padding:3px 0px; }

.cp625 #ibe, .cp628 #ibe, .cp633 #ibe, .cp630 #ibe, .cp624 #ibe, .cp632 #ibe, .cp634 #ibe, .cp635 #ibe, .cp631 #ibe, .cp1033 #ibe { position: absolute; bottom: 3px; }

.cp624 .main-image, .cp624 .main-image, .cp636 .main-image, .cp637 .main-image, .cp638 .main-image, .cp639 .main-image, .cp640 .main-image, .cp734 .main-image {background:url(../img/head-resort.jpg) 0px 3px no-repeat; height:155px; width:689px; padding:3px 0px; }

.cp624 .main-image, .cp1033 #content .main-image { height: 197px; }

/*highlights in CMS*/
.cp625 #monterey_area_guide, .cp628 #activities, .cp630 #attractions, .cp631 #wineries, .cp632 #dining, .cp633 #galleries, .cp634 #golfing, .cp635 #shopping{
color: #fff !important;
background:#8fa6bd !important;
}




.cp624 #specials, .cp636 #specials, .cp637 #specials, .cp638 #specials, .cp639 #specials, .cp640 #specials, .cp1033 a#kula {
color: #fff !important;
background:#8fa6bd !important;
}

.cp624 #ResortOverview, .cp636 #ResortOverview, .cp637 #ResortOverview, .cp638 #ResortOverview, .cp639 #ResortOverview, .cp640 #ResortOverview {position:relative; display:list-item;}



#cp_sectionlinkssupbpage {display:none;}


#sash{margin-top: 1px;}