body {
	background:#ffffff;
	font-family:"Helvetica Neue","Lucida Grande",Helvetica,Arial,Verdana,sans-serif;
	background:url('../images/top-bg.gif') repeat-x top left;
	font-size:12px; /*sets the base size for entire site*/
	text-align:center;
	color:#333;
}
#page-wrapper {
	width:900px;
	margin:0 auto;
	text-align:left;
	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;
}


#leftside {
float:left;
width:300px;}

#rightside {
float:right;
width:598px;}

/**HEADER
------------------------------------------------------------------------**/
#header {
	float:left;
	width:900px;
	clear:both;
	border-bottom:3px solid #5b8823;
}

#header img.imageleft {margin-top:2.25em;}

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

ul#top-nav li {
	display:inline;
	margin:0 -0.416em 0 0.416em;
	padding:0 0.416em 0 0.416em;
	border-right: 1px solid #fff;
}

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:#fff;
	text-decoration:none;
	padding: 0 .5em;
}

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


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



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

ul#main-nav {
	float:right;
	clear:right;
	text-align:right;
	width:685px;
	margin:.833em 0 .5em 0;
	overflow:hidden;
}

ul#main-nav li {
	display:inline;
	border-right: 1px solid #000;
	margin:0 -0.416em 0 0.416em;
	padding:0 0.416em;
}


ul#main-nav li a {
	color:#000;
	text-decoration:none;
	padding: 0 .2em;
}

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**/

#home #nav-home a,
#info #nav-info a,
#rooms #nav-rooms a,
#meetings #nav-meetings a,
#weddings #nav-weddings a,
#specials #nav-specials a,
#location #nav-location a {
	color:#bab7b8;
}


/**BOOKING	
------------------------------------------------------------------------**/

#guestinfo {
	background:#e6f1d1;
	float:left;
	width:280px;/*plus 20px padding = 300px*/
	padding:.833em .833em 0 .833em;
}



#booking {
	background:#e6f1d1;
	float:left;
	width:280px;/*plus 20px padding = 300px*/
	padding:.833em .833em 0 .833em;
}

#bookingfacebook{
	background:#e6f1d1;
	float:right;
	width:150px;
	padding:.833em .833em 0 .833em;
	margin-left:12px;
}

#booking h2,  #bookingfacebook h2 {
	color:#5f812b;
	margin:.833em 0 2px 0;
	font-size:1.167em;
	font-weight:bold;
}

#booking form,  {
	float:left;
	width:100%;
	margin-top:.5em;
}

#bookingfacebook form
 {
	float:right;
	width:100%;
	margin-top:.5em;
}


#facebook {
font-size:12px;
color:#333333;
}

#facebook a {
	text-decoration: underline;
	color:#FF6600;
}

#facebook a:hover{
	color: #FFCC00;
	text-decoration:none;
}

#facebook a.active {
	color:#FF6600;
	text-decoration:none;
}




#booking form br, #bookingfacebook form br {clear:left; margin-bottom:1.5em;}

#booking form label {
	float:left;
	font-size:.916em;
	margin-right:.833em;
	margin-top:.833em;
	width:82px;
}

#bookingfacebook form label {
	float:left;
	font-size:.916em;
	margin-right:.833em;
	margin-top:.833em;
	width:102px;
}

#booking form label.sel {width:35px;}

#booking form select, #bookingfacebook form select {
	float:left;
	border:1px solid #a5acb2;
	font-size:0.833em;
	color:#333;
	padding:0;
	margin-right:3em;
	margin-top:.5em;
	font-family:Helvetica,Arial,sans-serif;
}

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



#booking form  img.imageright {padding:0; margin:.6em 0;}


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

#signup {
	background:#d9e6f6;
	color:#697198;
	float:left;
	clear:left;
	width:280px;/*plus 20px padding = 300px*/
	padding:.833em .833em 0 .833em;
	overflow:hidden;
}

#signup h2 {
	margin-top:0;
	font-size:1.167em;
	color:#697198;
}




#panel { width:280px; display:none; padding-bottom:12px;}

.slide {cursor:pointer;}

a.btn-slide {
	background:transparent url(../images/show-hide-icons.gif) no-repeat scroll 0 3px;
	display:block;
	padding-bottom:0.2em;
	padding-left:1.5em;
	text-decoration:none;
}

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

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


	
/**FLASH CONTENT
------------------------------------------------------------------------**/

#flash-content {
	width:598px;
	float:right;
	margin-top:.33em;
}

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

#content {
	width:597px;
	float:right;
	margin-top:15px;
	background:url(../images/purple_header.gif) top right no-repeat;

}
#content h1 {margin-top:0px; margin-left:12px; margin-bottom:0px; padding:0px; line-height:33px;}
#content-inside {
	width:583px;/*plus 12px padding plus 2px border = 597px*/
	float:right;
	padding:1em 0 0 1em;
	margin-bottom:1em;
	border:1px solid #723257;
	border-top:0px none;
}


/**SECONDARY CONTENT
------------------------------------------------------------------------**/
#second {
	float:left;
	width:278px;/*plus 16px padding plus 2px border = 296px*/
	padding:0 .833em 0 .5em;
	border:1px solid #8cc63f;
	border-top:0px none;
	border-bottom:0px none;
	margin:10px 0px -10px 0px;
}
#second-top {
	float:left;
	width:296px;
	margin-top:15px;
	background:url(../images/second-header-top.gif) top no-repeat;
}

#second-top-large {
	float:left;
	width:296px;
	margin-top:15px;
	background:url(../images/second-header-top-large.jpg) top no-repeat;
}
#second-bottom {
	float:left;
	width:296px;
	background:url(../images/second-header-bottom.gif) bottom no-repeat;
	height:20px;
}

#second p {
	font-size:.916em;
	color:#666666;
}
	
/**FOOTER
------------------------------------------------------------------------**/	

#footer {
	width:900px;
	clear:both;
	border-top:1px solid #ebeae4;
	background:url('../images/divider.gif') no-repeat top center;
	font-size:11px;
	color:#7f7f7f;
	padding:1.5em 0 .833em 0;
}

#footer p.left {margin-left:.833em; clear:left; font-size:11px;}
#footer h2 {clear:left; margin: 0 0 2px .6em; font-size:14px;}
#footer p.left2 {margin-left:.833em; margin-top:10px; clear:left; font-size:10px;}

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

/**TYPOGRAPHY
------------------------------------------------------------------------**/
h1,h2,h3,h4,h5,h6 { 
	font-weight:normal;
	color:#7673aa; 
}

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

h2 {
	font-size:1.25em; /*15px*/
	line-height:1.125;
	margin:0.833em 0 0.643em 0;
	color:#7673aa;
}

h3 {
	font-size:17px;
	color:#FF6600;
	margin-bottom:1em;
	line-height:1.5em;
}

h4 {
	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:#000066;
	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;}

.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;}
#home #content .left {width:370px; padding-right:1em; border-right:1px solid #dceea0;}

.right {float:right;}

.right ul{
list-style:url(../images/greenbullet.jpg);
color:#FF3300;
margin: 0 0 0 16px;
font-size:11px;
line-height:17px;}

.right li{
color: #666666;}



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


#home #content .right {width:190px;}

.center {text-align:center;}

#logo {
	display:block;
	float:left;
	margin-top:29px;
	width:206px;
	height:94px;
	background-image:url(../images/logo-courtyard-marriott-ottawa.jpg);
	background-position:bottom;
	background-repeat: no-repeat;
	text-align:right;
	cursor:pointer;
	
}

#logo .city{
	text-align:right;
	margin: 73px 13px 0 0;
	color:#FFFFFF;
	font-size:14px;
	text-transform:uppercase;
	
}

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

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

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


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

#facilities_table {
	width:553px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0px;
	padding: 0 5px 0 0;
	float:left;
	font-size:11px;
}

#facilities_table p {
	width:62px;
	height:35px;
	float:left;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin:0px;
	padding:3px 0 0 0;
	text-align:center;
}

.facilities_table_long {
	width:116px !important;
	clear:both;
	font-weight:bold;
}

#facilities_table_packages {
	width:569px;
	border-bottom:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	margin:0px;
	padding:0px;
	float:left;
	font-size:11px;
}

#facilities_table_packages p {
	width:141px;
	height:35px;
	float:left;
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	margin:0px;
	padding:0px;
	text-align:center;
	padding-top:3px;
}

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

table.data   {
	 margin-bottom: 1.4em; 
	 font-size:.916em;
	 width:97%;
}
table.data tr {margin-left:.833em;}
table.data th { color:#fff; background-color:#723257; font-weight: bold; }
table.data tr.even { background-color:#ffeff8; }
table.data th, table.data td   { padding: 7px 10px 7px 10px; }
table.data tr.odd {background-color:#e9cfde;}


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

#hide {
	width:300px;
	height:23px;
	background-color:#990000;
	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:#ffffff;
	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:500px;
	 left:290px;
	 padding:0px;
	 height:370px;
}

#booknow a:link, #booknow a:visited {
	background:#85b602;
	color: #FFFFFF;
	text-decoration:none;

		padding:4px 6px;
}

#booknow a:hover {
	background:#91ac33;
	color:#ffffff;
	text-decoration:none;

	padding:4px 6px;
}

/* Email sign-up Vigorate - added May 30, 2011 by Sarah*/
#panel {
	font-size:.916em;
}

form#signup_form { 
	margin-bottom:1.5em;
}

#signup_form label {
	width: 120px;
	clear:left;
	display: inline-block;
	margin-bottom: .75em;
}

#panel #signup_form label {
	width: 83px;
	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:0.83em;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	color: #15204D;
}


#signup_form input[type=submit]{
	padding:0.5em 0.5em;
	cursor:pointer;
	color:#fff;
	background-color: #56822f;
	border: none;
	margin-top: 0.833em;
	font-weight:bold;
}


#panel #signup_form input[type="submit"]{
	width:160px;
	border-width:0;
	background-color:#a7bbd3;
}