body { margin: 0; padding: 0; text-align: center; background: #EFEBE5 url(background.gif) center top repeat-y;  }
#container { width: 748px; margin: 0 auto; text-align: left; position: relative; background-color: #FFFFFF; }


/**** Main ****/

#main { margin-top: 362px; border-top: 1px white solid; }
#main div.single { width: 241px; float: left; margin-right: 12px; padding-bottom: 10px; }
#main div.double { width: 474px; float: left; margin-right: 32px; padding-bottom: 10px; }
#main div.nomargin { margin-right: 0; }
#main h2 { margin-top: 0; padding-top: 0; margin-left: -1px; }
#main h2.midpage { margin-top: 16px; margin-bottom: -10px; border-top: 1px dotted #E0D8CB; padding-top: 10px; }
#main h3 { margin-top: 20px; padding-top: 0; margin-left: -1px; }
#main p { margin-right: 20px; }

#main ul { list-style-type: none; margin-left: 0; padding: 0; }
#main ul li { margin-left: 0; padding: 0 0 4px 10px; background: url(bulletwhite.gif) 0 4px no-repeat; }

#main img { margin-bottom: 10px; padding: 0; }
#main img.floatright { padding: 2px 0 10px 10px; }
#main img.inline { margin-bottom: 0; }

#main div.shaded { width: 229px; background: #EFECE5; padding-top: 12px; padding-left: 12px; height: 200px; }
#main div.shaded h2 {font-size: 18px; }

#main div.offer { padding-bottom: 0; }
#main div.offer h2 { width: 241px; height: 29px; text-indent: -9999px; outline: none; margin: 0; background-color: #814350; padding: 0; }
#main div.offer div { padding: 8px 20px 8px 20px; background-color: #E0D8CB; height: 160px; }
#main div.offer img.float { float: right; padding: 0 0 0 10px; }
#main div.offer p { margin-right: 0; }
#main div.offer a.further { display: block; width: 123px; height: 19px; background: url(further.gif) no-repeat 0 0; text-indent: -9999px; text-decoration: none; outline: none; }


/**** Header ****/

#header { position: relative; height: 55px; padding: 16px 0 13px 0; }
#contact {
	position: absolute; left: 506px; top: 32px; width: 216px; height: 31px;
	background: url(contact.gif) 0 0 no-repeat; text-indent: -9999px; }
#contact a { display: block; width: 216px; height: 18px; text-decoration: none; }
#contact a:hover { background: url(contact.gif) 0 -31px no-repeat; }

#book {
	position: absolute; left: 506px; bottom: 40px; width: 241px; height: 25px;
	background: url(book.jpg) 0 0 no-repeat; text-indent: -9999px; }
#book a { display: block; width: 241px; height: 25px; text-decoration: none; outline: none; }
#book a:hover { background: url(book.jpg) 0 -25px no-repeat; }

#specials {
	position: absolute; left: 506px; bottom: 12px; width: 241px; height: 25px;
	background: url(specials.jpg) 0 0 no-repeat; text-indent: -9999px; }
#specials a { display: block; width: 241px; height: 25px; text-decoration: none; outline: none; }
#specials a:hover { background: url(specials.jpg) 0 -25px no-repeat; }


/**** Menu ****/

#menu { width: 494px; height: 351px; position: absolute; left: 0; top: 84px; }
#menu ul { width: 494px; height: 22px; background: url(menu.gif) 0 0 no-repeat; margin: 0; padding: 0; list-style-type: none; }
#menu ul li { display: block; float: left; height: 22px; margin: 0 2px 0 0; padding: 0; list-style-type: none; }
#menu ul li a { display: block; width: 100%; height: 100%; text-indent: -9999px; text-decoration: none; }

/* Second level */
#menu ul li ul { position: absolute; left: -9999px; background: url(trans.png) 0 0 repeat; height: auto; padding: 4px 0 8px 15px; width: 124px; z-index: 200; }
#menu ul li.hover ul { position: absolute; left: auto; }
#menu ul li ul li { float: none; padding: 2px 0; height: auto; }
#menu ul li ul li a { text-indent: 0; color: #F5F1F2; font-weight: normal; width: 110px; }
#menu ul li ul li a:hover { color: #FFFFFF; text-decoration: underline; background: none; }

/* Widths */
#menu-experience { width: 139px; }
#menu-rooms { width: 75px; }
#menu-facilities { width: 112px; }
#menu-local { width: 82px; }
#menu-contact { width: 78px; }

/* Hover and select effects */
ul.menu-experience #menu-experience, #menu-experience.hover { background: url(menu.gif) 0 -22px no-repeat; }
ul.menu-rooms #menu-rooms, #menu-rooms.hover { background: url(menu.gif) -141px -22px no-repeat; }
ul.menu-facilities #menu-facilities, #menu-facilities.hover { background: url(menu.gif) -218px -22px no-repeat; }
ul.menu-local #menu-local, #menu-local.hover { background: url(menu.gif) -332px -22px no-repeat; }
ul.menu-contact #menu-contact, #menu-contact.hover { background: url(menu.gif) -416px -22px no-repeat; }

/* Fudges to get everything lining up */
#menu ul #menu-contact { margin-right: 0; }


/**** Intro ****/

#intro { width: 211px; height: 301px; padding: 30px 15px 20px 15px; position: absolute; top: 84px; left: 506px; background: #E0D8CB url(intro.gif) bottom right no-repeat; }
#intro p { color: #43403D; }
#intro h1 { margin-top: 0; padding: 0; }
#intro ul { list-style-type: none; margin-left: 0; padding: 10px 0 0 0; }
#intro ul li { margin-left: 0; padding: 0 0 4px 10px; background: url(bulletshaded.gif) 0 4px no-repeat; }
#intro a { text-decoration: none; }


/**** Footer ****/

#footer { clear: both; background: #3C5A2A url(footer.gif) 10px bottom no-repeat; height: 34px; padding: 15px 13px 15px 0; text-align: right; }
#footer, #footer strong { color: #FFFFFF; }
#footer a:link, #footer a:visited { color: #FFFFFF; text-decoration: none; font-weight: normal; }
#footer a:hover, #footer a:active { color: #FFFFFF; text-decoration: underline; font-weight: normal; }