body {
	background:#ffffff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	color:#7a7168;
}
#page-wrapper {
	width:940px;
	margin:0 auto;
	text-align:left;
	overflow:visible;
}
img, div { behavior: url(images/iepngfix.htc) }

/**the following three style rules allow the page-wrapper div to wrap the content in all browsers**/
#page-wrapper:after { 
	clear:both;
	content:".";
	display:block;
	height:0pt;
	visibility:hidden;
}
#page-wrapper {
}
#page-wrapper {
	display:block;
}


/**HEADER
------------------------------------------------------------------------**/
#header {
	float:left;
	width:940px;
	clear:both;
	background:url(../images/top_bg.gif) repeat-x top;
}

#header img.imagecenter {margin-bottom:12px;}

#home-nav-container {
	float:left;
	width:290px;
	height:25px;
	overflow:hidden;
	text-align:left;
}
ul#home-nav {
	list-style-type:none;
	height:10px;
	font-size:9px;
}

ul#home-nav li {
	display:inline;
	line-height:25px;
	height:25px;
}

ul#home-nav li.home-nav-last {
	border-right:none 0px !important;
	margin-right:0px;
	padding-right:0px;
}

ul#home-nav a {
	color:#a89689;
	text-decoration:none;
	letter-spacing:2px;
}

ul#home-nav a:focus, ul#home-nav a:hover {color:#ccc;}


#top-nav-container {
	float:right;
	width:290px;
	height:25px;
	overflow:hidden;
	text-align:right;
}
ul#top-nav {
	list-style-type:none;
	height:10px;
	font-size:10px;
}

ul#top-nav li {
	display:inline;
	margin:0px 6px 0px 0px;
	/*padding:0px 10px 0px 0px;
	border-right:1px solid #e3dac3;*/
	line-height:24px;
	height:24px;
	color:#e3dac3;
}

ul#top-nav li.top-nav-first {
	margin-left:0px;
	padding-left:0px;
}

ul#top-nav li.top-nav-last {
	border-right:none 0px !important;
	margin-right:0px;
	padding-right:0px;
}

ul#top-nav a.top-nav-last {
	padding:0px;
}

ul#top-nav a {
	color:#e3dac3;
	text-decoration:none;
	letter-spacing:2px;
}

ul#top-nav a:focus, ul#top-nav a:hover {color:#ccc;}


#header h1 {
	float:right;
	clear:right;
	color:#c36b2d;
	font-size:16px;
	font-weight:bold;
	text-align:right;
	text-transform:uppercase;
	width:75%;
	margin:-25px 95px 0px 0px;
	display:inline;
}



/**MAIN NAVIGATION	
------------------------------------------------------------------------**/

ul#main-nav {
	clear:right;
	text-align:center;
	width:920px;
	border-top:1px solid #d3bdbe;
	border-bottom:1px solid #d3bdbe;
	overflow:visible;
	margin-left:10px;
}

ul#main-nav li {
	display:inline;
	margin:14px 14px 8px 0px;
}


ul#main-nav li a {
	color:#533638;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	padding:0px 4px 4px 4px;
}

ul#main-nav li a:focus, ul#main-nav li a:hover {color:#999;}

/**the following styles indicate which page the user is currently on**/

#info #nav-info a,
#suites #nav-suites a,
#extendedstay #nav-extendedstay a,
#specials #nav-specials a,
#vancouver #nav-vancouver a,
#ourguests #nav-ourguests a,
#directions #nav-directions a {
	border-bottom:10px solid #d18e5f;
}


/**BOOKING	
------------------------------------------------------------------------**/
#booking-inside-page {
	width:250px;
	height:100px;
	background:#f3ecd0;
	float:right;
}

#bookingengine {
	float:left;
	width:205px;
	overflow:hidden;
	margin:auto;
	display:inline;
}
#booking-inside-page #bookingengine, #booking-inside-page h3 {
	margin-left:23px;
}

#bookingengine form {
	float:left;
	width:100%;
}

#bookingengine form br {clear:left; display:block;}

#bookingengine form label {
	float:left;
	font-size:11px;
	margin-right:3px;
	margin-top:.833em;
	color:#5f3f60;
}

#bookingengine form select {
	float:left;
	border:1px solid #aa9f9a;
	font-size:10px;
	color:#333;
	padding:0;
	margin-right:2px;
	margin-top:.5em;
	font-family:Helvetica,Arial,sans-serif;
	background:#f6f1f3;
}

#bookingengine form input {
	float:left;
	border:1px solid #aa9f9a;
	font-size:10px;
	color:#333;
	width:50px;
	margin-top:.5em;
	margin-right:2px;
	font-family:Helvetica,Arial,sans-serif;
	background:#f6f1f3;
}

#bookingengine form input.booking_submit {
	background:url(../images/booking_btn.gif) no-repeat;
	width:199px;
	height:19px;
	border:0px none;
}

#bookingengine form a.booking_left {
	float:left;
	margin-right:4px;
	padding-top:5px;
}


/**EMAIL SIGN UP content pages	
------------------------------------------------------------------------**/

#signup {	 
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:none repeat scroll 0 0;
	float:left;
	overflow:hidden;
	width:218px;
	text-align:center;
	border-bottom:1px solid #d3bdbe;
	margin:0px;
	padding:0px;
}
#home #signup {
	clear:left;	 
	width:920px;
	margin-left:10px;
	text-align:left;
	display:inline;
}

#panel {width:218px; display:none; font-size:.916em; text-align:center;}
#home #panel {width:300px; margin-left:230px;}

.slide {overflow:hidden; margin:0px; padding:0px;}
#home .slide {margin-left:230px;}

a.btn-slide {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	display:block;
	text-decoration:none;
	font-size:11px;
	margin:0px;
	padding:0px;
	float:left;
	margin-right:10px;
	padding-top:8px;
	color:#c36b2d !important;
	cursor:pointer;
}

a:hover.btn-slide{
	color:#000;
	text-decoration:none;
}

a.active {
	background-position:0 -15px;
	text-decoration:none;
}

.img-slide {
	margin:0px;
	padding:0px;
}

#panel td {
	width:55px;
}
#home #panel td {
	width:140px;
}

#panel font {
	color:#7a7168;
}

#panel form input, #panel form select {
	font-size:0.916em;
	margin-bottom:0.2em;
	width:120px;
	border:1px solid #CCCCCC;
}
#home #panel form input, #home #panel form select {
	width:130px;
}

#panel form input[type="submit"] {
	border:0px none;
	cursor:pointer;
	font-size:11px;
	width:199px;
	height:19px;
	margin-top:10px;
	background:url(../images/booking_btn.gif) no-repeat;
}
#home #panel form input[type="submit"] {
	width:199px;
}

	
/**MAIN CONTENT
------------------------------------------------------------------------**/

#top-inside-page {
	clear:both;
	width:920px;
	height:100px;
	padding:5px 0px 5px 0px;
	border-bottom:1px solid #d3bdbe;
	margin:0px auto 20px auto;
	display:block;
}
#top-inside-page image {
	float:left;
	margin-right:5px;
}

#content {
	width:920px;
	margin:auto;
}

#main-content-wraper {
	width:920px;
	height:267px;
	border-bottom:1px solid #d3bdbe;
	overflow:hidden;
	margin:auto;
	margin-bottom:10px;
	float:left;
	display:inline;
}

#main-content-text {
	background:url(../images/content_bg.gif) no-repeat;
	width:323px;
	height:230px;
	float:left;
	padding:12px 16px 12px 20px;
	margin-right:6px;
	text-align:justify;
	margin-left:11px;
	display:inline;
}

#columns-wraper {
	float:left;
	width:920px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background:url(../images/separator.gif) repeat-y 444px;	
}

#columns-wraper2 {
	float:left;
	width:920px;
	margin:0px;
	padding:0px;
	overflow:hidden;
	background:url(../images/separator.gif) repeat-y 690px;	
}

	
/**FOOTER
------------------------------------------------------------------------**/	

#footer {
	width:920px;
	height:200px;
	clear:both;
	background:url(../images/footer_bg.gif) repeat-x top;
	font-size:12px;
	color:#726e64;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:10px;
}

#footer p {text-align:center;}
#footer_hotel_name {font-size:14px;}
#footer_copyright {font-size:9px;}
#footer_menu {color:#7e7580; padding-top:10px; display:block;}
#footer_menu a {text-decoration:none;}
#footer_info {line-height:25px;}

/**TYPOGRAPHY
------------------------------------------------------------------------**/
h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	color:#c36b2d;
	font-family:"Times New Roman", Times, serif;
}

h1 {
	font-size:20px;
	line-height:1em;
	margin:0 0 0.833em 0;
}

h2 {
	font-size:18px;
	line-height:1.125;
	margin:1.929em 0 0.643em 0;
}

h3 {
	font-size:16px;
	margin-bottom:1em;
	line-height:1.5em;
}


p {
	font-size:1em;
	line-height:1.5em;
	margin:0 0 1.5em 0;
}

a {
	color:#545149;
	text-decoration:underline;
}

a:focus, a:hover {
	color:#333;
	text-decoration:underline;
}

ul, ol { 
	margin:0 1.5em 1.5em 1.5em;
	line-height:1.5em;
}

ul     { list-style-type: disc; }
ol     { list-style-type: decimal; }

ul ul {
	padding-top:1em;
}

strong {font-weight:bold;}
em {font-style:italic;}

hr {
	color:#E8E8E8;
	background:url(images/separator.gif) repeat-x #d18e5f;
	width:90%;
	height:1px;
	line-height:1px;
	font-size:1px;
	border:0px none;
	padding:0px;
	margin:10px auto 10px auto;
	clear:both;
}

.small { 
	font-size: .8em; 
	margin-bottom: 1.875em; 
	line-height: 1.875em; 
}

.large { 
	font-size: 1.2em; 
	line-height: 1.5em; 
	margin-bottom: 1.25em; 
}

.quiet { color: #666; }

.top { 
	margin-top:0;
	padding-top:0; 
}

.bottom { 
	margin-bottom:0; 
	padding-bottom:0; 
}

blockquote {
	background:transparent url('../images/start_quote.gif') no-repeat scroll left top;
	line-height:1.5em;
	margin:0 1.5em 1em 0;
}

blockquote div {
	background:transparent url('../images/end_quote.gif') no-repeat scroll right bottom;
	padding:0 48px;
}

/**STYLE CLASSES
------------------------------------------------------------------------**/

.clear {clear:both;}

.left {float:left;}
#content .left {width:644px; padding-right:28px; border-right:1px solid #eeeeee; margin-left:16px; display:inline;}
#home #content .left {width:400px; padding-right:28px; margin-left:16px; border:0px none; display:inline;}
#home #content .left2 {float:left; width:200px; padding-right:28px; margin-left:16px; display:inline;}

.right {float:right;}
#content .right {width:220px; padding-left:8px;}
#home #content .right {width:204px; margin-right:16px; padding-left:8px; display:inline;}

.center {text-align:center;}

.imageleft {
	display:block;
	float:left;
	padding:0 .666em .333em 0;
	padding:4px;
	border:solid 1px #CCCCCC;
}

.imageright {
	display:block;
	float:right;
	margin:0 0 .333em .666em;
	display:inline;
	padding:4px;
	border:solid 1px #CCCCCC;
}

.noborder {border:none;}

#home img.imageright, #home img.imageleft {padding:0; border:0 none;}

.imagecenter {
	display:block;
	margin:auto;
	border:none;
	margin-top:12px;
}

/* LIGHTBOX */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}