@CHARSET "utf-8";

@IMPORT url("qform.css");
@IMPORT url("search.css");
@IMPORT url("sitemap.css");

@IMPORT url("article-plan.css");
@IMPORT url("article-contact.css");
@IMPORT url("article-reservation.css");
@IMPORT url("article-drinks.css");
@IMPORT url("article-gallerylist.css");

@IMPORT url("mooflow.css");

body {
	background: url(images/bg.gif) repeat-x #3e3e3e;
	color: #222;
	font: 11px/ 1 Verdana, Tahoma;
	text-align: left;
	padding: 0;
	margin: 0
}

form {
	margin: 0;
	padding: 0;
}


p {
	margin: 10px 0;
}

img {
	border: 0;
	outline: none
}

object {
	outline: none;	
}

.clear {
	clear: both;
	height: 1px;
	width: 99%;
}

div#topmenu {
	position: absolute;
	top: 10px;
	margin-left: 700px;
	
	z-index: 1;
}

div#topmenu .topmenu {
	line-height: 15px;
}

div#topmenu .topmenufooter {
	clear: both;
}


div#topmenu a {
	float: left;
	text-decoration: none;
	
	padding-right: 20px;
	
	font-weight: bold;
}

div#topmenu span {
	float: left;
	
	font-size: 9px;
	font-family: monospace;
	font-weight: bold;
	
	color: #4d5b64;
	
	width: 11px;
}

div#searchbox {
	position: absolute;
	
	top: 55px;
	margin-left: 730px;
	
	z-index: 2; 
}

div#searchbox form div {
	background: url(images/bg-searchbox.gif) no-repeat;
	height: 20px;
	padding: 2px 0px 3px 4px;
	float: left;
	width: 184px;
}

div#searchbox form .search {
	border: 0px solid #000;
	background-color: #e3dfde;
	font: normal 10px Verdana;
	height: 13px;
	width: 180px;
}

div#searchbox form .searchOK {
	float: left;
	width: 36px;
	height: 20px;
	margin-left: 4px;
	line-height: 20px;
	
	cursor:pointer;
	padding:0;
	border:0px solid #000;
	font:normal 10px Verdana;
}

.info .des a {
	color: #b3b5b7;
	outline: none;
	text-decoration: none;
	font-size: 10px;
	font-weight: normal;
	padding: 0;
}

.info .des a:hover {
	color: #d3d3d3;
	text-decoration: underline;
	font-size: 10px;
	font-weight: normal;
	background: none;
	padding: 0
}

.info {
	clear: both;
	font: 10px Verdana, Tahoma, Arial;
	color: #909294;
	background: url(images/bg-info.jpg) 50% 0% no-repeat;
	height: 25px;
}

.des {
	width: 200px;
	display: block;
	float: right
}

#container {
	width: 990px;
	margin: 0 auto;
	background-color: #d9dacf;
}

#header {
	height: 360px;
	width: 990px;
}

#way {
	height: 20px;
	margin: 25px 20px 10px;
	border-bottom: 1px solid #cdcfc6;
	color: #2f3230;
	font-size: 10px;
}

#mainmenu {
	position: relative;

	top: -20px;
	
	border-radius: 8px 8px;
	padding: 10px 0;
}

#mainmenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#mainmenu li {
	position: relative;
	height: 32px;
}

#mainmenu li a {
	position: absolute;

	display: block;
	text-decoration: none;

	z-index: 10;
	width: 100%;
	height: 100%;
}

#mainmenu li span {
	display: block;
	overflow: hidden;
	
	line-height: 32px;

	padding-left: 35px;
	
	height: 32px;

	font-size: 14px;

	white-space: nowrap;
}

#mainmenu li .mask {
	display: none;
	position: absolute;

	width: 100%;
	height: 100%;
}

#ls {
	margin: 30px 15px 15px;
	padding: 0px;
	width: 212px;
	background-color: #636361;
	font: 11px Verdana, Tahoma;
	color: #fff;
	float: left;
	display: inline;
}

#ls p {
	padding: 0 6px;
}

#ls div.box {
	margin: 10px 0;
}

#ls h1 {
	height: 33px;
	font: bold 15px Verdana, Tahoma;
	padding-top: 8px;
	text-align: center;
	text-transform: capitalize;
}

#ls .newsletterOK {
	display: inline;
	float: left;
	width: 36px;
	height: 20px;
	margin-left: 2px;
}

#menuboxes .image {
	text-align: center;
}

#rs {
	margin: 15px 5px;
	padding: 0px;
	width: 715px;
	font: 11px Verdana, Tahoma;
	color: #2f3230;
	float: left;
	display: inline;
}

#rs h1 {
	margin: 0;
	padding: 3px 0 0 22px;
	width: 600px;
	height: 48px;
	font: bold 12px Verdana, Tahoma;
}

#rs div#txt {
	margin: 0 0 0 30px;
	line-height: 1.7em
}
#rs div#txt table {
  background: #b3b4a9;
}
#rs div#txt table td {
  background: #e7e8e0;
  padding:8px;
}

#socialbar {
	position: fixed;
	top: 100px;
	right: 0px;
}

#socialbar > .facebook {
	position: absolute;

	left: 0;
	padding-left: 29px;
	margin-left: -29px;

	background: url("images/social-fb.gif") no-repeat left top;
	cursor: pointer;
}

#socialbar > .facebook.hover {
	background-image: url("images/social-fb-sel.gif");
}

#socialbar > .facebook > div {
	background: #fff;
}
  
#footer {
	height: 100px;
	width: 100%;
}

#footer div#gotop {
	width: 990px;
	text-align: right;
	margin: 0 auto;
}

#footer div#links {
	width: 990px;
	text-align: center;
	margin: 12px auto 0;
}

#footer div#design {
	width: 990px;
	text-align: right;
	margin: 13px auto 0;
	font-size: 10px;
}

#footer div#info {
	width: 990px;
	text-align: center;
	margin: 12px auto 0;
}

#box-main {
	background: url(images/bg-box-main.gif) repeat-y;
	width: 718px;
	color: #d9dacf
}

#box-main .foto-box {
	text-align: center;
}

#box-main h1 {
	background: url(images/bg-box-main-h1.gif) no-repeat !important;
	width: 221px;
	height: 32px;
	text-align: center;
	text-indent: 8px;
	padding: 0;
	padding-top: 6px;
	margin: 0;
}

#box-main div#col-1 {
	width: 221px;
	margin: 0 10px 0 8px;
	display: inline;
	float: left;
}

#box-main div#col-2 {
	width: 219px;
	margin: 0 6px 0 10px;
	display: inline;
	float: left;
}

#box-main div#col-3 {
	width: 210px;
	margin: 0 0 0 18px;
	display: inline;
	float: left;
}

#box-main-foot {
	background: url(images/bg-box-main-foot.gif) no-repeat;
	width: 718px;
	height: 16px;
}