body {
	margin:10px 0 0 0;
	padding:0;
	background-color: #1B4D40;
	height: 100%;
}

#wrapper {
	margin:0 auto;
	padding:0;
	width:985px
}

#top {
	position:relative;
	margin: 0;
	padding:0;
	width: 985px;
	height: 103px;
	background: url(../images/bg-top.jpg) top center no-repeat;
}

#logo {
	position:absolute;
	margin: 0;
	padding: 13px 0 0 15px;
}

#header {
	margin: 0;
	padding: 0;
	width: 985px;
	height: 259px;
}

#header-left {
	float:left;
	margin: 0;
	padding: 0;
	width: 366px;
	height: 259px;
	background: url(../images/find-a-room-bg.jpg) top left no-repeat;
}

#header-right {
	float:right;
	margin: 0;
	padding: 0;
	width: 619px;
	height: 259px;
	/*background: url(../images/header-img.jpg) top left no-repeat;*/
}

#container {
	margin:0 auto;
	padding:0 3px;
	width: 979px;
	background-color: #FFF;
	background: url(../images/container-bg.gif) top center repeat-y;
}

#container-smallcol {
	margin:0 auto;
	padding:0 3px;
	width: 979px;
	background-color: #FFF;
	background: url(../images/container-bg-small-col.gif) top center repeat-y;
	/*background: url(../images/right-col-small-bg.jpg) top center repeat-y;*/
}

#container-nocol {
	margin:0 auto;
	padding:0 5px;
	width: 975px;
	background-color: #FFF;
	background-color: #FFF ;
	font: 13px Arial, Helvetica, sans-serif;	
}

#content-wrapper {
	padding: 0 10px;
}

#leftcol {
	float:left;
	margin: 0;
	padding:0 5px;
	color: #014a3e;
	font: 13px Arial, Helvetica, sans-serif;	
	width: 480px;
}

#rightcol {
	float:right;
	margin: 0;
	padding:0 5px;
	color: #4a3d31;
	font: 12px Arial, Helvetica, sans-serif;	
	width: 475px;
	border-top: 1px solid #a78f61;
}

#leftcollarge {
	float:left;
	margin: 0;
	padding:0 5px;
	color: #014a3e;
	font: 13px Arial, Helvetica, sans-serif;	
	width: 700px;
}

#rightcolsmall {
	float:right;
	margin: 0;
	padding:0 5px;
	color: #4a3d31;
	font: 12px Arial, Helvetica, sans-serif;	
	width: 245px;
	border-top: 1px solid #a78f61;
}

#rightcolsmall table {
	margin:15px auto 0 auto;
	padding:0;
	width: 220px;
	background-color: #DED0BA;
	border: 1px solid #F2EBE2
}

#rightcolsmall table td {
	margin: 0;
	padding: 5px;
}

#rightcolsmall table h3 {
	margin: 0 0 5px 0;
	padding: 0;
	font-size: 14px;
	color: #826738
}

#rightcolsmall table .image-center {
	display: block;
	text-align: center;
	margin: 0 auto 10px auto;
	padding: 0;
	border: 1px solid #F2EBE2;	
	overflow:hidden
}

#map {
	text-align: right;
	margin: 10px 0 0 0;
	padding: 0;
	border: 2px solid #225957
}

.clear {
	clear: both;
}

#leftcol p, #leftcollarge p, #content-wrapper p {
	line-height: 18px;
	margin: 0;
	padding: 5px 10px 15px 10px;
}

#rightcol p, #rightcolsmall p {
	line-height: 14px;
	margin: 0;
	padding: 5px 0 15px 0;
}

/* -= Roll Overs Left Col=- */

#leftcol a:link, #leftcol a:visited,
#leftcollarge a:link, #leftcollarge a:visited,
#content-wrapper a:link, #content-wrapper a:visited {
	color: #337370;
	text-decoration: underline;
}

#leftcol a:hover, #leftcol a:active,
#leftcollarge a:hover, #leftcollarge a:active,
#content-wrapper a:hover, #content-wrapper a:active {
	color: #6FCCB9;
	text-decoration: none
}

#leftcol a,
#leftcollarge a,
#content-wrapper a {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.blue-table {
	margin: 10px auto;
	padding: 0;
	width: 95%;
	background-color: #E4ECEC;
	border: 2px solid #225957
}

.blue-table td {
	margin: 0;
	padding: 5px;
	color: #014a3e
}

.blue-table td table {
	margin: 5px 0 0 0;
	padding:0;
}

.blue-table td table td {
	border: 1px solid #C9D1D1;
	background-color: #E0E5E5}

#leftcol .blue-table td p, #leftcollarge .blue-table td p {
	margin:0;
	padding:0;
}

HR {
	clear: both;
   border: none 0;
	border-top: 2px solid #4DAEAA;
	width: 96%;
	height: 2px;
	padding: 0;
	margin: 10px auto;
	overflow:hidden
   }
	
/*H tags*/
#leftcol h1,
#leftcollarge h1,
#content-wrapper h1 {
	margin: 0;
	padding:15px 0 3px 0;
	font: 18px Georgia, Geneva, Arial, Helvetica, sans-serif;
	color:#241f14;
	font-weight: bold;
}

#leftcol h2,
#leftcollarge h2,
#content-wrapper h2 {
	clear: both;
	margin: 15px auto 0 auto;
	padding:3px;
	font: 14px Georgia, Geneva, Arial, Helvetica, sans-serif;
	color:#F2F2F2;
	font-weight: bold;
	width: 95%;
	border: 1px solid #1F5650;
	background-color: #337370}
	
#content-wrapper h2,
#leftcollarge h2 {
	width: 99%;
}

#rightcol h2,
#rightcolsmall h2 {
	margin: 0;
	padding:14px 0 0 0;
	*padding:14px 0 10px 0;
	_padding:14px 0 10px 0;
	font: 18px Georgia, Geneva, Arial, Helvetica, sans-serif;
	color:#695637;
	font-weight: bold;
}

#rightcol h3,
#rightcolsmall h3 {
	margin: 0 0 0 10px;
	padding:5px 0;
	font: 13px Georgia, Geneva, Arial, Helvetica, sans-serif;
	color:#1359a1;
	text-transform: uppercase;
	font-weight: bold;
}

h4.find-room {
	margin: 65px 0 0 10px;
	padding:5px 0;
	text-indent: -4000px;
	width: 235px;
	height: 33px;
	background: url(../images/find-a-room.jpg) top left no-repeat;
}

span.red {
	color: #8D0000
}

span.green {
	color: #337370
}

/*UL Tags*/

#rightcol ul,
#leftcollarge
#rightcolsmall ul {
	padding: 10px 5px 8px 5px;
	margin: 0 0 0 10px;
	list-style: none;
	list-style-type: none;
	/*font: 14px Arial, Helvetica, sans-serif;*/
}

#rightcol ul li,
#rightcolsmall ul li {
	padding: 0 0 2px 14px;
	margin: 0;
	color: #4a3d31;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 18px;
	background: url(../images/bullet.gif) 0 7px no-repeat;
}

#leftcol ul,
#leftcollarge ul,
#content-wrapper ul {
	padding: 10px 5px 8px 5px;
	margin: 0 0 0 10px;
	list-style: none;
	list-style-type: none;
	/*font: 14px Arial, Helvetica, sans-serif;*/
}

#leftcol ul li,
#leftcollarge ul li,
#content-wrapper ul li {
	padding: 0 0 2px 14px;
	margin: 0;
	line-height: 22px;
	background: url(../images/bullet.gif) 0 5px no-repeat;
}

#rightcol ul.left-col-btns,
#rightcolsmall ul.left-col-btns {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}

 #rightcol ul.left-col-btns li,
 #rightcolsmall ul.left-col-btns li {
	float: left;
	margin: 15px 0 0 0;
	padding: 0 0 10px 10px;
	list-style: none;
	list-style-type: none;
	background: none;
}

a.our-blog, a.conference-rooms, a.see-seattle, a.choices {
	margin: 0;
	padding: 0;
	display: block;	
	width: 223px;
	height: 105px;
	text-indent: -4000px;
	text-decoration: none;
}

/* -= Roll Overs Left Col=- */

#rightcolsmall a:link, #rightcolsmall a:visited {
	color: #866A3B;
	text-decoration: none;
}

#rightcolsmall a:hover, #rightcolsmall a:active {
	color: #866A3B;
	text-decoration: underline
}

#rightcolsmall a {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

a.our-blog {
	background: url(../images/btn-blog.jpg) 0 0 no-repeat;
}

a.conference-rooms {
	background: url(../images/btn-conference.jpg) 0 0 no-repeat;
}

a.see-seattle {
	background: url(../images/btn-see-seatle.jpg) 0 0 no-repeat;
}

a.choices {
	background: url(../images/btn-choices.jpg) 0 0 no-repeat;
}

a:hover.our-blog, a:hover.conference-rooms, a:hover.see-seattle {
  background-position: 0 -105px;
}

a:hover.choices {
  background-position: 0 -106px;
}

/*Right Col Box*/

.package-container {
	position:relative;
	margin:0;
	padding:0;
	width: 455px;
	height: 153px;
}

.packages-box {
	margin: 15px auto 0 auto;
	padding: 0;
	width: 455px;
	background: #FCFAF7 url(../images/bg-packages.gif) bottom right no-repeat;
	border: 2px solid #A58F63;
	height: 153px
}
#rightcol .packages-box p {
	margin:0;
	padding:0 30px 0 0;
}

/* -= Roll Overs Left Col=- */

#rightcol .packages-box a:link, #rightcol .packages-box a:visited {
	color: #337370;
	text-decoration: underline;
}

#rightcol .packages-box a:hover, #rightcol .packages-box a:active {
	color: #6FCCB9;
	text-decoration: none
}

#rightcol .packages-box a {
	padding: 0;
	margin: 0;
	font-weight: normal;
}

.featured-package {
	position:absolute;
	text-align: right;
	margin: 17px 0 0 378px;
	*margin: 2px 0 0 368px;
	_margin: 2px 0 0 368px;
	padding: 0;
	height: 86px;
	width: 85px;
	background: url(../images/featured-package.gif) top right no-repeat;
}


/*Images Styles*/

.image-left {
	float: left;
	display: block;
	margin: 5px 7px 7px 7px;
	padding: 0;
	border: 2px solid #225957;	
	overflow:hidden
}

.image-center {
	display: block;
	text-align: center;
	margin: 0 auto;
	padding: 0;
	border: 2px solid #225957;	
	overflow:hidden
}

.image-right {
	float: right;
	display: block;
	margin: 5px 7px 7px 7px;
	padding: 0;
	border: 2px solid #225957;
	overflow:hidden
}

#tagline {
	position:relative;
	margin: 0;
	padding: 0;
	height: 33px;
	border-top: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
	background-color: #ffcc00
}

.tag {
	position:absolute;
	right:-13px;
	_right:-14px;
	margin:0;
	padding: 0;
	height: 33px;
	width: 111px;
	background: url(../images/tag.gif) top right no-repeat;
}

#footer {
	margin: 0 auto;
	padding: 7px 0 0 0;
	height: 52px;
	text-align: center;
	background: url(../images/footer.gif) top center no-repeat;
}

#footer p {
	margin:0;
	padding:0;
	text-align: center;
	color: #c3b496;
	font: 11px "Lucida Grande", "Arial", "Helvetica", "Verdana", "sans-serif";
	line-height: 18px;
}

/* -= Roll Overs Footer=- */

#footer a:link, #footer a:visited {
	color: #c3b496;
	text-decoration: none;
}

#footer a:hover, #footer a:active {
	color: #fff;
	text-decoration: none
}

#footer a {
	padding: 0;
	margin: 0 auto;
	font-weight: bold;
}

#footer p.footer-links a {
	margin: 0 7px;
}

#credit {
	margin: 0 auto;
	padding:0;
	text-align: center;
	width: 770px;
}

/*Dotted line around active button in Firefox */
:-moz-any-link:focus {
outline-style: none !important;
outline-width: 0px !important;
}
