/** Hotel Indigo Colours
dark blue: #2c2b71;
medium blue:#2955b5;
light blue:#738ac6;
medium green:#b5db52;
light green:#d6f78c;
Secondary colours
orange:#ff7d31;
purple:#ada6ce;
**/

/**GLOBAL
------------------------------------------------------------------------**/
body {
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#333333;
	font-size:12px;
	background-color:#fff;
}


#wrapper {
	width:782px;
	margin:0 auto;
}

#wrapper_guest {
	width:1000px;
	margin:0 auto;
}


/**HEADER	
------------------------------------------------------------------------**/
#header {
	width:782px;
	position:relative;
	height:97px;
}

#header_guest {
	width:1000px;
	position:relative;
	height:97px;
}

#logo {
	position:absolute;
	top:12px;
	left:0;
}

/**Top Navigation**/

#top-nav {
	float:right;
	font-size:0.833em;
	margin-top:1.083em;
	color:#730073;
		clear:both;
		text-align:right;
}

#top-nav a {
	text-decoration:none;
	padding:.25em 0 .5em .25em;
	margin:0 .2em;
	overflow:visible;
}

#top-nav a:focus, #top-nav a:hover {
	color:#730073;
	text-decoration:underline;
}

/*#top-nav a#tnav-testimonials {background:url(../images/icons/testimonials.gif) no-repeat top left;}
#top-nav a#tnav-directions {background:url(../images/icons/directions.gif) no-repeat top left;}
#top-nav a#tnav-email {background:url(../images/icons/email.gif) no-repeat top left;}
#top-nav a#tnav-reservations {background:url(../images/icons/reservations.gif) no-repeat top left;}
#top-nav a#tnav-francais {background:url(../images/icons/francais.gif) no-repeat top left; margin-right:0;}
#top-nav a#tnav-english {background:url(../images/icons/english.gif) no-repeat top left; margin-right:0;}*/

#header h1 {
	position:absolute;
	top:70px;
	left:330px;
	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform:none;
	font-size:1.417em;/*17px*/
}


#header h2 {
	float:right;
	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	text-transform:none;
	font-size:1.417em;/*17px*/
	clear:both;
	
}

#header h1.fr {	left:357px; }


#social {
	width:200px;
	margin:8px 0 0;
	text-align:right;
	float:right;
	clear:both;
	height:21px;

}


/**MAIN NAVIGATION	
------------------------------------------------------------------------**/
#main-nav {
	position:relative;
	width:782px;
	height:28px;
	margin-bottom:.833em;
	text-align:center;
	
}

#main-nav ul {height:28px; background:url(../images/nav-bg.gif) no-repeat top left; padding-top:.3em; *padding-bottom:.4em;}

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

#main-nav ul li.last {border:0;}

#main-nav ul li a {
	color:#fff;
	text-decoration:none;
	padding:0.5em .5em 0.6em 0.416em;
}

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

#home #nav-home a,
#rooms #nav-rooms a,
#amenities #nav-amenities a,
#meetings #nav-meetings a,
#weddings #nav-weddings a,
#dining #nav-dining a,
#specials #nav-specials a,
#ottawa #nav-ottawa a,
#video #nav-video a,
#contact #nav-contact a {background-color:#2955b5;}

/**FLASH CONTENT	
------------------------------------------------------------------------**/
#flash-content{
	float:left;
	width:518px;
	height:321px;
}

/**VIDEO CONTENT	
------------------------------------------------------------------------**/
#video-content{
	float:left;
	width:782px;
	height:463px;
}


/**SECONDARY	
------------------------------------------------------------------------**/
#secondary {
	float:right;
	width:254px;
	height:321px;
	background:url(../images/secondcol-bg.jpg) no-repeat top left;
	border-right:solid #CCCCCC 1px;
	border-bottom:solid #CCCCCC 1px;
	border-left:solid #CCCCCC 1px;


}

#secondary_guest {
	float:right;
	width:234px;
	padding:25px 12px 0;
}

#secondary ul {
	text-align:center;
	list-style-type:none;
	font-family:"Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:1.417em;
	line-height:200%;
	margin-top:1.5em;
}

#secondary ul li a {color:#fff; text-decoration:none;}

/**booking form
------------------------------------------------------------------------**/

#booking-area {

	width:240px;
	height:100px;
margin: 15px 0px 0px 10px;
	clear:both;
	
}

#bookingseparator{
background-color:#01a799;
height:10px;
}

#booking-area h3{
margin: 3px 0px 3px 0px;
font-size:11px;
}

#booking-form {
	color:#083a81;
}

#neighborhood {
background:url(../images/OurNeighbourhood.jpg) no-repeat top right;
	margin:0;
	padding:110px 1em 0 1em;
}




#video #column {background:url(../images/booking-bg.gif) no-repeat top left; height:135px;}

#column form#booking-form { /*for the video content page*/
	top:10px;
}

form#booking-form h3 {margin-bottom:0.3em;}

form#booking-form label {
	float:left;
	font-size:0.833em;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	margin-right:1em;
	margin-top:.5em;
}

form#booking-form label input {
	border:1px solid #afafaf;
	color:#083a81;
	font-size:0.9em;
	margin-top:0.25em;
	padding-left:0.25em;
	width:60px;
}

form#booking-form label select {
	border:1px solid #afafaf;
	color:#083a81;
	font-size:0.9em;
	margin-top:0.25em;
	margin-right:7px;
	padding:0;
}

form#booking-form input[type=submit] {
	margin-top:0.9em;
	margin-bottom:0.5em;
	float:right;
	border:1px solid #d8d8d8;
	background-color:#3c4650;
	color:#fff;
	font-size:0.9em;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	cursor:pointer;
	padding:4px 8px;
}

#res-form li {
	list-style: none;
	padding:.333em 0 ;
	margin: 0;
}



#checkoutShell, #checkinShell
{width:100px; float: left; display: inline; padding:0; margin:0 4px 0 0;}


#roomsShell,
#adultsShell,
#childrenShell,
#submitShell
{ float: left; display: inline; padding: 2px 8px 0 0;}


#submitShell
{ width:79px;
height:26px;
}


#booking-form label {
	display:-moz-inline-box;
	display: inline-block;
	line-height: 1.8em;
	vertical-align: top;
	width:100px;
	
}

#booking-form span {
font-size:10px;
	
}

#booking-form img {
border:#FFFFFF 0px;
margin: 0 0 -5px 0;
cursor:pointer;
	
}

#booking-form input {
	display:inline;
	font-size:.833em;
	text-align:center;
	background-color: #ffffff;
	border-color: #666666;
	border-width:1px;
	border-style:solid;
	margin-top:2px;
	width:60px;
}

#booking-form select {
	font-size:.833em;
	background-color: #ffffff; 
	margin-top:2px;
    border-color: #666666;
	border-width:1px;
	border-style:solid;
}

#booking-form .button {
width:79px;
height:26px;
border:0px;
margin:8px 0px 0px 0px;
}



/**MAIN CONTENT	
------------------------------------------------------------------------**/
#main-content{
	float:left;
	width:518px;
	margin-top:1em;

}

#main-content_guest{
	float:left;
	width:718px;
	margin-top:1em;
}


/**COLUMN	
------------------------------------------------------------------------**/
#column {
	float:right;
	width:254px;
	margin-top:1em;

	
}

#column p, #column ul {
	font-size:.833em;
	color:#666666;
	margin-left:0.2em;
}


#column #items {
	width:236px;
	margin-top:1em;
	padding:0 8px;
	border:#ddd7d4 solid 1px;
	clear:both;

	
}



/**FEATURE	
------------------------------------------------------------------------**/
#feature {
	clear:both;
	width:782px;
	padding:1em 0;
}

#home #feature img {padding-right:.6em;}
#home #feature img.last {padding:0;}

.feature img {padding-bottom:.6em;}

img.first {
	padding-right:.6em;
}



/**FOOTER	
------------------------------------------------------------------------**/
#footer {
	clear:both;
	width:782px;
	padding-top:1em;
	border-top:1px solid #2c2b71;
	font-size:.833em;
	color:#666666;
}

#footer_guest {
	clear:both;
	width:1000px;
	padding-top:1em;
	border-top:1px solid #2c2b71;
	font-size:.833em;
	color:#666666;
}

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

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



/**TYPOGRAPHY
------------------------------------------------------------------------**/
h1,h2,h3,h4,h5,h6 { 
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-weight:normal;
	color: #2c2b71; 
}

h1 {
	font-size:16PX;
	line-height:1em;
	text-transform:uppercase;
	margin:0 0 0.9em 0;
}

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

h3 {
	font-size:1em;
	margin-bottom:.9em;
	text-transform:uppercase;
	line-height:1em;
}

h4 {
	font-size:0.917em;
	text-transform:uppercase;
	margin-bottom:0.6em;
}


p {
	font-size:0.917em;/*11px*/
	line-height:1.5em;
	margin:0 0 1.5em 0;
}

a {
	color:#730073;
	text-decoration:underline;
	line-height:1.5em;
}



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


#main-content ul, #column ul, #main-content ol, #column ol { 
	font-size:0.917em;/*11px*/
	margin:0 1.5em 1.5em 1.5em;
	line-height:1.5em;
}

#main-content ul, #column ul     { list-style-type: disc; }

#main-content ol  , #column ol   { list-style-type: decimal; }

ul ul {
	padding-top:1em;
}

ul.downloads {list-style-image:url(../images/icons/pdf.gif);}

strong {font-weight:bold;}

em {font-style: italic;}

.small { 
	font-size: .75em; /*9px*/
	margin-bottom: 1.875em; 
	line-height: 1.875em; 
}

.large { 
	font-size: 1.083em; /*12px*/ 
	line-height: 1.5em; 
	margin-bottom: 1.25em; 
}

.caps { text-transform:uppercase; }

.quiet { color: #666; }

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

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

u {text-decoration:none;}

/**jquery slide-down styles - used on ottawa page**/
.accordion {margin-bottom:1em;}

.accordion h4 {
	cursor:pointer;
	border-top: 1px solid #ada6ce;
	padding-top:.6em;
	padding-bottom:.6em
}

#sitemap  ul li {
	line-height:2em;
	list-style-type:none;
}

#sitemap ul li ul {
	margin-bottom:0.5em;
	margin-top:0;
	padding-top:0.25em;
}

/**TABLE STYLES
------------------------------------------------------------------------**/
caption, th, {
	font-weight:normal;
	text-align:left;
}

table.data   {
	 margin-bottom: 1.4em; 
	 font-size:.833em;
	 width:99%;
}



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

.left {float:left;}

.right {float:right;}

.text-right {text-align:right;}

.center {text-align:center;}

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

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

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

div.bwc {
	width:100%;
	font-size:.833em;
	color:#758FBF;
	margin-top:1.5em;
}

div.bwc a {color:#758FBF; font-weight:bold;}
div.bwc a:focus, div.bwc a:hover {color:#730073; text-decoration:none;}

.specials {float:right; margin-right:2em;}
.specials + p {clear:both;} /*so that the next p clears the floated booking button*/

.specials a {
	background-color:#2955B5;
	border:1px solid #009900;
	color:#EFEFEF;
	padding:3px 10px;
	text-decoration:none;
	text-transform:uppercase;
}

.specials a:focus, .specials a:hover {color:#b5db52;}

#specials hr {
	width:100%;
	color:#758FBF;
	background-color:#758FBF;
	border:0;
	height:1px;
	display:block;
}

#home #special {
	width:90%;
	background-color:#eeedfc;
	margin:0 0 3px 0;
	padding:1em 1em 0 1em;
	
}




/**EMAIL SIGN UP FORM -Zmail-
------------------------------------------------------------------------**/
#email #main-content form {
	width:450px;
	font-size:.916em;
	margin-bottom:1.5em;
}

#email #main-content form input, #email #main-content form select {
	font-size:.916em;
}

#email #main-content form table td {
	padding-bottom:0.5em
}

#email #main-content form input[type=submit] {
	padding:0.25em 0.5em;
	cursor:pointer;
	margin-left:11.5em;
	float:left;
}

#email #main-content table tr>td:first-child {
	font-size:10px;
	text-align:right;
	padding-right:5px;
}

#email #main-content table:first-child {color:#999;}

/**RFP FORM -Zmail-
------------------------------------------------------------------------**/
#meetings #main-content form {
	width:500px;
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	color:#333333;
	font-size:.916em;
	margin-bottom:1.5em;
}

#meetings #main-content form table td {	padding-bottom:0.5em; }

#meetings #main-content form input[type=checkbox] {margin-right:.25em;}

#meetings #main-content form input[type=submit] {
	padding:0.25em 0.5em;
	cursor:pointer;
	font-size:1em;
	background-color:#2c2b71;
	color:#fff;
}

#meetings #main-content form input, #meetings #main-content form select {
	font-size:.916em;
}

#meetings form>table:first-child tr td {margin-bottom:1em; text-align:right; color:#999999; font-size:10px; margin-right:1em;} 


/**Email sign-up form Vigorate - added by Sarah May 13, 2011
------------------------------------------------------------------------**/
#signup_form {font-size:0.916em; margin-bottom:1.5em;}
#signup_form label {
	width: 120px;
	clear:left;
	display: inline-block;
	margin-bottom: .75em;
}
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
#signup_form input, #signup_form select {
	margin-bottom: .75em;
	font-size: 11px;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: rgb(37, 44, 38);
}
#signup_form input[type="submit"] {background-color:#303841; color:#ffffff; font-weight:bold; border:1px solid #CCCCCC; padding: 6px 10px; cursor:pointer;}


/**Virtual Tour - added by Sarah December 16, 2011
------------------------------------------------------------------------**/
#tour {
	width:500px;
	height:400px;
	margin-bottom:0.833em;	
}

/** eclub **/

#eclubarea {
background:url(../images/eclubback.jpg) top left no-repeat;
	width:252px;
	margin-top:1em;
	border-top:#ddd7d4 solid 1px;

	}
	
#eclubarea #eclubform {
	width:230px;
	margin:0 0 0 10px;
}

#eclubarea #eclubform h2 {

	margin:6px 0 3px 0px;
}

a:focus {
	outline: none;
}
#panel {
	height: 190px;
	display: none;
}
.slide {
	margin:0;
	padding: 0;
}
.btn-slide-eclub {
	background: url(../images/eclub-arrow.jpg) no-repeat right -38px;
	text-align: center;
	width: 252px;
	height: 32px;
	padding: 0;
	margin: 0 auto;
	display: block;
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #c20145;
	text-decoration: none;
}
.active {
	background-position: right 0px;
}