body {
	font-family: Geneva, Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background: url(/images/webcard/hotel/bg.jpg) center;
}
* { padding:0; margin:0; }
#wrapper {
	width: 728px;
	margin: 0 auto;
}
th { text-align: left; padding-right:10px; }

#menu {	background: url(/images/webcard/hotel/menuBg.jpg) no-repeat center bottom; height: 58px; padding: 0 100px; width: 728px; margin: 0 auto; }
#menu ul { list-style: none; margin:0 7px 0 21px; background: #e5e5d9 repeat-y; }
#menu ul li { float:left; position: relative; z-index: 97; }
#menu ul li:hover { z-index: 99; }
#menu ul li a { color: #fff; text-decoration: none; font-size: 1em; display:block; float:left; padding: 8px 2px; margin-right: 16px; height: 16px; text-align: center; }
#menu ul li a.last { border: none; }
#menu ul li a:hover { text-decoration: underline; }

/* Submenu */
#menu div.sub {
	display:none; width: 234px;
	position:absolute; top:30px; left: 0; z-index: 98;
	padding-bottom: 10px;
	background:url(/images/webcard/default/subFooter.png) no-repeat bottom; white-space:nowrap;
}
#menu div.sub ul { height: auto; width: auto; margin: 0; background:url(/images/webcard/default/subTop.png) no-repeat top; padding: 20px 0 0; border: none; }
#menu div.sub li, #menu div.sub li:hover { background:url(/images/webcard/default/subMiddle.png) repeat-y; width: 234px; text-align: left; float: none; }
* html #menu div.sub li { margin: -3px 0; }
*+html #menu div.sub li { margin: -3px 0; }
#menu div.sub li a { color: #333; float: none; padding: 10px 15px; background: none; text-align: left; border: none; margin:0; height: auto; }
#menu div.sub li a:hover, #menu div.sub li a.active { text-decoration: underline; }
#menu div.sub li a:hover span, #menu div.sub li a.active span { background: none; }
#menu li:hover div.sub { display: block; }

#header { background: url(/images/webcard/hotel/topBg.jpg) repeat-x center top; height: 187px; }
#header_content { background: url(/images/webcard/hotel/headerBg.jpg) no-repeat; width: 928px; height: 129px; margin: 0 auto; text-align: center; }
#logo { font-size: 1.5em; color: #f8ecc6; padding-top: 40px; }
#slogan { font-size: 0.6em; color: #f8ecc6; }

/* Banner */
#banner_wrapper {
    margin-top: -22px;
}

/* ################# CONTENT ###################### */
#content_wrapper { background: #fff; padding: 0 20px; }
#content h2 { color: #9b0039; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.3em; border-bottom: 1px solid #a3a3a3; }
#content { color: #333; text-align: justify; }
#content p, #content span { line-height: 1.5em; }

#footer { width: 720px; margin: 0 auto; text-align: right; padding: 4px; color: #666; }
#footer a { color: #666; }

/* ################# FORMS ########################## */
dl { margin-bottom: 2em; }
dt { float:left; color: #666; }
dd { margin-left: 90px; margin-bottom: 10px; }
dd input.text, dd textarea {
	width: 420px;
	border: 1px solid #999; 
	border-color: #999 #ccc #ccc #999;
	font-size: 1em;
	font-family: Arial, Helvetica, sans-serif;
	padding: 2px;
	margin-bottom: 2px;
}
.addr, .addr input, .chk { display: none; }
dd input[type=text]:focus, dd input[type=password]:focus, dd textarea:focus, textarea:focus {
	border-color: #666 #aaa #aaa #666; 
	background-color: #f6f6f6;
}
dd input[type=submit] { padding: 0 16px; }
dd em { color: #666; }

#lang { width: 722px; margin-bottom: -22px; }
#lang #label { color: #F8ECC6; }