*, body { margin: 0; padding: 0; }

/* Common class def */

.cb { clear: both; }
.error_message { display: inline; color: red; }
img { border: none; }


/* Page def */
#page { width: 713px;
	margin: 10px auto;
	padding-top: 8px;
	background: #fff url('../img/page_border_top.jpg') left top repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; }


/* Header def */
#top { clear: both; position: relative;
	min-height: 55px; }
* html #top { height: 55px; }

#top ul { list-style: none;
	position: absolute; right: -1px; top: 0; }
* html #top ul { right: -2px; }
#top ul li { float: left; 
	width: 106px; height: 51px;
	background: #fff;
	overflow: hidden;
	border-left: 1px solid #F0E6D3; }
#top ul li a { display: block;
	width: 104px; height: 21px;
	margin: 0 1px; padding-top: 30px;
	text-align: center; color: #000;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize; }
#top ul li a:hover, #top a.active { color: #fff;
	background: #c54607 url('../img/menu_back.jpg') right top no-repeat; }
#top ul li.first { border-left: none; }


/* SubMenu def */
#submenu { position: relative;
	width: 100%; height: 174px;
	background: url('../img/header.jpg') left top no-repeat; }
#head-image { position: absolute; left: 180px; width: 471px; height: 174px; z-index: 5; }
#head-image-next { position: absolute; left: 180px; width: 471px; height: 174px; z-index: 1; }
#submenu ul.langs { list-style: none;
	position: absolute;
	right: 0; top: 0; }
#submenu ul.langs li { margin: 5px; }
#submenu div { position: absolute;
	top: 10px; left: 10px;
	width: 155px; height: 150px;
	overflow: hidden; }
#submenu div h2 { font-size: 1.1em;
	border-bottom: 1px solid #E4985A;
	color: #fff; margin: 5px 0; }
#submenu div ul { margin-left: 20px;
	list-style-image: url('../img/star.gif'); }
#submenu div li { color: #fff; }

/* Middle def */
#middle { width: 100%;
	position: relative;
	border-top: 1px solid #C54607;
	margin-top: 2px; padding-top: 1px;
	background: #fff url('../img/middle_back.jpg') left top repeat-x; }
	
#left, #content, #right { float: left; }
#content, #right { padding-top: 23px; }



/* Left def */
#left { width: 178px; }
#left .reservation { height: 22px;
	background: #4E360B url('../img/reservation_back.jpg') left top no-repeat;
	color: #fff;
	font-size: 1.1em;
	text-align: center;
	padding-top: 25px; }
#left .reservation-text {
	background: #fff url('../img/reservation_text_back.jpg') left top repeat-x;
	margin-top: 1px;
	border-top: 1px solid #4E360B;
	padding: 5px 16px;
	/*height: 300px;*/ }

#left input, #left select { color: #4E360B;
	background: #E3C6A0;
	border: 1px solid #AA8859;
	font-size: 1em; line-height: 1em; 
	padding: 1px; margin: 1px 3px; }
.label { color: #C54607; }
#left span.label { width: 74px; float: left; }
* html #left span.label { width: 80px; display: inline-block; float: none; }
#left input { width: 50px; }
#left select { min-width: 45px; }
#left .submit { text-align: center; }
#left .submit input { width: auto; 
	color: #fff;
	background: #C54607;
	padding: 3px;
	width: 120px; }
#left p { clear: both; }
	
#call-us { /*position: absolute;
	left: 0; top: 220px;*/
	width: 179px; height: 123px;
	padding: 20px 0 0 10px;
	background: #fff url('../img/call_us.jpg') left top no-repeat;
	color: #fff; }
#call-us h2 { margin: 1px 50px 10px 0; 
	border-bottom: 1px solid #E4985A;
	color: #fff; font-size: 1.1em; }
#call-us p { color: #fff; font-size: 1em; }

#left h2.button1 { margin-bottom: 3px;
	background: #4E360B url('../img/button1.jpg') right bottom no-repeat;
	width: 178px; height: 46px; }
#left h2.button2 { margin-bottom: 3px;
	background: #4E360B url('../img/button2.jpg') right bottom no-repeat;
	width: 178px; height: 46px; }
#left h2.button1 a, #left h2.button2 a { padding: 16px 0; 
	font-size: 13px; font-weight: bold;
	text-align: center; text-decoration: none;
	color: #fff; display: block; width: 178px; }
#left h2.button a:hover { text-decoration: underline; } 


/* Content def */
#content { width: 335px;
	margin: 0 5px 0 3px;
	padding-left: 10px; padding-right: 10px;
	overflow: hidden;
	
	font-family: Tahoma;
	font-size: 11px;
	line-height: 15px;
	color: #494949; }

#content input, #content select, #content textarea { border: 1px solid #ddd; }
#content input, #content select { color: #4E360B;
	font-size: 1em; line-height: 1em; 
	padding: 1px; margin: 1px 3px; }
#content select { min-width: 45px; }
#content .submit { text-align: center; }
#content .submit input, #content .submit-button { width: auto; 
	color: #fff;
	background: #C54607;
	padding: 3px;
	width: 120px; }
#content .submit-button { display: block; text-decoration: none; }
#content ul { margin-left: 20px; }

#content p { margin: 3px 0; }
#content h1 { margin: 3px 0;
	font-family: "Times New Roman", Times, serif;
	font-size: 20px;
	line-height: 22px;
	color: #c54607; }

#content a { text-decoration: underline;; color: #666; }
#content a:hover { text-decoration: none; }

#content ul.categories { list-style: none; margin: 0; }
#content ul.categories li { float: left; margin: 2px 5px; }

/* Right def */
#right { width: 172px; }

#service, #menu { display: block;
	margin: 1px 0 5px 0;
	width: 167px; height: 78px;
	vertical-align: text-bottom;
	padding: 5px 0 0 5px;
	font-weight: bold; }
#service { background: url('../img/new_service.jpg') left top no-repeat; }
#menu { background: url('../img/menu.jpg') left top no-repeat; }

#right h2 { color: #C54607;
	margin: 15px 0 5px 0;
	font-size: 1.3em;
	text-align: center; }
#right ul { list-style: url('../img/star.gif');
	margin-left: 20px; }
#right ul li {  }
#right a { color: #494949;
	text-decoration: none; }
#right a:hover { text-decoration: underline; }



/* Footer def */
#footer { width: 100%;
	background: #fff url('../img/footer_back.jpg') left top repeat-x;
	padding-top: 7px; margin-top: 10px;
	text-align: center;
	font-size: 0.9em; }
#footer a { text-decoration: none; color: #666; }
#footer a:hover { text-decoration: underline; }
#footer ul { list-style: none; }
#footer li { float: left; width: 142px; }
#footer li a { display: block; }
#footer p { margin: 4px 0; }
