/**COLOUR KEY
	marriott red #9D102D
	dark red #6C1921
	light yellow #FFFEF7
	gray border #D4D3D3
	beige #ecece4
	light blue #5bbfc1
	dark blue #006994
**/

/**GLOBAL
------------------------------------------------------------------------**/

body {
	background:#ffffff url('../images/bg.gif') repeat top center;
	font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	font-size:12px; /*sets the base size for entire site*/
	text-align:center;
}
#page-wrapper {
	width:922px;
	margin:0 auto;
	text-align:left;
	background:url('../images/pagewrapper-bg.gif') repeat-y top center;
	overflow:visible;
}

/**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:922px;
	background:url('../images/header-bg.png') no-repeat top center; 
	overflow:visible;
}

#logo {
	cursor:pointer;
	float:left;
	height:74px;
	width:156px;
	margin-top:2.125em;
	margin-left:1em;
}

#top-nav {
	float:right;
	margin-right:.333em;
	margin-top:2em;
	font-size:.916em;
}

#top-nav ul li {
	display:inline;
	padding:0.333em .25em 0.333em 1.75em;
}

#top-nav a {
	color:#812830;
	text-decoration:none;
}

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

#top-nav ul li#webcam {
	background:transparent url(../images/webcam-icon.png) no-repeat scroll left center;
}

#top-nav ul li#contact {
	background:transparent url(../images/contact-icon.png) no-repeat scroll left center;
}

#top-nav ul li#directions {
	background:transparent url(../images/directions-icon.png) no-repeat scroll left center;
}

#top-nav ul li#reservations {
	background:transparent url(../images/reservation-icon.png) no-repeat scroll left center;
}

#top-nav ul li#francais {
	background:transparent url(../images/french-icon.png) no-repeat scroll left center;
}

#top-nav ul li#english {
	background:transparent url(../images/english-icon.png) no-repeat scroll left center;
}


#header h1 {
	color:#6c1921;
	float:right;
	clear:right;
	text-align:right;
	width:75%;
	font-size:2em;
	margin-right:.833em;
	margin-top:0.833em;
}


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

#main-nav {
	float:left;
	width:922px;
	margin-top:.12em;
	padding:.5em 0;
	background:#9d102d url('../images/nav-bg.png') no-repeat top left;
}

#main-nav ul {margin:0;}

#main-nav ul li {
	display:inline;
	font-size:1.083em; /*13px*/
	padding:0 1.85em 1em 1.85em;
}


#main-nav ul li a {
	color:#ffffff;
	text-decoration:none;
	overflow:visible;
	padding-bottom:1em;
}

#main-nav ul li a:focus, #main-nav ul li a:hover {
	color:#bab7b8;
	background:url(../images/nav-arrow.gif) no-repeat center 18px ;
}

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

#home #nav-home a,
#info #nav-info a,
#rooms #nav-rooms a,
#meetings #nav-meetings a,
#specials #nav-specials a,
#dining #nav-dining a,
#montreal #nav-montreal a {
	color:#bab7b8;
	background:url(../images/nav-arrow.gif) no-repeat center 18px;
}

/**SUB NAVIGATION - not on all pages**/

ul.subnav {margin-left:0;}

ul.subnav li {
	display:inline;
	padding:0 1.5em 0 0;	
}

	
/**MAIN CONTENT
------------------------------------------------------------------------**/
#content-wrapper{
	width:922px;
	float:left;
	clear:both;
}


#content {
	width:500px;
	float:left;
	padding:2.5em 0 0 1em;
}

#content-wide {
	width:900px;
	float:left;
	clear:both;
	padding:2.5em 1em;
}

#flash-content {
	width:403px;
	float:right;
	margin-top:1.25em;
	margin-bottom:1em;
}

#column {
	float:right;
	width:402px;
}

#column .box {
	float:right;
	width:363px;
	margin:1em .833em 0 0;
	background:#fffef7;
	border:1px solid #d4d3d3;
	padding:.833em .833em 0 .833em;
}

/**EMAIL SIGN UP content pages	
------------------------------------------------------------------------**/
#panel { width:350px; display:none;}

.slide {
	float:right;
	color:#666666;
	padding:0.5em 2em 0.5em 1.5em;
	border-left:1px solid #d4d3d3;
	border-bottom:1px solid #d4d3d3;
	border-right:1px solid #d4d3d3;
	margin-right:13em;
	cursor:pointer;
}

a.btn-slide {
	background:#fffef7 url(../images/arrow02.gif) no-repeat scroll right -10px; 
	padding-right:12px;
	text-decoration:none;
	display:block;
}

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

a.active {
	background-position:right 7px;
	text-decoration:none;
}

#panel {
	padding-bottom:1em;
	font-size:.916em;
}

#panel form input, #panel form select {
	margin-bottom:.5em;
}

#signup form input, #signup form select { /*for email/index.aspx*/
	margin-bottom:.5em;
}


/**BOOKING	
------------------------------------------------------------------------**/
#booking {
	background:#fffef7;
	float:right;
	width:363px;
	border:1px solid #d4d3d3;
	padding:.833em .833em 0 .833em;
	margin-right:.833em;
	background-color:#f1f0f0;
}

#booking a {
	color: #666666;
	text-decoration:underline;
}

#booking a:hover, #booking a:active {
	color:#333;
	text-decoration:none;
}

#home #booking { /*modifies the float & width of the booking engine only on the home page*/
	float:left;
	width:478px;
}

#home #booking form label input {
	border:1px solid #c4c4b5;
	font-size:0.916em;
	color:#333;
	width:80px;
	margin-top:.25em;
	padding-left:.25em;
	font-family:Helvetica,Arial,sans-serif;
}

#home #booking form  img.imageright {margin-top:1em;}

#booking form {
	width:100%;
}

#booking form label {
	float:left;
	font-size:.833em;
	margin-right:.833em;
}

#booking form label select {
	border:1px solid #c4c4b5;
	font-size:0.833em;
	color:#333;
	padding:0;
	margin-top:.25em;
	font-family:Helvetica,Arial,sans-serif;
}

#booking form label input {
	border:1px solid #c4c4b5;
	font-size:0.916em;
	color:#333;
	width:60px;
	margin-top:.25em;
	padding-left:.25em;
	font-family:Helvetica,Arial,sans-serif;
}

#booking form  img.imageright {margin-top:1em; padding:0;}


/**CONTENT BOXES (home page)
------------------------------------------------------------------------**/
#boxes {
	width:922px;
	clear:both;
	margin:0 0 0.833em 0;
	padding-top:1em;
}


#boxes h3 {
	color:#333;
	margin-bottom:.5em;
}

#box1 {
	width:271px;
	height:156px;
	float:left;
	margin-left:.833em;
	padding:.833em;
	background:#fffef7;
	border:1px solid #d4d3d3;
}

#box2 {
	width:271px;
	height:156px;
	float:left;
	margin:0 .833em;
	padding:.833em;
	background:#fffef7;
	border:1px solid #d4d3d3;
	font-size:11px;
}

#box3 {
	width:271px;
	height:156px;
	float:left;
	margin-right:.833em;
	padding:.833em;
	border:1px solid #d4d3d3;
		background:#fffef7 url('../images/street-scene.png') no-repeat top right;
}

#box3 p.btn, #box3 p.btn-fr {text-align:center;}

#box3 a {
	color:#6C1921;
	text-decoration:none;
	padding:.167em 2.16em .167em .833em; /*2px 15px 10px */
	border:1px solid #c4c4b5;
	background:#ecece4 url('../images/arrows.gif') no-repeat 87px 5px;
}

#box3 a:hover, #box3 a:active {
	color:#333;
	text-decoration:none;
	background-position: 87px -9px;
}

#box3 p.btn-fr a {
	padding:.167em 2.16em .167em .833em; /*2px 15px 10px */
	border:1px solid #c4c4b5;
	background:#ecece4 url('../images/arrows.gif') no-repeat 127px 5px;
}

#box3 p.btn-fr a:hover, #box3 a:active {
	text-decoration:none;
	background-position: 127px -9px;
}


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

#footer {
	width:922px;
	float:left;
	clear:both;
	font-size:.833em;
	color:#7f7f7f;
	padding:1.5em 0 .833em 0;
}

#footer p.left {margin-left:.833em;}

#footer p.right {text-align:right; margin-right:.833em;}

#footer a {color:#7f7f7f; text-decoration:none;}

#footer a:focus, #footer a:hover {color:#000;}

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

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

h1.headline { /*sets the bg image for the first h1 of every page*/
	background:url('../images/headline-bg.png') no-repeat 0 5px;
	overflow:visible;
	padding-bottom:1.25em;
} 

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

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


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

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

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

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

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

.amp {
	font-family:"Goudy Old Style","Palatino","Book Antiqua",serif;
	font-size:110%;
	font-style:italic;
}

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

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

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

.clear {clear:both;}

.left {float:left;}

.right {float:right;}

.center {text-align:center;}

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

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

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

.pull-out {
	background-color:#FFFEF7;
	border:1px dotted #9D102D;
	margin:0 auto 1.5em;
	padding:1em 0.833em 0;
	width:90%;
}

#specials hr, #meetings hr  {
	background-color:#D4D3D3;
	color:#D4D3D3;
	height:1px;
	text-align:center;
	width:75%;
}

/**Slide effects for the Specials & Packages page
------------------------------------------------------------------------**/
#content .details { display:none; font-size:1em; width:100%;}

#content a.sp-slide {
	width:50px;
	background:url(../images/show-hide-icons.gif) no-repeat scroll 0 1px; 
	text-decoration:none;
	padding-left:1.125em;
	overflow:visible;
	cursor:pointer;
	margin-bottom:1.5em;
	padding-bottom:.2em;
	display:block;
}

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

#content a.active {
	background-position:0 -17px;
	text-decoration:none;
}


/**For the french reservation form
------------------------------------------------------------------------**/

.label {
	text-align:right;
	padding-right:1em;
	padding-bottom:1em;
}

#reservations form input, #reservations form select  {margin-bottom:.833em;}

#reservations form sup {
	color:#ff0000;
	font-size:1.25em;
}

#reservations form input[type=submit] {
	padding:.167em .833em; 
	border:1px solid #c4c4b5;
	color:#9D102D;
	background:#ecece4;
	font-weight:bold;
	cursor:pointer;
	margin-top:.833em;
	margin-right:.833em;
}

#reservations form input[type=reset] {
	padding:.167em .833em; 
	border:1px solid #c4c4b5;
	color:#9D102D;
	background:#ecece4;
	cursor:pointer;
	margin-top:.833em;
}