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;
}
#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;
}
#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); }
#twitter { height: 43px; background-image: url(../img/ctaTwitter.jpg); }
#facebook { height: 45px; background-image: url(../img/ctaFacebook.jpg); }
#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;}