body {
   margin:0;
	font-family:Arial, Helvetica, sans-serif;
	background:#000 url(../images/body-bg.jpg) no-repeat 0 0;
}
img {border:none;}
form {padding:0;margin:0;}
.form select, .form input, .form textarea {
	vertical-align:middle;
	text-align: center;
	font-weight: bold;
}
a:focus {outline: none;}
p {
	font-size: 12px;
	line-height: 18px;
	color: #e0dcc5;
}
/*start main*/
#main {
	width: 948px;
	padding-left: 32px;
	padding-top: 74px;
	position: relative;
	color: #FFFFFF;
}
/*start header*/
#header {
	width: 948px;
	height: 74px;
	top: 0;
	position: absolute;
	background: url(../images/element-of-design.jpg) no-repeat 100% 100%;
}
#header .logo {
	position: absolute;
	top: 0;
	left: 13px;
	background: url(../images/logo.jpg) no-repeat;
	width: 227px;
	height: 151px;
	text-indent: -9999px;
}
#header .lang {
	position: absolute;
	right: 0;
	top: 0;
	width: 500px;
	font-size: 11px;
	line-height: 18px;
	color: #b95b31;
	text-align: right;
}
#header .lang a {color: #b95b31;text-decoration: none;}
#header .lang a:hover {text-decoration: underline;}
/*start top box*/
#header .top-box {
	position: absolute;
	right: 0;
	top: 23px;
	border-bottom: 1px solid #335c69;
	border-top: 1px solid #335c69;
	width: 685px;
	height: 20px;
	overflow: hidden;
}
#header .top-box .form {width: 100%;overflow: hidden;	z-index:99;position:relative;}
#header .top-box h2 {
	float: left;
	margin: 6px 0 0 1px;
	font-size: 0;
	width: 114px;
	height: 9px;
	text-indent: -9999px;
	background: url(../images/header-title.png) no-repeat;
}
#header .top-box div {float: left;margin: 0 12px 0 0;}
#header .top-box .last {margin: 0 0 0 2px;display: inline;}
#header .top-box div label {
	float: left;
	font-size: 11px;
	line-height: 18px;
	color: #7d99a2;
}
#header .top-box select {float: left;width: 39px;}
#header .top-box .text {
	float: left;
	margin: 2px 0 0 5px;
	display: inline;
	padding: 0;
	width: 82px;
	font-size: 11px;
	color: #000;
	background-color: #7d99a2;
	border: 2px solid #0b3244;
}
#header .top-box .btn {
	float: right !important;
	margin: 0 0 0 35px;
	background: url(../images/btn-bg.gif) no-repeat;
	width: 148px;
	height: 20px;
	text-indent: -9999px;
	overflow: hidden;
}
#header .top-box .btn:hover {background-position: 0 100%;}
#header .top-box .calendar-btn {
	float: left;
	margin: 4px 0 0 2px;
	background: url(../images/calendar-ico.gif) no-repeat;
	width: 14px;
	height: 14px;
	text-indent: -9999px;
	overflow: hidden;
}
#header .element-of-design {
	position: absolute;
	top: 69px;
	right: 0;
	overflow: hidden;
	background: url(../images/element-of-design.jpg) no-repeat;
	width: 685px;
	height: 6px;
}
/*start content*/
#container {display: table;width: 948px;}
#content {float: left;width: 948px;}
#content .element-of-design {
	float: left;
	background: url(../images/element-of-design2.jpg) no-repeat;
	width: 150px;
	height: 8px;
	overflow: hidden;
}
/*start box*/
#content .box1 {
	width: 945px;
	float: left;
	background: url(../images/box1-bg.png) repeat-y;
}
/*start top navigation*/
#content .box1 #top-nav {
	float: right;
	z-index: 1;
	position: relative;
	width: 685px;
	height: 25px;
	list-style: none;
	padding: 0;
	margin:  0 -3px 0 0;
	font-size: 12px;
	line-height: 25px;
	font-weight: bold;
	background: url(../images/top-nav-bg.gif) repeat-x;
}
#content .box1 #top-nav li {float: left;height: 25px;padding: 0 0 0 11px;position: relative;}
#content .box1 #top-nav .padd {padding: 0 0 0 78px;}
#content .box1 #top-nav li a {
	float: left;
	padding: 0 11px 0 10px;
	color: #ffffff;
	text-decoration: none;
}
#content .box1 #top-nav li a:hover, #content .box1 #top-nav li:hover a, #content .box1 #top-nav li.hover a {color: #fff;background-color: #154456;}
#content .box1 #top-nav li .active {color: #d3e2e7;background: url(../images/top-nav-roll-bg.gif) repeat-x;}
#content .box1 #top-nav li:hover ul, #content .box1 #top-nav li.hover ul {display: block;}
#content .box1 #top-nav ul {
	position: absolute;
	display: none;
	top: 25px;
	left: 11px;
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	background-color: #154456;
	width: 176px;
	border-top: 5px solid #0e2c37;
	z-index: 999;
}
#content .box1 #top-nav ul li {
	float: left;
	width: 176px;
	padding: 0;
	height: auto;
}
#content .box1 #top-nav ul li a {
	float: left;
	width: 165px;
	color: #fff;
	border-left: 4px solid #154456;
	padding: 4px 0 4px 7px;
}
#content .box1 #top-nav ul li a:hover {border-left: 4px solid #c54616;background-color: #0e2c37;}
#content .box1 .flash-nav {float: left;margin: 18px 0 0 263px;display: inline;}
#content .box1 .flash-right {float: right;margin: 0 4px 0 0;display: inline;}
#content .box1 .side {
	float: left;
	width: 637px;
	margin: 15px 0 0 -32px;
	position: relative;
}
* html #content .box1 .side {margin-top: 23px;}
#content .box1 .side .flash {float: left;margin: 7px 0 0 0;}
#content .box1 .side .sub-box-top {
	float: left;
	background: url(../images/sub-box-top-bg.png) no-repeat;
	width: 637px;
	height: 8px;
	overflow: hidden;
	z-index: 9;
}
#content .box1 .side .sub-box-middle {
	float: left;
	width: 637px;
	z-index: 9;
	background: url(../images/sub-box-middle-bg.png) repeat-y;
	padding: 0 0 20px 0;
}
#content .box1 .side .sub-box-bottom {
	float: left;
	width: 637px;
	height: 17px;
	overflow: hidden;
	background: url(../images/sub-box-bottom-bg.png) no-repeat;
}
#content .box1 .side h1 {
	margin: 12px 0 0 47px;
	font-size: 12px;
	line-height: 18px;
	color: #b1a57b;
	text-transform: uppercase;
	letter-spacing:2px;
}
#content .box1 .side .left-image {float: left;margin: 9px 0 0;}
#content .box1 .side .text {
	float: right;
	width: 455px;
	margin: 0 18px 0 0;
	display: inline;
}
#content .box1 .side .text p {font-size: 12px;line-height: 18px;color: #e0dcc5;}
#content .box1 .side .text p a {color: #cf7b29;text-decoration: none;}
#content .box1 .side .text p a:hover {color: #ffc600;text-decoration: underline;}
#content .box1 .side .text p a:visited {color: #67a5b9;}
/*main page list*/
#content .text .list {
	list-style: none;
	padding: 0 0 5px 12px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: #e0dcc5;
}
#content .text .list li {background: url(../images/list-sep.gif) no-repeat 0 6px;padding: 0 0 0 15px;}
#content .text .list a {color: #cf7b29;text-decoration: none;}
#content .text .list a:hover {color: #cf7b29;text-decoration: underline;}
/*start accordion*/
#content #accordion {
	float: left;
	margin: 11px 0;	
	font-size: 12px;
	line-height: 18px;
	color: #e0dcc5;
	width: 941px;
}
#content #accordion a.more {
	background: url(../images/arrow2.gif) no-repeat;
	font-size: 12px;
	line-height: 18px;
	font-weight: bold;
	color: #c54616;
	padding: 0 0 0 17px;
	text-decoration: none;
}
#content #accordion a.more:hover {color: #e7cac0;}
#content #accordion div.accordion-item {
	width: 919px;
	border: 1px solid #005e7d;
	background-color: #000;
	padding: 2px 11px;
}
#content .accordion-item p {margin: 0;}
#content .accordion-item .list {
	list-style: none;
	padding: 0 0 5px 12px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: #e0dcc5;
}
#content .accordion-item .list li {background: url(../images/list-sep.gif) no-repeat 0 6px;padding: 0 0 0 15px;}
#content .accordion-item .list a {color: #cf7b29;text-decoration: none;}
#content .accordion-item a {color: #cf7b29;text-decoration: none;}
#content .accordion-item a:hover, #content .accordion-item .list a:hover {color: #cf7b29;text-decoration: underline;}
/*start box2*/
#content .box2 {
	float: left;
	width: 938px;
	border: 1px solid #005e7d;
	background-color: #102932;
	padding: 0 0 13px 0;
}
#content .box2 h1 {
	padding: 0 0 12px 14px;
	margin: 15px 0 0;
	font-size: 13px;
	line-height: 18px;
	color: #b1a57b;
	text-transform: uppercase;
	letter-spacing:2px;
	background: url(../images/sep.gif) repeat-x 0 100%;
}
#content .box2 h2 {
	margin: 16px 0 0;
	padding: 0 0 5px 0;
	font-size: 14px;
	line-height: 18px;
	font-weight: normal;
	color: #fff;
	background: url(../images/sep2.gif) repeat-x 0 100%;
}
#content .box2 h2 strong {
	padding: 0 0 5px 19px;
	width: 100%;
	margin: 0;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	font-weight: normal;
	background: url(../images/box2-title-bg.gif) no-repeat 0 3px;
}
#content .box2 p {
	margin: 12px 12px 0 12px;
	font-size: 12px;
	line-height: 18px;
	color: #e0dcc5;
}
#content .box2 p a {color: #e0dcc5;}
#content .box2 p a:hover {text-decoration: none;}
/*satrt sb boxes*/
#content .box2 .sub-boxes {
	width: 100%;
	overflow: hidden;
	margin: 10px 0 0;
	padding: 0 0 13px 0;
}
#content .box2 .sub-box {
	float: left;
	width: 295px;
	margin: 0 0 0 12px;
	border-top: 5px solid #c54616;
	display: inline;
}
#content .box2 .sub-box .inner {
	float: left;
	width: 295px;
	overflow: hidden;
	padding: 0 0 10px 0;
	border-left: 1px solid #2c424a;
}
#content .box2 .sub-box img {
	margin: 0 0 10px -1px;
	position: relative;
	display: inline;
	float: left;
}
#content .box2 .sub-box h3 {
	margin: 0 9px 0 12px;
	font-size: 12px;
	line-height: 14px;
	color: #b1a57b;
	text-transform: uppercase;
	letter-spacing:2px;
}
#content .box2 .sub-box p {
	margin: 12px 9px 0 12px;
	font-size: 12px;
	line-height: 14px;
	color: #e0dcc5;
}
#content .box2 .sub-box p a {color: #cf7b29;text-decoration: none;}
#content .box2 .sub-box p a:hover {text-decoration: underline;}
#content .box2 .sub-box2 p a {color: #cf7b29;text-decoration: none;}
#content .box2 .sub-box2 p a:hover {text-decoration: underline;}
#content .sub-box ul a {color: #cf7b29;text-decoration: none;}
#content .sub-box ul a:hover {text-decoration: underline;}
#content .box2 .sub-box ul {
	list-style: none;
	padding: 10px 0 0 12px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: #e0dcc5;
}
#content .box2 .sub-box ul li {
	background: url(../images/arrow.gif) no-repeat 0 6px;
	padding: 0 0 0 9px;
}
#content .box2 .sub-box .btn, #content .box2 .sub-box .btn img {float: left;margin: 0;}
#content .box2 .sub-box .btn {
	background: url(../images/check-btn.gif) no-repeat;
	width: 295px;
	height: 28px;
	text-indent: -9999px;
	overflow: hidden;
	}
#content .box2 .sub-box .btn:hover {
	background-position: 0 100%;
	}
#content .box2 .sub-box2 {
	display: table;
	width: 938px;
	padding: 0 0 13px 0;
	background-color: #0b1c22;
}
#content .box2 .sub-box2 .right-side {float: right;width: 820px;}
#content .box2 .sub-box2 .image {
	float: left;
	position: relative;
	margin: 18px 0 0 -33px;
	display: inline;
}
#content .box2 .sub-box2 .image-right {
	float: right;
	width: 321px;
	padding: 0 0 5px 0;
	margin: 0 0 0 20px;
	background-color: #cfc196;
}
#content .box2 .sub-box2 .image-right p {
	margin: 0 28px 0 9px;
	font-size: 11px;
	line-height: 14px;
	color: #102932;
}
#content .box2 .sub-box2 .image-right p a {color: #005e7d;}
#content .box2 .sub-box2 .image-right p a:hover {text-decoration:none;}
#content .box2 .sub-box2 h3, #content .box3 h3 {
	margin: 15px 0 0 12px;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	font-weight: normal;
}
#content .box2 .sub-box2 .list, #content .box3 .list {
	list-style: none;
	padding: 0 0 0 12px;
	margin: 0;
	font-size: 12px;
	line-height: 18px;
	color: #e0dcc5;
}
#content .box2 .sub-box2 .list li, #content .box3 .list li {background: url(../images/list-sep.gif) no-repeat 0 6px;padding: 0 0 0 15px;}
#content .box2 .sub-box2 .list a, #content .box3 .list li a {color: #cf7b29;text-decoration: none;}
#content .box2 .sub-box2 ul a:hover, #content .box3 .list li a:hover {text-decoration: underline;}
#content .box2 .sub-box2 .right-list {
	float: right;
	width: 291px;
	background-color: #2b393f;
	border-top: 4px solid #c54616;
	padding: 0 15px;
	margin: 0 0 0 30px;
}
#content .box2 .sub-box2 .right-list h3 {
	margin: 12px 0 0;
	color: #fff;
	font-size: 12px;
	line-height: 18px;
	font-weight: normal;
}
#content .box2 .sub-box2 .right-list ul {
	list-style: none;
	padding: 16px 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	color: #e0dcc5;
}
#content .box2 .sub-box2 .right-list ul li {padding: 0 0 10px 20px;background: url(../images/list-sep.gif) no-repeat 0 3px;}
#content .box2 .sub-box2 .right-list ul a {color: #f4e06f;text-decoration: none;}
#content .box2 .sub-box2 .right-list ul a:hover {color: #f9b32c; text-decoration: underline;}
#content .list2 {
	float: left;
	list-style: none;
	padding: 17px 0 0 19px;
	margin: 0;
	width: 280px;
	font-size: 12px;
	line-height: 24px;
	color: #e0dcc5;
}
#content .list2 ul {list-style: none; padding: 17px 0 17px 0; margin: 0; width: 280px;}
#content .list2 ul li {padding: 0 0 0 20px;background: url(../images/list-sep.gif) no-repeat 0 7px;}
#content .list2 ul li a {color: #f4e06f;text-decoration: none;}
#content .list2 ul li a:hover {text-decoration: underline;color:#f9b32c;}
#content .list2 h3 {
	width:240px;
	margin: 15px 0 0 0;
	padding: 5px 0 0 0;
	font-size: 14px;
	line-height: 18px;
	color: #fff;
	font-weight: normal;
	border-top: 8px solid #005e7d;
	}
/*start box3*/
#content .box3 {
	float: left;
	width: 980px;
	margin: 0 0 0 -32px;
	display: inline;
}
#content .box3 h1 {
	margin: 0 0 0 47px;
	font-size: 12px;
	line-height: 18px;
	color: #b1a57b;
	text-transform: uppercase;
	letter-spacing:2px;
}
#content .box3 .image {
	float: left;
	position: relative;
	margin: 0 0 8px 0;
	display: inline;
}
#content .box3 .sub-box {float: left;width: 637px;position: relative;}
#content .box3 .sub-box .flash  {float: right; margin:18px 0 15px 0;}
#content .box3 .sub-box-top {
	float: left;
	width: 637px;
	height: 8px;
	background: url(../images/sub-box-top-bg.png) no-repeat;
	overflow: hidden;
}
#content .box3 .sub-box-middle {float: left;width: 637px;background: url(../images/sub-box-middle-bg.png) repeat-y;}
#content .box3 .sub-box-bottom {
	float: left;
	width: 637px;
	height: 17px;
	background: url(../images/sub-box-bottom-bg.png) no-repeat;
}
#content .box3 .side {float: left;width: 450px; margin: 0 0 0 18px;display: inline;}
#content .box3 .side h3 {margin: 20px 0 0;}
#content .box3 .side ul {padding: 3px 0 15px 0;}
#content .box3 .side p, #content .box3 .side2 p {margin: 0;}
#content .box3 .side2 {
	float: left;
	width: 305px;
	margin: 11px 0 0 16px;
	display: inline;
}
#content .box3 .side2 h3 {
	margin: 10px 0 0;
}
#content .box3 .side2 ul {
	padding: 22px 0 0;
	margin: 0;
	font-size: 12px;
	line-height: 14px;
	color: #e0dcc5;
	list-style: none;
}
#content .box3 .side2 ul li {
	padding: 0 0 10px 30px;
	background: url(../images/list-ico.gif) no-repeat 0 0;
}
#content .box3 .side2 ul li a {color: #f4e06f;text-decoration: none;}
#content .box3 .side2 ul li a:hover {text-decoration: underline;color: #f9b32c;}
/*start footer*/
#footer {
	overflow: hidden;
	width: 939px;
	padding: 30px 0 10px 0;
	margin: 17px 0 0;
	background: url(../images/footer-bg.jpg) no-repeat 354px 0;
}
/*start footer navigation*/
#footer .foot-nav {
	list-style: none;
	padding: 0 26px 0 0;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	text-align: right;
	color: #9b9d9a;
}
#TAG {
	float:right;
	height:60px;
	padding: 0 26px 0 8px;
}
#footer .foot-nav li {display: inline;padding: 0 4px;border-left: 2px solid #4f5051;}
#footer .foot-nav li:first-child {border: 0;padding-left: 0;}
#footer .foot-nav li a, #footer .bottom li a {color: #ffffff /*854020*/;text-decoration: none;}
#footer .foot-nav li a:hover, #footer .bottom li a:hover {text-decoration: underline;color:#ef692c;}
#footer .bottom {
	text-align: right;
	font-size: 11px;
	color: #9b9d9a;
	margin: 0;
	padding: 5px 32px 0 0;
}
#footer .bottom li {display: inline;padding: 0 0 0 28px;}
#footer .bottom-ps {
	text-align: right;
	font-size: 11px;
	color: #9b9d9a;
	margin: 0;
	padding: 5px 32px 0 0;
}
#footer .bottom-ps li {display: inline;padding: 0 0 0 28px;}
#footer .foot-nav li a:hover, #footer .bottom-ps li a:hover {text-decoration: underline;color:#ef692c;}
#footer .foot-nav li a, #footer .bottom-ps li a {color: #ffffff /*854020*/;text-decoration: none;}

/*added pagestates*/

#room {
	background:#000 url(../images/body-bg1.jpg) no-repeat 0 0 !important;
}
#pkgs {
	background:#000 url(../images/body-bg6.jpg) no-repeat 0 0 !important;
}
#meet {
	background:#000 url(../images/body-bg3.jpg) no-repeat 0 0 !important;
}
#dine {
	background:#000 url(../images/body-bg4.jpg) no-repeat 0 0 !important;
}
#con {
	background:#000 url(../images/body-bg5.jpg) no-repeat 0 0 !important;
}
#about {
	background:#000 url(../images/body-bg2.jpg) no-repeat 0 0 !important;
}
#fac {
	background:#000 url(../images/body-bg7.jpg) no-repeat 0 0 !important;
}
#room .rooms, #pkgs .specials, #meet .events, #dine .dining, #con .conc, #about .hotel, #fac .facil, #photos .photos { color:#d3e2e7 !important; background: url(../images/top-nav-roll-bg.gif) repeat-x;}
#room .rooms:hover, #pkgs .specials:hover, #meet .events:hover, #dine .dining:hover, #con .conc:hover, #about .hotel:hover, #fac .facil:hover, #photos .photos:hover { color:#ffffff !important; background: url(../images/top-nav-roll-bg.gif) repeat-x;
}
.pdfico{
	padding: 0 0 10px 30px;
	background: url(../images/list-ico.gif) no-repeat 0 0;
}
.bodyform {
	font-size:10px;
	color:#ffffff;
	width:450px;
	margin:0 0 0 15px;
}
.bodyform label {
	float:left;
	margin:2px 0 0 0;
	padding:0;
}
.bodyform input, .bodyform textarea {
	background:#7d99a2;
	border: 1px solid #0f3547;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.bodyform .send {
	color:#ffffff;
	background:#c54616;
	text-transform:uppercase;
	letter-spacing:1px;
	border: 1px solid #0f3547;
	font-weight:normal;
}
.bodyform .send:hover {
	color:#000000;
	background:#ff672d;
	border: 1px solid #0f3547;
	font-weight:normal;
}
.share {
	position: absolute;
	right: 13px;
	text-align: right;
	padding:8px 13px 0 0;
}
.share a {
	color:#c24516;
	margin-top:-12px;
	font-size:10px;
	text-decoration:none;
}
.share a:hover {
	color:#ffffff;
}
.share-main {
	text-align: center;
	padding:8px 13px 0 0;
}
.share-main a {
	color:#c24516;
	margin-top:-12px;
	font-size:10px;
	text-decoration:none;
}
.share-main a:hover {
	color:#ffffff;
}
#printlogo{ visibility:hidden; display:none;}

/*Site Search Bar*/

form#cse-search-box {
	/* PLEASE REMOVE AFTER AEROPLAN PROMO TEXT IS REMOVED */
		position:relative;
		top:14px;
	/* PLEASE REMOVE AFTER AEROPLAN PROMO TEXT IS REMOVED */
	text-align: center;
	margin: 0;
	background: #00445a;
	border-bottom: 1px solid #c54616;
	border-left: 1px dotted #c54616;
	padding: 1em;
}
form#cse-search-box input {
	display: inline;
	padding: 0;
	margin: 0;
}
form#cse-search-box input#search {
	background: url(http://www.arcthehotel.com/ottawa-hotels/images/searchbar_button.png) no-repeat top left; width: 70px; height: 26px; border: none; position: relative; margin: -2px 0 0 10px;
}
form#cse-search-box input#search:hover {
	background: url(http://www.arcthehotel.com/ottawa-hotels/images/searchbar_button.png) no-repeat top right; width: 70px; height: 26px; border: none; cursor: pointer; position: relative; margin: -2px 0 0 10px;
}