@charset "utf-8";
/** RESET STYLES - do not edit
------------------------------------------------------------------------**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
/*end RESET*/

/**GLOBAL
------------------------------------------------------------------------**/
body {
	font-family: Verdana, Arial, Tahoma, sans-serif;
	font-size: 12px; /*sets the base size for entire site*/
	color: #333;
	background-color:#000;
	text-align: center;
}

#pagewrapper{
	width:828px;
	margin:0 auto;
	text-align:left;
	background:url('../images/bg_FFF.png') repeat-y left top;
}
	
/**HEADER
------------------------------------------------------------------------**/
#header {
	width:828px;
	float:left;
	background:url(../images/b-g-header_FFF.png) no-repeat left bottom;
}
	
#logo {
	float: left;
	display: inline;
	width: 210px;
	height: 100px;
	margin: .833em 0 .833em 1em;
	padding: 0;
	cursor:pointer; /*sets the cursor to hand*/
	background:url(../images/ExecutiveSuitesSquamish_Logo2010.png);
	background-repeat:no-repeat;
}

h1.logo {
    margin:90px 0 0 8px;
    padding:0;
    display:block;
	font-size:12px;
	text-transform:uppercase;
	color:#b5a188;
	

}
*html h1.logo {background:url(../images/logo.gif);}
	
	
ul#headernav {
	float:right;
	margin:0;
	padding:0 2em 0 0;
	text-align:center;
}
	
ul#headernav li {
	display: inline;
	list-style: none;
	width:auto;
	line-height:normal;
}
	
ul#headernav a {
	font-size:11px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	display:block;
	float:left;
	width:100px;
	height:20px;
	padding-top:7px;
	margin-top:10px;
	background:url(../images/tabs.png) no-repeat left top;
	/* Hide from IE Mac \*/
	 overflow:hidden;
	/* End hide from IE Mac */
}
		
ul#headernav a:focus, ul#headernav a:hover {
	font-weight:bold;
	background-position:0 -29px;
}

#home ul#headernav #nav-home a,
#rewards ul#headernav #nav-rewards a,
#directions ul#headernav #nav-directions a,
#360tours ul#headernav #nav-360tours a
#videos ul#headernav #nav-video a, {background-position:0 -29px;}
	
#flash-content {
	float:right;
	width:575px;
	height:287px;
	margin:0 1.75em 1em 0;
	visibility:visible;
}

/**MAIN NAVIGATION
------------------------------------------------------------------------**/
#navcontainer {
	float:left;
	clear:left;
	width:215px;
	margin: 0 .5em;
	padding: 5px 0;
	font-weight:bold;
}

ul#navlist {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	width:200px;
	border-bottom: 1px dotted #f2efe1;
}

ul#navlist li {
	display: block;
	line-height:1.125em;
	border-top: 1px dotted #f2efe1;
}

ul#navlist li a {
	display: block;
	width: 100%;
	padding: 0.3em 0 0.3em 2em;
	color: #555;
	text-decoration: none;
}

ul#navlist li a:focus, ul#navlist li a:hover {
	color: #AA996D;
	text-decoration:underline;
}

#rooms #nav-rooms a,
#amenities #nav-amenities a,
#specials #nav-specials a,
#golf #nav-golf a,
#dining #nav-dining a,
#meetings #nav-meetings a,
#squamish #nav-squamish a,
#squamishbc #nav-squamishbc a,
#biking #nav-biking a{color: #AA996D;}
	
/**MAIN CONTENT
------------------------------------------------------------------------**/
#contentwrapper {
	width:828px;
	float:left;
	background:url(../images/b-g-content_FFF.png) no-repeat left top;
}
*html #contentwrapper {display:inline;}

#content {
	width:565px;
	float:right;
	margin:1em 2em 1em 1em;
}
*html #content{display:inline;}
	
	
/**BOOKING FORM 
------------------------------------------------------------------------**/
#booking {
	float:left;
	width:200px;
	height:190px;
	margin:0 0 0.833em -0.333em;
	color:#fff;
	background:url(../images/booking-bg-narrow.gif) no-repeat top left;
}
*html #booking{display:inline;}

#booking h2 {color:#fff; margin:.833em 0 1em .833em; font-weight:bold;}
#booking form {font-size:.75em; margin-left:1em;} 
	
#booking input[type="image"]{
	margin:5px 0 0 23px;
	height:17px;
}	
	
#booking .forminput { 
	background-color: #faf9ee; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9E5A2A;
	border: solid 1px #a18f61;
	margin:1px;
	padding:3px 0px 0px 3px;
	height:14px;
}
	
#booking select { 
	background-color: #faf9ee;
	color: #9E5A2A; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	border: solid 1px #a18f61;
	margin:3px 0 4px 0;
	height:17px;
	padding:1px;
}
#booking textarea { 
	background-color: #faf9ee; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9E5A2A;
	padding:1px;
	border: solid 1px #a18f61;
}	
	
#destinationFinder{
	margin:-5px 0 0 0;
}	
	
/**EMAIL SIGN-UP
------------------------------------------------------------------------**/
#offers { 
	width:190px;
	float:left;
	clear:both;
	margin-bottom:1.25em;
}
*html #offers{display:inline;}

#offers table {font-size:9px; font-family:Verdana, Arial, Helvetica, sans-serif;}
*html #offers table {width:190px;}

#offers form b {color:#555;}		
#offers input[type="submit"]{ 
	background-color: #007f9f; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:0;
	font-size: 11px;
	color: #fff;
	margin:5px 0px 0px 45px;
	padding:.25em 0 .5em 0;
	height:22px;
	width:90px;
	text-align:center;
	cursor:pointer;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

#offers	form {margin:3px 0 2px 0 ;}

#offers input { 
	background-color: #faf9ee; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #9E5A2A;
	border: solid 1px #a18f61;
	margin:2px;
	padding:3px 0px 0px 0px;
	height:12px;
}
	

/**RIGHT COLUMN
------------------------------------------------------------------------**/
#rightcol {
	width:200px;
	float:left;
	padding:1em 0 1em 1.25em;
	margin-top:.5em;
	margin-left:.833em;
}
*html #rightcol {display:inline;}

.sidebar{
	width:200px;
	float:left;
	margin:.5em 0;
}
*html .sidebar {display:inline;}
	
.specials_box {
	width:200px;
	height:80px;
	float:left;
	clear:both;
	margin:0.5em 0 0 0.5em;
	background:url(../images/teal-bg.gif) no-repeat top left;
}
	
.specials_box p {
	font-size:.875em; /*10.5px*/
	line-height:1.428em; /*15px*/
	padding:.5em .833em .333em .333em;
}
	
.specials_box a:link, .specials_box a:visited {color:#333;}
	
/**FOOTER
------------------------------------------------------------------------**/
#footer {
	width:828px;
	clear:both;
	text-align:center;
	padding:1.5em 0;
	background:url(../images/b-g-footer_FFF.png) no-repeat left bottom;
}

#footer a {text-decoration:none;}	
	
ul#footernav {
	margin:0;
	padding:0 0 0.833em 8px;
	font-size:0.833em;/*10px*/
}
	
ul#footernav li {
	display: inline;
	list-style-type: none;
	padding-right:9px;
	*padding-right:7px;
}

#footer p {
	font-size:0.9em;/*10px*/
	line-height:1.6em;/*16px*/
	margin:0 0 1.6em 0;
	color:#636161;
}

#footer p span {
	font: bold 1.25em "Georgia", "Times New Roman", "Times", serif;
	text-transform:uppercase;
}

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

h1 {
	font-size:1.5em; 
	line-height:1em; /*18px*/
	margin:0 0 1em 0;
}
	
h2 {
	font-size:1.25em; /*15px font*/
	line-height:1.2em;
	margin:1.929em 0 0.643em 0;
}

h3 {
	font-size:1.085em; /*13px*/
	margin:1em 0 1em 0;
}

	

p {
	font-size:1em; /*12px*/
	line-height:1.5em; /*18px*/
	margin:0 0 1.5em 0;
}

a{
	color:#7f5837;
	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;}

.med { 
	font-size: .916em; 
	margin-bottom: 1.5em; 
	line-height: 1.545em; 
}

.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; 
}
	
	
/**STYLE CLASSES
------------------------------------------------------------------------**/
.clear {clear:both;}

.imageleft {
	display:block;
	float:left;
	padding:.3333em .75em .333em 0;
}

.imageright {
	display:block;
	float:right;
	margin:.3333em 0 .333em .75em;
}

.center {text-align:center;}

.left {float:left;}
.right {float:right;}

#home .left {width:300px; border-right:1px dashed #E8E0C0; padding: 0 10px 0 10px; border-left:1px dashed #E8E0C0;}
#home .rightfeatures {float:right; width:233px;}

#home .right { margin: 0 0 12px 10px; text-align:center;}
#home .rightfeatures h2 {margin-top:1.5em;}
#home .left h2{margin-top:0;}

.rightfeatures li{
font-size:11px;
	margin-left: 0;
	padding-left: 0;
	line-height:1.6em;
}

.rightfeatures{
font-size:11px;

}

	
.suite {
	background:url(../images/suites-bg.gif) repeat-y top left;
	padding:.5em 0;
}

#specials hr {
	background-color:#E8E0C0;
	border:0 none;
	color:#E8E0C0;
	display:block;
	height:1px;
	width:90%;
	margin:1.929em auto 0 auto;
}
	
/**MEETING ROOM CHART
------------------------------------------------------------------------**/
table.meeting{
	font-size:0.916em;
	margin-bottom:1.4em;
}
table.meeting th {
	border-bottom:2px solid #999;
	font-weight:bold;
}
table.meeting td {
	border-bottom:1px solid #999;
}
table.meeting th, table.meeting td {
	padding:4px 10px 4px 0pt;
}

#hide{
	border-style:solid;
	border-color:#FFFFFF;
	border-width:4px;
	font-size:10px;
	margin-top:5px;
	width:70px;
	font-weight:900;
	padding:6px;
	background-color: #bdb089;
}

/* -DO NOT EDIT BELOW THIS LINE -----------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Verdana, Geneva, Tahoma, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Verdana, Geneva, Tahoma, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:100;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}
.TB_overlayMacFFBGHack {background: url(macFFBgHack.png) repeat;}
.TB_overlayBG {
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 102;
  color:#000000;
  display:none;
  border: 4px solid #855c3a;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #738ac6;
  border-bottom: 1px solid #738ac6;
  border-top: 1px solid #2955b5;
  border-left: 1px solid #2955b5;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:103;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}