body {
	background: url(./bpimages/stripes.jpg) top repeat-x #a3a92d;
	color: #fff;
	font-family: "Trebuchet MS", "Arial", "Tahoma", sans-serif;
	font-size: 14px;
	margin: 0px;
}

#top {
	width: 956px;
	margin: 0px auto;
	padding: 0px;
}

/* top navigation */
#topnav { 
	margin: 0px auto;
	height: 73px;
	width: 895px;
	clear: both;
}

#topnav a {
	height: 73px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	text-decoration: none;
	overflow: hidden;
}

#topnav ul {
	list-style-type: none;
	margin: 0px;
	margin-left: -26px;
}

#topnav ul li {
	float: left;
	margin: 0 6px 0 0;
}

/* base nav */

#top  .home .home {
	background: url(./bpimages/topnav.png) 0 -75px;
	width: 68px;
}

#top  .home .theinn {
	background: url(./bpimages/topnav.png) -75px -75px;
	width: 72px;
}

#top  .home .amenities {
	background: url(./bpimages/topnav.png) -154px -75px;
	width: 88px;
}

#top  .home .reservations {
	background: url(./bpimages/topnav.png) -249px -75px;
	width: 112px;
}

#top  .home .neighborhood {
	background: url(./bpimages/topnav.png) -368px -75px;
	width: 120px;
}

#top  .home .location {
	background: url(./bpimages/topnav.png) -494px -75px;
	width: 82px;
}

#top  .home #weather {
	background: url(./bpimages/topnav.png) -581px -75px;
	width: 90px;
}

#top  .home .options {
	background: url(./bpimages/topnav.png) -677px -75px;
	width: 113px;
}
	
#top  .home .images {
	background: url(./bpimages/topnav.png) -794px -75px;
	width: 72px;
}

/* active nav */

#top .home .home{background-position: 0 0;}
#top .theinn .theinn {background-position: -75px 0px;}
#top .queen .options, #top .king .options {background-position: -677px 0;}
#top .amenities .amenities {background-position: -154px 0;}
#top .reservations .reservations {background-position: -249px 0;}
#top .neighborhood .neighborhood {background-position: -368px 0;}
#top .location .location {background-position: -494px 0;}

/* hover nav */
#top  .home .home:hover {background-position: 0 -150px;}
#top  .home .theinn:hover {background-position: -75px -150px;}
#top  .home .amenities:hover {background-position: -154px -150px;}
#top  .home .reservations:hover {background-position: -249px -150px;}
#top  .home .neighborhood:hover {background-position: -368px -150px;}
#top  .home .location:hover {background-position: -494px -150px;}
#top  .home #weather:hover {background-position: -581px -150px;}
#top  .home .options:hover {background-position: -677px -150px;}
#top  .home .images:hover {background-position: -794px -150px;}

/* active nav - disable hover*/
#top .home .home:hover {background-position: 0 0;}
#top .theinn .theinn:hover {background-position: -75px 0px;}
#top .amenities .amenities:hover {background-position: -154px 0;}
#top .reservations .reservations:hover {background-position: -249px 0;}
#top .neighborhood .neighborhood:hover {background-position: -368px 0;}
#top .location .location:hover {background-position: -494px 0;}
#top .queen .options:hover, #top .king .options:hover {background-position: -677px 0px;}

/* header area with train flash */
#header {
	background: url(./bpimages/header.png) no-repeat top left;
	width: 956px;
	margin: 0px auto;
	margin-left: 6px;
	padding-top: 3px;
	z-index: 1;
}

#logo  {
	background: #000;
	clear: both;
	height: 60px;
	border: 3px #fff solid;
	border-top: 0;
	border-bottom: 0;
	margin-top: 58px;
}

#logo .logo {
	position: relative;
	top: -32px;
	float: left;
	width: 400px;
	z-index: 3;
}

#logo .train {
	position: relative;
	top: -40px;
	float: right;
	margin-right: 15px;
	z-index: 4;
}

/* subnav */
#subnav {
	margin: 0px;
	padding: 0px;
	margin-left: 100px;
}

#subnav ul {
	margin: 0px;
	margin-left: 15px;
	margin-top: 1px;
}

#subnav li {
	display: inline;
	list-style-type: none;
	margin: 0 5px;
	background: url(./bpimages/subnav_left.jpg) no-repeat 3px -1px;
	padding-left: 20px;
	padding-bottom: 4px;
}

#subnav li a {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
	padding: 1px 20px 5px 0px;
	margin: 0px;
	background: url(./bpimages/subnav_right.jpg) no-repeat top right;
}


#subnav li a:hover  {color: #cadf00;}

/* hide subnav on non-room pages */
#header .off  {background: none; height: 25px;}

#header .off ul {display: none;}

/* set active nav color for subnav */
#header .home .home {color: #cadf00;}

/* flash banner */
#homebanner {
	width: 950px;
	border: 3px #fff solid;
	border-top: none;
	height: 323px;
	background: url(./bpimages/home_banner.jpg);
	margin-left: 6px;
}

#container {
	width: 968px;
	margin: 0px auto;
	padding: 0px;
	clear: both;
	position: relative;
	top: 21px;
}

/* 3 column content area */
#curves {
	float: left;
	width: 12px;
	height: 192px;
	text-align:right;
}

#content {
	float: left;
	width: 956px;
	background: url(./bpimages/content_bg.gif) top left repeat-y #ff6618;
	margin: 0px;
	padding: 0px;
	margin-top: -21px;
	line-height: .7;
}

#main {
	float: left;
	width: 956px;
	background: url(./bpimages/bottomborder.gif) bottom left no-repeat;
	margin: 0px;
	padding: 0 0 20px 0;
}

#left {
	float: left;
	width: 140px;
	padding: 0px 25px;
	line-height: 1;
}

#right {
	float: left;
	width: 677px;
	padding: 15px 40px;
	margin-left: 6px;
	line-height: 1.5;
	background: url(./bpimages/home_bg.jpg) bottom left no-repeat;
}

#main .home {background: url(./bpimages/home_bg.png) top left no-repeat;}

/* set some background images to repeat/not repeat/be top or bottom aligned */
#main .home, #main .rooftop {background-position: bottom left; min-height: 170px;}
#main .queen {background-repeat: repeat-y; background-position: bottom;}

/* gives different background colors for all pages */
#container .theinn {background-color: #fce476;}
#container .amenities {background-color: #b02525;}
#container .queen {background-color: #d8283c;}
#container .king{background-color: #8c2b9f;}
#container .rooftop {background-color: #fe812f;}
#container .neighborhood {background-color: #ee8241;}
#container .location {background-color: #fec224;}
#container .rosequarter {background-color: #be092c;}
#container .contact {background-color: #f55f00;}

/* reserve now tab */
#reserve_tab {
	position: relative;
	top: -55px;
	left: -22px;
	background: url(./bpimages/reserve_tab.png);
	width: 193px;
	color: #8d0e0e;
	font-size: 25px;
	text-align: center;
	padding: 12px 0 15px 0;
	margin: 0px;
}

/* left side styles */

#left form {}

#left input {
	margin-bottom: 5px;
	height: 14px;
}

#left a {
	color: #8c0f0d;
	font-size: 12px;
	text-decoration: none;
	font-weight: bold;
}

/* right side styles */
#right a {
	color: #ffd64b;
	font-weight: bold;
	text-decoration: none;
}

#right a:hover {text-decoration: underline;}

#right h2 {
	color: #ffe899;
	font-size: 16px;
}

#right li {margin: 10px 0; list-style-type: disc;}

/* different text colors for pages */
.location #right h2 {color: #9933cc;}
.theinn #right , .location #right {color: #000;}
.amenities #right li {color: #ffe899; font-weight: bold;}
.amenities #right li span {color: #fff; font-weight: normal;}
.queen #right li, .king#right li {color: #fdc82e;}
.queen #right li span, .king#right li span {color: #fff;}
.contact #right, .contact #right h2, .contact #right a {color: #fff;}


#footer {
	text-align: center;
	clear: both;
	position: relative;
	top: 21px;
}

/* bottom navigation */
#bottomnav { 
	margin: 0px auto;
	height: 31px;
	width: 950px;
	clear: both;
}

#bottomnav a {
	height: 31px;
	float: left;
	margin: 0;
	text-indent: -1000px;
	text-decoration: none;
	overflow: hidden;
	}

#bottomnav ul {
	list-style-type: none;
	margin: 0px;
	margin-left: 91px;
	margin-top: 20px;
	clear: both;
}

#bottomnav li {
	float: left;
	margin: 0 3px 0 0;
}

/* base nav */
#footer .home .rose {
	background: url(./bpimages/bottomnav.gif) 0 0px;
	width: 277px;
}

#footer .home .guestsurvey {
	background: url(./bpimages/bottomnav.gif) -282px 0px;
	width: 142px;
}

#footer .home .contactus {
	background: url(./bpimages/bottomnav.gif) -430px 0px;
	width: 140px;
}

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

.ink {
	background: url(./bpimages/bottomnav.gif) -575px 0px;
	width: 141px;
}

.twitter {
	background: url(./bpimages/bottomnav.gif) -716px 0px;
	width: 31px;
}

.facebook {
	background: url(./bpimages/bottomnav.gif) -747px 0px;
	width: 31px;
}

.forkfly{
	background: url(./bpimages/bottomnav.gif) -778px 0px;
	width: 31px;
}

#footer p {clear: both; padding: 20px; text-transform: lowercase;}

#waves {background: url(./bpimages/waves.png) bottom repeat-x #a3a92d; margin: 0px auto; height: 125px;}

/* base nav hover */
#footer .rosequarter .rose, #footer .home .rose:hover {background: url(./bpimages/bottomnav.gif) 0 -31px;}
#footer .survey .guestsurvey, #footer .home .guestsurvey:hover {background: url(./bpimages/bottomnav.gif) -282px -31px;}
#footer .contact .contactus, #footer .home .contactus:hover  {background: url(./bpimages/bottomnav.gif) -430px -31px;}
#footer .ink:hover {background: url(./bpimages/bottomnav.gif) -575px -31px;}

.clear {clear: both}

#roundedSquareScale {position: relative; top: -65px; z-index: 0;}

#right .print {background: url(./bpimages/print.jpg) no-repeat; padding: 7px 0px 7px 40px; float: right; color: #fff;}

#contactlink {position: relative; clear: both; text-align: right; right: 90px; top: 170px;}
#contactlink a img {border: 0;}