@charset "utf-8";
/* CSS Document */

/**GLOBAL
------------------------------------------------------------------------**/
body {
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	color:#4D4D4D;
	text-align:center;
}

#wrapper {
	width:827px;
	margin:auto;
	text-align:left;
}

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


/**TOP
------------------------------------------------------------------------**/
#branding {
	width:827px;
	float:left;
}

#branding img.imageleft {margin-top:1.5em; padding-left:0;}

ul#top-nav {
	list-style:none;
	float:right;
	margin-top:.9em;
	overflow:hidden;
}

ul#top-nav li {
	display:inline;
	float:left;
	padding:0 .5em 0 1em; 
	margin-right:-.5em; 
	border-right:1px solid #ccc;
	white-space: nowrap;
}

ul#top-nav li a {
	color:#827668;
	font-family:arial,verdana,sans-serif;
	font-size:11px;
	font-weight:bolder;
	text-decoration:none;
}

ul#top-nav li a:focus, ul#top-nav li a:hover { color:#8C271F;}

#branding h1 {
	color:#8F8176;
	font-family:'Baskerville Book BQ',Times,Georgia,serif;
	font-size:2em;
	clear:right;
	float:right;
	width:72%;
	text-align:right;
	margin:1.25em 0 0.36em 0;
	padding:0;
}

/**HEADER
------------------------------------------------------------------------**/
#header { width:827px; float:left; border-top:1px solid #BFB6AA; border-left:1px solid #BFB6AA; border-right:1px solid #BFB6AA; margin-top:0.3em; padding-bottom:0.27em;}
*html #header {display:inline;}

#header img.imageright {margin:.27em 0 0 0; padding:0;}
*html #header img.imageright {display:inline;}

/**MAIN NAVIGATION
------------------------------------------------------------------------**/
#main-navigation ul {
	list-style:none;
	background-color:#E9E6DA;
	text-align:center;
	padding:7px 0 ;
	border-bottom:1px solid #BFB6AA;
}

#main-navigation ul li {
	display:inline;
}

#main-navigation ul li a {
	font-family:Arial, Helvetica, sans-serif;
	color:#3C342C;
	padding:6px 12px;
	text-decoration:none;
}

#main-navigation ul li a:focus, #main-navigation ul li a:hover {
	color:#fff;
	background-color:#3C342C;
}

/**the following styles indicate which page the user is currently on**/
#rooms #nav-rooms a,
#info #nav-info a,
#photos #nav-photos a,
#specials #nav-specials a,
#meetings #nav-meetings a,
#weddings #nav-weddings a,
#dining #nav-dining a,
#spa #nav-spa a,
#montreal #nav-montreal a{
	color:#fff;
	background-color:#3C342C;
}

/**FLASH
------------------------------------------------------------------------**/
#flash-content {float:left; margin-top:.27em;}
*html #flash-content {display:inline;}

/**CONTENT
------------------------------------------------------------------------**/
#home #content { background:url(../images/home-content-bg.gif) repeat-y top left;}
#content { 
	width:827px; 
	float:left; 
	background:url(../images/content-bg.gif) repeat-y top left; 
	border-bottom:1px solid #BFB6AA; 
	border-left:1px solid #BFB6AA; 
	border-right:1px solid #BFB6AA; 
}


/**for the home page**/
#home #main {
	width:490px;
	float:left;
	background-color:#FAF9F5;
	border-right:1px solid #BFB6AA;
	border-top:1px solid #BFB6AA;
	padding:12px;
}

#home #second {
	width:282px;
	float:right;
	background-color:#EEEBDF;
	border-left:1px solid #BFB6AA;
	border-top:1px solid #BFB6AA;
	padding:12px;

}

#home #second h2 {
	font-size:18px;
	font-weight:normal;
	line-height:1.125;
	margin:1.929em 0 0.643em 0;
	font-family:"Times New Roman", Times, serif;
	letter-spacing:1px;
}




/**for the inside pages**/
#main{
	width:590px;
	float:left;
	background-color:#FAF9F5;
	border-right:1px solid #BFB6AA;
	border-top:1px solid #BFB6AA;
	padding:12px;
}

#second{
	width:194px;
	float:right;
	background-color:#EEEBDF;
	border-left:1px solid #BFB6AA;
	border-top:1px solid #BFB6AA;
	padding:12px 6px 6px 6px;
}

/**FOOTER
------------------------------------------------------------------------**/
#footer-nav {
	width:800px;
	float:left;
	clear:both;
	background-color:#CBC5BE;
	border:1px solid #BFB6AA;
	border-collapse:collapse;
	color:#664D4D;
	margin-top:.27em;
}

#footer-nav ul {
	list-style:none; 
	font-family:arial,verdana,sans-serif;
	float:right;
	font-size:.9em;
	padding:.5em;
}

#footer-nav ul li {
	display:inline;
	margin:0;
	padding:2px 5px 0;
}

#footer-nav ul li a { color:#664D4D; font-weight:bold; text-decoration:none;}

#footer-nav ul li a:focus, #footer-nav ul li a:hover {color:#8C271F;}

#footer {
	width:816px;
	float:left;
	color:#A6A6A6;
	font-size:.818em;
	padding:12px 0 8px 0;
}

#footer a {color:#A3A3A3; text-decoration:none;}
#footer a:focus, #footer a:hover {text-decoration:underline;}

#brand-bar {
	width:827px;
	float:left;
	border-top:1px solid #c5c5c5;
	margin-bottom:1em;
}

#brand-bar img.imageleft {padding-right:1.5em; padding-bottom:.75em; border-right:1px solid #c5c5c5;}

/**TYPOGRAPHY
------------------------------------------------------------------------**/
h1,h2,h3,h4,h5,h6 { 
	font-family:'Baskerville Book BQ',baskerville,'palatino linotype','times new roman',serif;
	font-weight:normal;
	color: #4F3B30; 
}

#second h1, #second h2,#second h3,#second h4 {font-family:Verdana, Tahoma, Geneva, sans-serif; font-weight:bold;} 

h1 {
	font-size:1.72em; /*19px*/
	line-height:1em;
	margin:0 0 0.9em 0;
}

h2 {
	font-size:1.36em; /*15px*/
	line-height:1.125;
	margin:1.929em 0 0.643em 0;
}

h3 {
	color:#4F3B30;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;/*11px*/
	font-weight:bold;
	margin-bottom:.9em;
	line-height:1em;
}

h4 {
	color:#77414A;
	font-size:1.125em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin:5px 0 12px;
	padding:0;
}

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

a {
	color:#8C271F;
	text-decoration:underline;
}

a:focus, a:hover {
	color:#827668;
	text-decoration:none;
}

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

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

#content ul ul {
	padding-top:1em;
}

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

.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; 
}

.caps {text-transform:uppercase;}

.quiet { color: #666; }

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

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



/**STYLE CLASSES
------------------------------------------------------------------------**/
.clear {clear:both;}
.left {float:left;}
.right {float:right;}

.imageleft {
	display:block;
	float:left;
	padding:0 .666em .125em 0;
}

.imageright {
	display:block;
	float:right;
	margin:0 0 .125em .666em;
}

.imageright-border {
	display:block;
	float:right;
	margin:0 0 .125em .666em;
	border-color:#cbc5be;
	border-style:solid;
	border-width:2px;
}

#specials .imageright {margin-right:3em;}
#specials .clear {padding-top:.9em;}

.imagecenter {
	display:block;
	margin:auto;
	padding:.5em 0;
	margin-bottom:1em;
	border:none;
	clear:both;
}

.page-break { display:none; }/*for print*/

/**Specials Page
------------------------------------------------------------------------**/
.special {
	background-color:#FFFFFF;
	border:1px solid #DCD7D2;
	color:#707070;
	margin:.27em 0;
	padding:.9em;
	text-align:left;
	width:565px;
}

a.sp-slide { cursor:pointer; clear:both; padding-top:.9em; display:block; }

/**Montreal Page
------------------------------------------------------------------------**/
.accordion h4 {
	cursor:pointer;
	background:url(../images/show-hide-arrows.gif) no-repeat scroll right 7px;
	border-top:1px solid #DCD7D2;
	padding-top:.27em;
	margin-right:.5em;
}
.accordion h4.active {background-position:right -4px;}

/**TABLE STYLES
------------------------------------------------------------------------**/

table.data   {
	 margin-bottom: 1.4em; 
	 font-size:.9em;
	 width:99%;
}
table.data tr {margin-left:.833em;}
table.data th { border-bottom: 2px solid #BFB6AA; font-weight: bold; }
table.data td { border-bottom: 1px solid #BFB6AA; }
table.data th, table.data td   { padding: 5px 10px 5px 10px; }
table.data tr.odd {background-color:#fff;}


/**BOOKING ENGINE HTML form
------------------------------------------------------------------------**/

#contentform {
	color:#000000;
	font-family:verdana,arial,sans-serif;
	font-size:9px;
}

#contentform button{
margin:6px 0 0 0;

}

#contentform checkin, #contentform checkout, #contentform rooms {
	color:#703745;
	font-family:verdana,arial,sans-serif;
	font-size:9px;
}

#contentform input, #contentform textarea {
	background:#f8f7f2 none repeat scroll 0 0;
	color:#703745;
	font-family:verdana,arial,sans-serif;
	font-size:9px;
	margin:2px;
    padding:1px 0 1px 1px;
	width:75px;
border-color:#703745;
border-width:1px;
border-style:solid;
}


#contentform select {
	background:#f8f7f2 none repeat scroll 0 0;
	color:#703745;
	font-family:verdana,arial,sans-serif;
	font-size:9px;
	margin:2px;
    padding:0px;
	width:32px;
	border-color:#703745;
	border-width:1px;
	border-style:solid;
}


/**BOOKING ENGINE home page
------------------------------------------------------------------------**/
form label {margin-top:7px; display:block;}
.formfield {
	color:#483822;
	font-family:Arial,Helvetica,sans-serif;
	font-size:10px;
	width:65px;
}
input, select, textarea {
	background:#FFFFFF none repeat scroll 0 0;
	color:#000000;
	font-family:verdana,arial,sans-serif;
	font-size:11px;
	margin:2 0 0 0;
	padding:0;
}

#ratesParent {
    position: relative;
    height: 21px;
    width: 276px;
    padding: 0;
    vertical-align: middle;
}

#ratesParent #showRate {
    float: right;
    margin: 3px 12px 0 0;
}

#ratesParent #resFormContainer {
	z-index: 1000;
	position: absolute;
	top: -189px;
	left: 1px;
}

#ratesParent #resFormContainer #menuInsert {
    z-index: 200;
    background-color: #FFFFFF;
    height: 190px;
    width: 268px;
    border: 1px solid #DCD7D2;
    padding: 3px 2px 3px 2px;
}

#ratesParent #resFormContainer #formContainer {
    background-color: #FAF9F5;
    margin: 3px 2px 3px 2px;
    padding-left: 5px;
    border: 1px solid #DCD7D2;
    height: 155px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #483822;
}

#resFormContainer #closewin {
    float: right;
    margin: 5px 2px 0 0;
}

#resFormContainer #closewin a {
    padding-right: 17px;
    padding-top: 6px;
    padding-bottom: 0;
    background-image: url( http://www.starwoodhotels.com/westin/images/icons/closeWin.gif );
    background-repeat: no-repeat;
    background-position: right bottom;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
    color: #8C271F;
}

#resFormContainer #reserveTtl {
    clear: both;
    margin: 0 2px 2px 0;
    padding: 0 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 17px;
    font-weight: normal;
    color: #372C25;
}

#resFormContainer #checkinTfield {
    clear: both;
    float: left;
    margin: 2px 3px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #8C1C38;
}

#resFormContainer #checkoutTfield {
    float: left;
    margin: 2px 4px 0 0;
    padding: 0 0 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #483822;
}

#resFormContainer #roomsTField {
    clear: both;
    float: left;
    margin: 2px 3px 0 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #483822;
}

#resFormContainer #adultsTField {
    float: left;
    margin: 2px 0 0 0;
    padding: 0 0 0 45px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #483822;
}

*html #resFormContainer #adultsTField {
    padding-left: 20px;
}

.formfield {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #483822;
}

.clearSpan {

    padding: 0;
    margin: 0;
	width:230px;
}

#resFormContainer #checkoutLabel {
    float: left;
    padding: 0 0 0 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #222222;
}

.adultsLabel {
    float: left;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 0 0 0 0;
	width:115px;
}

#resFormContainer #checkinLabel, .roomsLabel {
    float: left;
	width:75px;
    padding: 0 0 0 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #222222;
    clear: both;
}

#resFormContent #formContainer #calendarIcon {
	margin:0px;
	float:left;
	
}

#ratesParent #resFormContainer #formContainer .actionButton.right {
	margin:0 6px 0 0;
}
.actionLink.right, .actionButton.right {
	float:right;
}
.actionLink, .actionButton {
	padding:0 0 12px 1px;
}
#reservationbutton a, #reservationbutton a:link, #reservationbutton a:active, #reservationbutton a:visited, #reservationbutton a:hover, #reservationbutton button {
	background:#703745 url(http://www.starwoodhotels.com/westin/images/wi_btn_arrow.gif) no-repeat scroll right center;
	border:1px solid #BFB6AA;
	color:#FFFFFF;
	cursor:pointer;
	float:right;
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-right:1px;
	padding:3px 16px 3px 5px;
	text-decoration:none;
	text-transform:uppercase;
	width:130px;
}
.actionButton button {
	overflow:visible;
}
.actionLink a, .actionLink a:link, .actionLink a:active, .actionLink a:visited, .actionLink a:hover, .actionButton button {
	background:#703745 url(http://www.starwoodhotels.com/westin/images/wi_btn_arrow.gif) no-repeat scroll right center;
	border:1px solid #BFB6AA;
	color:#FFFFFF;
	cursor:pointer;
	display:block;
	font-family:verdana,arial,sans-serif;
	font-size:10px;
	font-weight:bold;
	margin-left:1px;
	padding:2px 16px 3px 5px;
	text-decoration:none;
	text-transform:capitalize;
}


/**BOOKING ENGINE content pages**/
.calendar {
    padding: 0 0 0 3px;
}

#checkinTfield .formfield {
    width: 55px;
}

#checkoutTfield .formfield {
    width: 55px;
}

#checkin {
    height: 10px;
    padding: 2px 0 0 0;
}

/* fixes ie text cutoff */
#checkout {
    height: 15px;
    padding: 2px 0 0 0;
}

/* fixes ie text cutoff */
#contentArea #roomsmod h3 {
    margin: 10px 0 5px 0;
}

/* fixes ie text cutoff */
.formFields {
    padding: 0 0 14px 0;
}

#roomsfield {
    float: left;
    padding: 4px 0 0 0;
}

#adultsfield {
    clear: both;
    padding: 4px 0 0 0;
}

.clearDiv {
	clear:both;
	content:".";
	display:block;
	font-size:1px;
	height:0;
	visibility:hidden;
}


/**for LANDING PAGES
------------------------------------------------------------------------**/
.landing #header { width:827px; float:left; border-top:5px solid #bfb6aa; border-left:1px solid #BFB6AA; border-right:1px solid #BFB6AA; margin-top:0.3em; padding-bottom:0.27em;}


/**YOUTUBE POPUP
------------------------------------------------------------------------**/

#hide {
	width:180px;
	height:23px;
	background-color:#cbc5be;
	padding:0px 0px 0px 0px;
	text-align:center;
	line-height:23px;
	margin:0px;
	position:absolute;
	right:0px;
	bottom:0px;
}

#hide a:link, #hide a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#703745;
	font-weight:bold;
	text-decoration:none;
}

#hide a:hover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#ffffcc;
	font-weight:bold;
	text-decoration:underline;
}

#homelayer {
	 display:none;
	 position:absolute;
	 top:200px;
	 left:290px;
	 padding:0px;
	 height:370px;
}


#main-navigation ul #playvid a{
	background-image: url(../images/playvideo.png);
	background-repeat:no-repeat;
	background-position: right;
	padding-right:35px;
}
#main-navigation ul #playvid a:focus, #main-navigation ul #playvid a:hover {
	background-image: url(../images/playvideo.png);
	background-repeat:no-repeat;
	background-position: right;
	padding-right:35px;
}