*{ padding: 0; margin:0;}
img, fieldset{ border: 0;}
a.book-btn{ }
body{ background: url(./bpimages/body_bkgd.jpg) repeat-y center black; text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif;  *padding-left: 4px; font-weight: bold;}

	#wrapper{ background: url(./bpimages/wrapper_bkgd.jpg) no-repeat left top; width: 816px; margin: 0 auto; min-height: 760px; }
	#wrapper #box1 { background: url(./bpimages/leftBottom_bkgd.jpg) no-repeat left bottom; overflow: auto; *overflow: visible;}
	#wrapper #box2 {  height: 100%; overflow: auto; *overflow: visible;}
body.wide #wrapper{ background: url(./bpimages/wide.jpg) no-repeat left top;}

		#sidebar{ float: left; width: 297px; padding-left: 8px; padding-top: 92px;}
		
		#teaser{ display: block; float: left; width: 164px; margin-top: 340px;margin-left: -48px; position: static; text-align: center;}
		#teaser h1{ font-size: 13px; text-transform: uppercase; font-weight: normal; padding-bottom: 6px; letter-spacing: .07em; font-weight: bold;}
		#teaser select{ width: 70px; font-size: 12px; margin-right: 3px; margin-bottom: 3px;}
		#teaser #s-months{ width: 150px;}
		#teaser button{ width: 157px; height: 39px; background: url(./bpimages/checkAvailability.jpg) center; border: 0;}
		#teaser button span{ display: none;}
		
		#main-nav{ float: right; background: url(./bpimages/nav_bkgd.jpg) repeat-y right; }
		#main-nav ul{ margin-top: 270px;}
body.wide #main-nav ul{ margin-top: 105px;}

		#main-nav ul li{ list-style: none; text-align: right; display:block; line-height: 0px; font-size: 0px;}
		#main-nav ul li a{ text-decoration: none; display: block; width: 251px; height: 20px; background: url(./bpimages/global_nav.jpg) no-repeat; float:right; clear: both;}
		#main-nav ul li a span{ display: none;}
		
		#main-nav ul li#home a { background-position: -66px 0px; width: 160px;}
		#main-nav ul li#home a:hover { background-position: -316px 0px;}
body#home #main-nav ul li#home a{ background-position: -316px 0px;}		
		
		#main-nav ul li#be a { background-position: -26px -20px; width: 200px;}
		#main-nav ul li#be a:hover { background-position: -276px -20px;}
div#wrapper.be-engine #main-nav ul li#be a{ background-position: -276px -20px;}
		
		#main-nav ul li#accommodations a {background-position: -6px -40px; width: 220px; }
		#main-nav ul li#accommodations a:hover { background-position: -256px -40px; }
body#accommodations #main-nav ul li#accommodations a{ background-position: -256px -40px; }		
				
		#main-nav ul li#amenities a { background-position: -66px -60px; width: 160px; }
		#main-nav ul li#amenities a:hover { background-position: -316px -60px; }
body#amenities #main-nav ul li#amenities a{ background-position: -316px -60px; }				
		
		#main-nav ul li#offers a { background-position: -26px -80px; width: 200px; }
		#main-nav ul li#offers a:hover { background-position: -276px -80px;}
body#offers #main-nav ul li#offers a{ background-position: -276px -80px;}		
				
		#main-nav ul li#specials a {background-position: 14px -100px; width: 240px; }
		#main-nav ul li#specials a:hover {  background-position: -236px -100px;}
body#specials #main-nav ul li#specials a{  background-position: -236px -100px;}		
				
		#main-nav ul li#gallery a {  background-position: -26px -120px; width: 200px;}
		#main-nav ul li#gallery a:hover {background-position: -276px -120px;}
body#gallery #main-nav ul li#gallery a{background-position: -276px -120px;}		
				
		#main-nav ul li#location a {background-position: 14px -140px; width: 240px; }
		#main-nav ul li#location a:hover { background-position: -236px -140px; }
body#location #main-nav ul li#location a{ background-position: -236px -140px; }
		
		#main-nav ul li#contact a { background-position: -26px -160px; width: 200px;}
		#main-nav ul li#contact a:hover { background-position: -276px -160px;}
body#contact #main-nav ul li#contact a{ background-position: -276px -160px;}		
		
		#main-insertion{ float: right; width: 410px; padding: 20px 36px 20px 0; text-align: right; font-size: 10px;}
		
body.standard #main-insertion { background: url(./bpimages/mainContent_bkgd.jpg) 220px bottom no-repeat; min-height: 270px;}
body.standard #main-insertion h1{ color: white; font-size: 16px; font-weight: normal; padding-bottom: 8px;}		
body.standard #main-insertion h4{ font-weight: normal; font-size: 12px; color: white; line-height: 1.6em; padding-bottom: 8px; font-weight: bold;}
body.standard #main-insertion span.cap{ text-transform: uppercase;}
body.standard #main-insertion p{ line-height: 1.6em; padding-bottom: 8px;}
body.standard #main-insertion a{ color: #5a3808;}
body.standard #main-insertion ul li{list-style: none; background: url(./bpimages/li_style.gif) right no-repeat; padding-right: 10px; margin-top: 4px; }
body.standard #main-insertion ul li strong{ padding-top: 10px; display: block; clear: both;}
		
body.wide #main-insertion{ width: 800px; float: none; clear:both; padding: 20px 0 0 0; margin-left: 8px; *margin-left: 0; text-align: left; background: url(./bpimages/beTopShadow.gif) top no-repeat; }

	#footer{ background: url(./bpimages/footer_bkgd.jpg) no-repeat left top black; width: 816px; height: 338px; margin: 0 auto; text-align: center; font-size: 10px; color: white; padding-top: 4px; clear:both;}
	#footer span{ float: left; color: #beac94; font-size: 11px; width: 260px; text-align: left;}
	#footer ul{ float: right; width: 410px;}
	#footer ul li{ float: left; inline; list-style: none; line-height: 0px; font-size: 0;}
	#footer ul li a{ text-decoration: none; display: block; height: 14px;}
	#footer ul li#privacy a{ background: url(./bpimages/privacy.jpg) no-repeat; width: 135px;}
	#footer ul li#terms a{ background: url(./bpimages/terms.jpg) no-repeat; width: 107px;}
	#footer ul li#map a { background: url(./bpimages/map.jpg) no-repeat; width: 131px;}
	#footer ul li a span{ display: none;}
	#footer p{ clear: both; padding-top: 6px;}
	#footer p#re-link{ color: black;}
	#footer p#re-link a{ color: white; text-decoration: none;}

#spiffy_signup{ display: none;}
h1#logo-h1{ padding: 0; margin: 0; display: none;}
h1#logo-h1 img{ border: 0; width: 0; height: 0;  }
p.hours {text-align: left; margin: 15px 0;}

/* ?pg=home */
body#home #main-insertion img#header{ margin-top: -44px; *margin-top: -58px;}

/* ?pg=gallery */
body#gallery.wide #wrapper{ background: url(./bpimages/gallery_wide.jpg) no-repeat left top;}

body#gallery.wide #main-insertion{ background: url(./bpimages/imgViewer_bkgd.jpg) 24px 14px no-repeat; height: 100%; overflow: auto; padding: 0; clear:both; }
body#gallery.wide #main-insertion h1{ color: white; font-size: 16px; font-weight: normal; padding-bottom: 8px; text-align: right; padding-right: 32px;}

#gallery div#wrapper.be-engine #main-nav ul li#be a{ background: url(bpimages/reservations_nav.jpg) no-repeat right; }
#gallery div#wrapper.be-engine #main-nav ul li#be a:hover{ background: url(bpimages/reservations_nav_highlight.jpg) no-repeat right; }/* overide the wrapper class .be-engine */

					div#image-viewer{ width: 714px; margin: 8px auto 0 auto; text-align: center;}
					div#image-viewer #images{ width: 714px; height: 469px;  overflow: scroll; position: relative; z-index: 2;}
					div#image-viewer #images ul{width: 3800px; z-index: 1;}
					div#image-viewer #images ul li{ display: inline; list-style: none; float: left; margin-right: 20px;}
					div#image-viewer #images ul li img{  float: left;}
					
					div#image-viewer #img-controller{ text-align: center; padding-top: 10px; padding-bottom: 36px; display: block;}
					div#image-viewer #img-controller #img-count{ display: block; float: left; color: #5a3808; font-size: 11px; width: 100px; text-align: left;}
					div#image-viewer #img-controller ul { float: left; white-space: nowrap; margin-left: 170px;}
					div#image-viewer #img-controller ul li{ display: inline; list-style: none; float: left;}
					div#image-viewer #img-controller ul li.first{ margin-right: 44px;}					
					div#image-viewer #img-controller ul li a{ display: block; width: 59px; height: 17px;}
					div#image-viewer #img-controller ul li a span{ display: none;}					
					div#image-viewer #img-controller ul li a#prev{ background: url(./bpimages/prevBtn.gif) no-repeat;}
					div#image-viewer #img-controller ul li a#next{ background: url(./bpimages/nextBtn.gif) no-repeat;}					

/* ?pg=contact */
body#contact #main-insertion address{ padding-bottom: 14px; font-style: normal;}
body#contact #main-insertion form#contact-form{ border-top: 1px solid #745f32; width: 269px; float: right;}
body#contact #main-insertion form#contact-form ul li{ background: none; display: block; padding-right: 0; }
body#contact #main-insertion form#contact-form input{ border: 1px solid #79622c; background: #eeda9d;}
body#contact #main-insertion form#contact-form input, body#contact #main-insertion form#contact-form textarea{ width: 99%;}



/* ?pg=offers */
body#offers div#main-insertion span.price{ font-size: 18px; color: #805c2a;}

/* HOMEPAGE PROMO */
#overlay { position:absolute; top:0px; left:0px; z-index:90; background-color:#000000; minWidth:100%; minHeight:100%; width:100%; height:100%; }
#promo-wrapper { position:absolute; top:270px; left:0px; z-index:100; text-align:center; line-height:0; width:100%; }
#promo-pop{ position:relative; background-color:#beac94; border:3px solid #fff; width:300px; height:100px; margin:0 auto; padding:20px; }
#promo-pop h1, #promo-pop p { font-size:22px; line-height:1.8; }
#promo-pop p { font-size:12px; }
#promo-pop img { margin-top:10px; }
#closeButtonContainer { display:block; position:absolute; top:-22px; left:-18px; overflow:hidden; width:150px; height:30px; }
a#close { position:relative; display:block; font-size:13px; font-weight:bold; text-align:right; text-decoration:none; background:url(bpimages/close_button.gif) no-repeat; outline-style:none; color:#fff; width:150px; height:30px;  }
a#close span { position:relative; display:block; top:10px; }
a#close:hover { background-position: 0px -30px; }

/* --- signup form --- */
.hidden {display: none;}
#spiffy_signup *{margin: 0; padding: 0; }
#signupwrap {}
#spiffy_signup {width: 403px; border: 1px solid black; color: #997042; background-color: #ffffff; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; }
#spiffy_signup .sserror {background-color: #997042; color: #ffffff; text-align: center; font-size: 13px; font-weight: bold; padding: 5px 0;}
#spiffy_signup .ssloader {background: url('../bpimages/loader.gif') no-repeat; width: 16px; height: 16px; margin-left: 70px;}
#spiffy_signup input {background-color: #ffffff;}
#spiffy_signup input.inputerror {border: 3px solid #997042;}
#spiffy_signup #messagewrap {min-height: 50px; _height: 50px;}
#spiffy_signup .sssuccess {color: #000; padding: 200px 80px; font-size: 14px; font-weight: bold; text-align: center;}
#spiffy_signup .sssuccess a#successclose {text-decoration: none; color: #997042;}
#spiffy_signup #closex {text-decoration: none; color: #997042; position: absolute; top: 20px; right: 20px; padding: 3px; border: 1px solid #555555; background-color: #997042; color: #fff; vertical-align: middle;}
#spiffy_signup #closex img {border: none;}
#signupwrap {margin: 4px; border: 2px solid #997042; background-color: #ffffff; padding: 60px 0px 40px 0px; min-height: 435px; _height: 435px;}
#spiffy_signup fieldset {border: none;  padding: 0 30px; .padding: 0px; width: 305px;}
#spiffy_signup legend {font-weight: bold;  font-size: 13px; padding: 0;/*padding-top: 13px;*/}
#spiffy_signup table {margin: 15px 0 0 25px;}
#spiffy_signup input {
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #555555;
	border-left: 1px solid #555555;
	}
#spiffy_signup #signupseperator {margin-left: 20px;}
#spiffy_signup td {padding-bottom: 8px;}
#spiffy_signup th {text-align: right; vertical-align: top; font-weight: normal;  padding-right: 10px; width: 105px;}
#spiffy_signup th label {color: #000000;}
#spiffy_signup th label.labelrequired {font-weight: bold;}
/*#signup #submit * {margin: 0; padding: 0;}*/
#spiffy_signup #submit {background-color: #997042;  color: #FFF; /*width: 76px; height: 24px;*/  cursor: pointer; float: right; margin-top: 20px; margin-right: 22px; .margin-right: 15px; _margin-right: 15px; vertical-align: middle;	border: 1px solid #555555; text-align: center; padding: 3px 5px;}
#spiffy_signup #submit span {/*display: block; background-color: #96DE0C; width: 75px; height: 19px; margin-top: 1px; padding-top: 2px; padding-bottom: 3px;text-transform: uppercase; font-weight: bold; font-size: 12px; line-height: 12px;*/ text-align: center; text-transform: uppercase; font-weight: bold; font-size: 12px;}
/* --- end signup form --- */

/* --- signup form colors--- */
#spiffy_signup {border: 1px solid #000; color: #997042; background-color: #ffffff;}
#spiffy_signup .sserror {background-color: #997042; color: #ffffff;}
#spiffy_signup .ssloader {background: url('../bpimages/loader.gif') no-repeat;}
#spiffy_signup input {background-color: #ffffff;}
#spiffy_signup input.inputerror {border: 3px solid #323E1A;}
#spiffy_signup .sssuccess {color: #000;}
#spiffy_signup .sssuccess a#successclose {color: #323E1A;}
#spiffy_signup #closex {color: #D5C5A4; border: 1px solid #555555; background-color: #997042; color: #fff;}
#signupwrap {border: 2px solid #323E1A; background-color: #ffffff;}
#spiffy_signup th label {color: #000000;}
#spiffy_signup #submit {background-color: #997042;  color: #ffffff; border: 1px solid #555555;}
#spiffy_signup #signupseparator {color: #997042;}
/* --- signup form colors--- */


