/* main */
body {
  background: #101211 url(MOKU0342.jpg) repeat-y center top;
  margin:0px 0px;
  padding: 0;
	text-decoration: none;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF
}
a {
  color: #d39336;
}
p {
	margin: 10px 0px 10px 0px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.9em;
	color:#FFFFFF
}
input, textarea {
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 5px;
}
table, tr, td {
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}
h1 {
	font:bold 16px Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}

h2 {
	font:bold 14px Verdana, Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:10px;
}

h3{
  font-size: 12px;
  margin-top: 25px;
  margin-bottom: -5px;
}

h4{
  font-size: 11px;
  font-weight: normal;

}

h5{
  text-indent: -999999px;
  margin-top: -20px;
  font-size: 12px;
  
}
h6{
  font-size: 11px;
  margin-top: -10px;
  margin-bottom: -5px;
}
h1,h2, h3, h4, h5, h6{
  color: #d39336;
}
.white {
	color:#FFFFFF;
	margin-top:20px;
}
.white2 {
	color:#FFFFFF;
}	
.style2 {
color:#666666;
}

img.chickens {
border:1px solid #909093;
float:right;
margin-top:5px;
margin-bottom:10px;
margin-left:10px;
padding:10px;
}

img.voucher {
border:1px solid #909093;
margin-top:5px;
margin-bottom:10px;
margin-left:75px;
padding:10px;
}

img.aka-jon {
border:1px solid #909093;
float:right;
margin-top:5px;
margin-bottom:10px;
margin-left:75px;
padding:10px;
}

img.map {
margin-top:20px;
margin-bottom:20px;
margin-left:80px;
}

img.blogimage1 {
float:left;
margin-top: 20px;
margin-bottom:10px;
margin-right:10px;
padding:10px;
}

img.blogimage2 {
float:right;
margin-top: 20px;
margin-bottom:10px;
margin-left:10px;
padding:10px;
}

.offer {
	color: #666666;
	font-size:9px;
}

.main {
  padding-right: 10px;
  padding-left: 10px;
}

.food {
	float:left;
	margin-top: 10px;
}
.food2 {
	float:left;
	margin-top:10px;
	margin-left:20px;
	margin-right:20px;
}

.food3 {
	float:left;
	margin-top:10px;
	margin-left:37px;
	margin-right:20px;
}

#guide {
	position:relative;
	margin-left:20px;
}
.guide1 {
	position:absolute;
	top:0px;
	left:0px;
	margin-left:10px;
	margin-right:10px;
	width:150px;
}
.guide2 {
	position:absolute;
	top:0px;
	left:160px;
	margin-left:10px;
	margin-right:10px;
	width:150px;
}

.guide3 {
	position:absolute;
	top:0px;
	left:320px;
	margin-left:10px;
	margin-right:10px;
	width:200px;
}

p.guide4 {
	margin-left:10px;
} 

.main_health{
padding-left:0px;
padding-right:0px;
}

.health_club2{
padding-left:5px;
padding-right:5px;
}

.massage {
	padding-left:89px;
}



ol, ul {
  margin-left: 10px;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	line-height: 1.7em;
	list-style-image: url(i2/circle.png);	
}

/* Horizontal Navigation */
#navigation {
 	margin-right: 30px;
 	float: right;
}
#menu {
  list-style-type: none;
  list-style-image: none;
  margin-left:-5px;
}
#menu li{
  float: left;
  
}

ul li {
		position: relative
}

li ul {
	position: absolute;
	left: 0px; /* Set 1px less than menu width */
	top: 27;
	margin: 0;
	padding: 0;
	display: none;
	list-style-type:none;
    list-style-image:none;
	width:48px;
}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-align:left;
	text-decoration: none;
	color: #FFFFFF;
	background: #0F110E; /* IE6 Bug */
	border-bottom: 1px solid #FFCE3B;
	width:75px;
}

/* Fix IE. Hide from IE Mac \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

ul li a:hover { color: #FFCE3B;  } /* Hover Styles */

li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

li:hover ul, li.over ul { display: block; } /* The magic */

.location_list {
	border-bottom: none;
	width:100%;
}


img.rooms {
border:1px solid #909093;
padding:3px;
margin-top:3px;
margin-bottom:7px;
}

.rooms-text {
	color:#FFFFFF;
	text-decoration:none;
	vertical-align:text-top;
}

.online-button {
	display: block;
	background: url(i2/online.png) no-repeat left top;
	height: 26px;
	width: 106px;
	border-style: none;
	margin-top:10px;
	margin-bottom:10px;
}

.christmas-button {
float:right;
	background: url(i2/christmas-booking-button.png) no-repeat left top;
	height: 26px;
	width: 138px;
	border-style: none;
	margin-top:-8px;
	margin-bottom:0px;
	margin-right:10px;
}

.number1{
	display: block;
	text-indent: -999999px;
	background: url(i2/1on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number2{
	display: block;
	text-indent: -999999px;
	background: url(i2/2on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number3{
	display: block;
	text-indent: -999999px;
	background: url(i2/3on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number4{
	display: block;
	text-indent: -999999px;
	background: url(i2/4on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number5{
	display: block;
	text-indent: -999999px;
	background: url(i2/5on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number6{
	display: block;
	text-indent: -999999px;
	background: url(i2/6on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number7{
	display: block;
	text-indent: -999999px;
	background: url(i2/7on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number8{
	display: block;
	text-indent: -999999px;
	background: url(i2/8on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number9{
	display: block;
	text-indent: -999999px;
	background: url(i2/9on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number10{
	display: block;
	text-indent: -999999px;
	background: url(i2/10on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number11{
	display: block;
	text-indent: -999999px;
	background: url(i2/11on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number12{
	display: block;
	text-indent: -999999px;
	background: url(i2/12on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}
.number14{
	display: block;
	text-indent: -999999px;
	background: url(i2/14on.png) no-repeat left top;
	height: 30px;
	width: 30px;
	border-style: none;
}

.home{
	display: block;
	text-indent: -999999px;
	background: url(i2/home.jpg) no-repeat left top;
	height: 27px;
	width: 50px;
	border-bottom:none;
}
.stay{
	display: block;
	text-indent: -999999px;
	background: url(i2/stay.jpg) no-repeat left top;
	height: 27px;
	width: 42px;
	border-bottom:none;
}
.eat{
	display: block;
	text-indent: -999999px;
	background: url(i2/bistro.jpg) no-repeat left top;
	height: 27px;
	width: 54px;
	border-bottom:none;
}
.location{
	display: block;
	text-indent: -999999px;
	background: url(i2/location.jpg) no-repeat left top;
	height: 27px;
	width: 62px;
	border-bottom:none;
}
.team{
	display: block;
	text-indent: -999999px;
	background: url(i2/team.jpg) no-repeat left top;
	height: 27px;
	width: 48px;
	border-bottom:none;
}
.tariff {
	display: block;
	text-indent: -999999px;
	background: url(i2/rooms.jpg) no-repeat left top;
	height: 27px;
	width: 57px;
	border-bottom:none;
}

.comments {
	display: block;
	text-indent: -999999px;
	background: url(i2/comments.jpg) no-repeat left top;
	height: 27px;
	width: 68px;
	border-bottom:none;
}
.reservations{
	display: block;
	text-indent: -999999px;
	background: url(i2/reservations.jpg) no-repeat left top;
	height: 27px;
	width: 87px;
	border-bottom:none;
}
.specials{
	display: block;
	text-indent: -999999px;
	background: url(i2/specials.jpg) no-repeat left top;
	height: 27px;
	width: 63px;
	border-bottom:none;
}
.contact{
	display: block;
	text-indent: -999999px;
	background: url(i2/contact.jpg) no-repeat left top;
	height: 27px;
	width: 44px;
	margin-right:10px;
	border-bottom:none;
}

.blog{
	display: block;
	text-indent: -999999px;
	background: url(i2/blog.jpg) no-repeat left top;
	height: 27px;
	width: 50px;
	margin-top:5px;
	border-bottom:none;
}

.next {
	float:right;
	margin-right:0px;
}

.back {
	float:left;
	margin-left:0px;
}

#navigation2 {
	margin-right: 30px;
 	float: right;
}
#menu2 {
  list-style-type: none;
  list-style-image: none;
   margin-left:-25px;
}
#menu2 li{
  float: left;
}
.tel {
padding-right:20px;
padding-top:15px;
font-weight:bold;
}
.press{
	display: block;
	text-indent: -999999px;
	background: url(i2/press.jpg) no-repeat left top;
	height: 27px;
	width: 49px;
	border-bottom:none;
}
.gallery2{
	display: block;
	text-indent: -999999px;
	background: url(i2/gallery.jpg) no-repeat left top;
	height: 27px;
	width: 55px;
	border-bottom:none;
}
.mainsite{
	display: block;
	text-indent: -999999px;
	background: url(i2/main.jpg) no-repeat left top;
	height: 27px;
	width: 61px;
	border-bottom:none;
}

/* home contact */
.home-contact {
  background-color: #D39336;
  padding-right: 10px;
  width: 171px;
  margin-left: 10px
}

.home-contact p {
  color: #FFFFFF;
	line-height: 1.9em;
}

.home-contact a {
  color: #FFFFFF;
}

/* footer */
#footer {
	margin:0 auto; /* to centre in Firefox*/ 
  	clear: both;
	width: 845px;
	height: 40px;
	background: url(i2/footer.png) no-repeat center top;
	margin-bottom:20px;
}

/* for home page need to use footer7 */
#footernew {
	margin:0 auto; /* to centre in Firefox*/ 
  	clear: both;
	width: 845px;
	height: 40px;
	margin-bottom:20px;
}

/* for home page need to use footer7 */
#footer2 {
	margin:0 auto; /* to centre in Firefox*/ 
  	clear: both;
	width: 845px;
	height: 40px;
	background: url(i2/footer2.png) no-repeat center top;
	margin-bottom:20px;
}

/* for room booking pages */
#footer3 {
	margin:0 auto; /* to centre in Firefox*/ 
  	clear: both;
	width: 845px;
	height: 40px;
	background: url(i2/footer3.png) no-repeat center top;
	margin-bottom:20px;
}


.footleft {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:30px;
	padding-left:210px;
	float:left;
}
.footleftnew {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:10px;
	padding-left:210px;
	float:left;
}
.footrightnew {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:10px;
	padding-right:100px;
	text-align:center;
	float:right;
}

.footright {
	color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:30px;
	padding-right:100px;
	text-align:center;
	float:right;
}

a.footerlink {
	text-decoration: none;
}



.calendar {
	border-left: 1px solid #7B7B7B;
	border-right: 1px solid #7B7B7B;
	border-bottom: 1px solid #7B7B7B;
	border-top: 1px solid #7B7B7B;
}
/* changes for room booking through protox */
.ftitles{
	width:300px;
	height:29px;
	border:1px solid;
}
.finput{
	width:400px;
	height:29px;
}

.left-label{
	display:inline;
	width:140px;
	height:20px;
	border:1px solid white;	
}

.left-detail{
	display:block;
	
}

#bookreturn{
	margin-top:10px;
}

#bookreturn td{
	padding:5px;
}

.booklabel{
	color:#d39336;
	width:110px;
	height:20px;
	margin-bottom:4px;
}

.bookdata{
	font-weight:bold;
	
}

.conf-label{
	width:100px;
	height:20px;
	margin-bottom:4px;
	color:#d39336;
}

.conf-data{
	font-size:1.1em;
	font-weight:bold;
	
}

.error{
	font-size:1.1em;
	font-weight:bold;
	color:#ff0000;
}

#comment-quotes {
	height:240px;
	margin-bottom:60px;
}

#specials {
	height:40px;
}

#info_box {  
	position:absolute;
	margin-left:230px;
	margin-top:60px;
	background-color:#eeeeee;
	width:400px;
	height:200px;
	z-index: 100; 
	display: none;
	background: url(i2/offers.png) no-repeat right bottom; 
}

<!-- Old info box dimmensions width:388px; 	height:178px; -->

#close {
	position:absolute;
	width:50px;
	height:16px;
	top:25px;
	right:8px;
	z-index:10;
}

#click {  
	position:absolute;
	width:68px;
	height:14px;
	bottom:5px;
	right:8px;
	z-index:20;
}

img.non_flash {
padding:0px;
border:none;
margin:opx;
}

#flash_images {
height:215px;
}

.music{
font-size:9px;
padding-left:20px;
}