html {
	width:100%;
	height:100%;
	background: url(../images/bg-main.gif);
}
body{
	margin:0;
  	color:#3e3e3e;
	font:10.5px arial,sans-serif;
	min-width:1002px;
	width:100%;
	height:100%;
	display:table;
}
.container {
	display:table-cell;
	width:100%;
	height:100%;
	vertical-align:middle;
}
img{border-style:none;}
a{
	color:#3e3e3e;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
#wrapper{
    width: 100%;
    overflow: hidden;
    position: relative;
}
.w1 {
    width: 1063px;
    position: relative;
    float: left;
    left: 50%;
}
.w2{
	width: 1063px;
    position: relative;
    float: left;
    left: -50%;
}	
.w3 {	
	width:758px;
	padding:0 153px 0 144px;
	margin:0 auto;
	background: url(../images/bg-content.png) no-repeat;
}
.top-shadow {
	position:absolute;
	top:0;
	left:0;
	height:21px;
	width:100%;
	background: url(../images/top-shadow.png) repeat-x;
}
#header{
	position:relative;
	padding:52px 0 15px;
	height:189px;
}
.logo {
	display:block;
	cursor:pointer;
	width:285px;
	margin:0 0 40px 228px;
	height:122px;
	background: url(../images/logo.png) no-repeat;
	text-indent:-9999px;
}
.logo a {
	display:block;
	height:100%;
}
#header h1 {
	width:589px;
	text-indent:-9999px;
	margin:0 0 0 88px;
	background: url(../images/text-monterey.png) no-repeat;
	line-height:27px;
}
#main {
	width:100%;
	overflow:hidden;
	padding-top:11px;
	height:402px;
}
#content {
	float:left;
	width:551px;
	height:380px;
}
.index #content {
	background: url(../images/ad01.gif) no-repeat;
}
#sidebar {
	position:relative;
	float:left;
	width:183px;
	padding-left:1px;
	overflow:hidden;
}
#nav {
	list-style:none;
	margin:0;
	padding:8px 0 0 2px;
	width:100%;
	overflow:hidden;
}
#nav li {
	float:left;
	width:100%;
	margin-bottom:1px;
}
#nav li span {
	text-indent:-9999px;
	position:relative;
	display:block;
	padding:10px 0 5px 29px;
}
#nav li.active a,
#nav li a:hover,
#nav li li.active {
	background: url(../images/bg-nav-hover.gif) no-repeat;
	text-decoration:none;
}
#nav li li.active {
}
#nav li a {
	display:block;
}
#nav li.celebrations span {
	background: url(../images/text-celebrations.gif) no-repeat 29px 10px;
}
#nav li ul {
	list-style:none;
	margin:1px 0 -1px;
	padding:0;
	width:100%;
	overflow:hidden;
}
#nav li li {
	color:#6f6d6c;
	height:27px;
	margin:0 0 1px;
}
#nav li li a {
	color:#6F6D6C;
	font-size:10px;
	padding:7px 0 7px 29px;
}
#sidebar #nav li li span {
	text-indent:0px;
	background:none;
}
#nav li.concierge span{
	background: url(../images/text-concierge.gif) no-repeat 29px 10px;
}
#nav li.coutures span{
	background: url(../images/text-couture.gif) no-repeat 29px 10px;
}
#nav li.contact span{
	background: url(../images/text-contact.gif) no-repeat 29px 10px;
}
#nav li.blog span{
	background: url(../images/text-blog.gif) no-repeat 29px 10px;
}
#footer {
	padding-top:28px;
	height:64px;
	background: url(../images/bg-footer.gif) no-repeat 228px 100%;
	margin-bottom:50px;
}
#footer p {
	text-indent:-9999px;
	margin:0 0 0 56px;
	background: url(../images/text-coastsside.png) no-repeat;
	height:9px;
	width:651px;
}

.inner #content .about-pic {
	background: url(../images/ad03.jpg) no-repeat;
	bottom:204px;
padding:204px 20px 0 29px;
position:relative;
right:25px;
width:475px;
}

#content .scrollable img {
	position: relative;
	top: -20px;
	left: -27px;
}

.inner #content .scrollable h2 {
	width:100%;
	margin:0 0 0 -6px;
	height:47px;
	text-indent:-9999px;
	background: url(../images/text-heidi.png) no-repeat;
}
#content h2 {
	margin:0 0 11px;
	font-size:11px;
}
#content h3 {
	font-weight:normal;
	font-size:10.5px;
	margin:0;
	text-transform:uppercase;
}
.scroll-content{
	padding:20px 50px 0 27px;
	height: 374px !important;
	width: 474px !important;
	margin-bottom:6px;
}
.inner .scrollable p {
	margin:0;
	line-height:20px;
}
.scrollable {
	height:380px;
	overflow:hidden;
}
.inner .scroll-content{
	padding:204px 50px 0 29px;
	height: 170px !important;
	width: 472px !important;
	margin-bottom:6px;
}
.vscroll-bar {
	position:absolute;
	width:11px !important;
	margin:0;
	padding:0;
	height:380px !important;
}
.vscroll-line {
	background: url(../images/bg-scroll.png) repeat-y;
}
.vscroll-slider{
	background: url(../images/bg-slider.png) repeat-y;
	width:7px !important;
	left:2px !important;
	cursor:pointer;
}
#scrollslider0 {
	height:169px !important;
}
.vscroll-up,
.vscroll-down {
	height:2px !important;
	line-height:2px;
	font-size:2px;
	background: url(../images/bg-scroll.png) repeat-y;
}
.couture{
	list-style:none;
	margin:0;
	padding:6px 0 19px 0;
}
.couture li{
	line-height:14px;
}
.columns{
	width:472px;
	overflow:hidden;
	margin:0 -30px 0 0;
	padding:10px 0 0 0;
}
#content .column strong{
	text-transform:none;
}
.column{
	width:160px;
	margin:0 38px;
	float:left;
	text-align:center;
	display:inline;
}
.column address{
	display:block;
	line-height:20px;
	padding:6px 0 11px;
	font-style:normal;
}
.column ul{
	list-style:none;
	margin:0;
	padding:5px 0 0;
}
.column li{
	line-height:20px;
}
.enter{
	margin:0 auto;
	padding:130px 0 0;
	background: url(../images/bg-enter.png) no-repeat;
	width:397px;
	height:267px;
}
.enter a{
	display:block;
	margin:0 auto;
	width:148px;
	height:150px;
	background: url(../images/enter.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	position:relative;
	cursor:pointer;
}
.grey li {
	color:#757575;
}