@import url("moodalbox.css");
@import url("jquery.lightbox-0.5.css");
@import url("moodalbox.css");
@import url("tabs.css");

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background: url(../../images/bg-darkgreen.jpg)repeat;
	}
	
#wrapper{
	width:855px;
	height:auto;
	margin: 10px auto 0px auto;
	}

#b1{
	width:855px;
	height:atuo;
	margin: 0 auto 0 auto;
	}

#b2{
	width:855px;
	height:auto;
	background: url(../../images/box2.png) repeat-y;
	margin: 0 auto 0 auto;
	}

#b3{
	width:855px;
	height:50px;
	margin: 0 auto 0 auto;
	}

#imageholder{
	width: 800px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/images/mainpic.jpg) no-repeat;
	}

#imageholder2{
	width: 855px;
	height: 552px;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/images/pic-home.png) no-repeat;
	}
	
#imageholder3{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-overview.png) no-repeat;
	}
	
#imageholder4{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-room.png) no-repeat;
	}

#imageholder5{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-dining.png) no-repeat;
	}

#imageholder6{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-meeting.png) no-repeat;
	}
	
#imageholder7{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-recreation.png) no-repeat;
	}

#imageholder8{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-attraction.png) no-repeat;
	}
	
#imageholder9{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-contact.png) no-repeat;
	}
	
#imageholder10{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-gallery.png) no-repeat;
	}
	
#imageholder11{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-reservation.png) no-repeat;
	}

#image-location{
	width: 855px;
	height: auto;
	float:none;
	margin: 0 auto 0 auto;
	background:url(../../images/pic-location.png) no-repeat;
	}
	
#logo{
	width:70px;
	height:98px;
	float:left;
	margin: 10px 0 0 40px;
	}

#logo2{
	width:70px;
	height:98px;
	float:right;
	margin: 15px 30px 0 0;
	}

#logo3{
	width:700px;
	float:left;
	margin:0 0 0 50px;
	}
	
#outletlogo{
	width:137px;
	height:90px;
	float:right;
	margin: 5px 5px 0 0;
	}
	
#note{
	width:830px;
	height:250px;
	float: left;
	margin:0 0 0 10px;
	background:url(../../images/package2.png);
	}
	
#note p{
	width: 480px;
	padding: 50px 40px 0 80px;
	text-align:justify;
	}
	
#note2{
	width:830px;
	height:500px;
	float: left;
	margin:0 0 0 10px;
	background:url(../../images/package3.png);
	}	
	
#note2 p{
	width: 480px;
	padding: 50px 40px 0 80px;
	text-align:justify;
	}
	
#note3{
	width:830px;
	height:610px;
	float: left;
	margin:0 0 0 10px;
	background:url(../../images/package4.png);
	}	
	
#note3 p{
	width: 480px;
	padding: 50px 40px 0 80px;
	text-align:justify;
	}

#note4{
	width:830px;
	height:610px;
	float: left;
	margin:0 0 0 10px;
	background: url(../../images/package5.png);
	}	
	
#note4 p{
	width: 480px;
	padding: 50px 40px 0 80px;
	text-align:justify;
	}

#leftmain{
	width: 480px;
	float:left;
	margin: 60px 0 0 70px;
	text-align:justify;
	}
	
#leftmain2{
	width: 500px;
	height: 400px;
	background:url(../../images/recreation.jpg) bottom right no-repeat;
	float:left;
	margin: 60px 0 0 70px;
	text-align:justify;
	}
	
#leftmain3{
	width: 500px;
	height: 400px;
	background:url(../../images/overview.jpg) bottom right no-repeat;
	float:left;
	margin: 45px 0 0 70px;
	text-align:justify;
	}
	
#rightmain{
	width: 180px;
	height:auto;
	float:right;
	margin: 40px 31px 0 0 ;
	text-align:left;
	}
	
#booking{
	width: auto;
	height:150px;
	float:right;
	margin: 15px 0 0 15px;
	text-align:justify;
	}

#lcontent{
	width: 400px;
	height:111px;
	float:right;
	margin: 10px 200px 0 0;
	background: url(../../images/enter.png) top left no-repeat;
	}
	
#lcontent p{
	width: 360px;
	height:80px;
	margin: 32px 0 0 50px;
	font-size: 14px;
	color: #4c482c;
	font-weight:bold;
	}

#lcontent2{
	width: 500px;
	height:auto;
	float:left;
	margin: 50px 0 0 70px;
	}

#reservation{
	width: 175px;
	height:auto;
	float:right;
	margin: 50px 35px 0 0 ;
	}

#footer{
	width:auto;
	height:auto;
	float:right;
	margin: -40px 20px 0 0;
	}

#footer p{
	font-size:10px;
	color:#FFF;
	}
	
#kapzai{
	width:119px;
	height:16px;
	margin: -10px 0 0 0; 
	float: right;
	}

#menu{
	width:845px;
	height:auto;
	float:none;	
	}
	
#picbox{
	width:100px;
	height:100px;
	margin: 5px;
	float:left;
	}

#transbox {
	width: 480px;
	height: 160px;
	float: right;
	margin: 170px 30px 0 0;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity:0.7;
	}

#transbox p {
	font-size:12px;
	padding: 5px 30px 0 30px;
	line-height: 15px;
	text-align:justify;
}

#gr1{
	width: 800px;
	margin: 5px auto 0 20px;
	padding: 15px 0 0 0;
	}

#gr2{
	width: 490px;
	float:left;
	margin: 45px 0 0 70px;
	}
	
#gr3{
	width: 490px;
	float:left;
	margin: 45px 0 0 70px;
	}
	
#promo{
	width: 510px;
	height: 420px;
	float:left;
	margin: 45px 0 0 70px;
	overflow: auto;
	}

#gr2 p{
	width:480px;
	height:400;
	font-size:12px;
	padding: 5px 0 0 0;
	text-align:left;
	}

#gr3{
	width: 170px;
	height: 430px;
	float:right;
	margin: 45px 35px 0 0;
	}
	
#gr3 p{
	width:180px;
	font-size:12px;
	padding: 5px 0 0 0;
	line-height: 20px;
	text-align:left;
	}

#gr4{
	width: 170px;
	height: auto;
	float:right;
	margin: 40px 35px 0 0;
	}
	
#gr4 p{
	width:180px;
	font-size:12px;
	padding: 5px 0 0 0;
	line-height: 20px;
	text-align:left;
	}
	
#gr5{
	width: 170px;
	height: 530px;
	float:right;
	margin: 40px 35px 0 0;
	}
	
#gr5 p{
	width:180px;
	font-size:12px;
	padding: 5px 0 0 0;
	line-height: 20px;
	text-align:left;
	}

#pointermenu{
	width:800px;
	border-top: 5px solid white; /*optional border across top*/
	margin: 10px auto 0 auto;
	}

#pointermenu ul{
	width: 798px;
	margin: 0 auto 0 auto; /*menu offset from left edge of window*/
	float: none;
	font: 10px Verdana;
	}

* html #pointermenu ul{ /*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
	margin-bottom: 1em;
	margin-left: 5px; /*menu offset from left edge of window in IE*/
	}

#pointermenu ul li{
	display: inline;
	}


#pointermenu ul li a{
	float: left;
	color: #FFF;
	font-weight: bold;
	padding: 3px 5px 4px 5px;
	text-decoration: none;
	background: url(images/pointer.gif) bottom center no-repeat;
	}

#pointermenu ul li a:visited{
	color: #FFF;
	}


#pointermenu ul li a:hover, #pointermenu ul li a#selected{ /*hover and selected link*/
	color: #9C0;
	}

#pointermenu ul li a#rightcorner{
	padding-right: 0px;
	}


.t1{
	font:Verdana, Geneva, sans-serif;
	font-size: 14px;
	padding: 0 0 0 20px;
	color: #030 ;
	}
	

/*leftbar*/
ul#navlist {
	list-style-type: none;
	position: relative;
	}

ul#navlist li a {
	padding-left: 0 0;
	text-align: left;
	font: bold 10px arial, verdana, lucida, sans-serif;
	text-decoration: none;
	color: #699;
	line-height: 6px;
	margin: 0;
	text-transform: uppercase;
	}

ul#navlist li a:hover {
	background: transparent url(http://www.loudjoy.com/greybullet.gif) left center no-repeat;
	color: #666;
	}

ul#navlist li a#current {
	background: transparent url(http://www.loudjoy.com/greybullet.gif) left center no-repeat;
	color: #666;
	}

#navlist {
	margin: 0 0 ;
	padding: 0;
	text-align: left;
	}

#intnavtable { width: 100%; }
#intnavcell { width: 450px; }

/*subnavlist */
ul#subnavlist li {
	display: list-item;
	list-style-type: square;
	padding-left: 20px;
	font: bold 10px arial, verdana, sans-serif;
	line-height: 22px;
	}

#subnavlist a {
	text-decoration: none;
	color: #699;
	}

#subnavlist a:hover {
	text-decoration: none;
	color: #030;
	}

#subnavlist {
	text-align: left;
	margin: 0;
	padding-left: 0;
	}

ul#subnavlist li a#subcurrent { color: #666; }

ul#navlist ul {
	position: absolute;
	top: 0;
	left: 1em;
	}

ul#navlist ul li a, ul#navlist ul li a:hover, ul#navlist ul li a#current { background-image: none; }

.list{
	line-height: 18px;
	font-size:12px;
	}

#promotion{
	margin: 15px 0 0 0;
	padding: 0;
	width: 490px; /*width of menu*/
	height: 150px;
	background-color: #b1cd60;
	}

#new{
	margin: 15px 0 0 0;
	padding: 0;
	width: 490px; /*width of menu*/
	height: 150px;
	background-color: #690;
	}
	
#logodisplay{
	margin: 15px 0 0 15px;
	padding: 10px 10px;
	width: 125px; /*width of menu*/
	height: 85px;
	background-color:#333;
	float:left;
	}	
	
#display{
	margin: 15px 0 15px 15px; 
	padding: 10px 10px;
	width: 100px; /*width of menu*/
	height: 100px;
	background-color:#333;
	float:left;
	}
	
#describe{
	margin: 15px 15px 0 0;
	padding: 10px;
	width: 320px; /*width of menu*/
	height: 100px;
	float:right;
	background-color: #666;
	}

#applemenu{
	margin: 15px 0;
	padding: 0;
	width: 490px; /*width of menu*/
	border: 1px solid #9A9A9A;
	}

.silverheader{
	background: black url(../../images/silvergradient.gif) repeat-x center left;
	font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	padding: 5px 0 5px 20px;
	text-decoration: none;
	}


.silverheader a:visited, .applemenu div.silverheader a:active{
	color: white;
	}


.silverheader a:hover{
	background-image: url(images/silvergradientover.gif);
	color: white;
	}

.submenu{ /*DIV that contains each sub menu*/
	height: auto; /*Height that applies to all sub menu DIVs. A good idea when headers are toggled via "mouseover" instead of "click"*/
	text-align: right;
	}

.just{
	text-align:justify;
	}
	
.form{
	margin:0 0 0 15px;
	font-size:11px;
	font-weight:bold;
	}
	
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #4c482c;
	margin: 0px 0 0 0 ;
	}

h3 {
	font-size: 12px;
	color: #4c482c;
	}
	
h4 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #FFF;
	margin: -1px 0;
	}
	
.date{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0;
	margin: 2px 0 8px 0 ;
	}
	
.text{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CCC;
	margin: 2px 0 8px 0 ;
	}

ul#aboutlist li {
	font-size: 12px;
	font-weight:300;
	list-style-image: url(../../images/t.png);
	margin: 4px 0 2px -15px;
	text-align:left;
	}

#reserve{
	background: url(images/reserve.png) no-repeat;
	height:220px;
	width:400px;
	}

#book{
	height:160px;
	width:340px;
	float:right;
	margin: 10px 0px 5px 10px;
	}
	
#booking2{
	height:auto;
	width:auto;
	float:left;
	margin: 5px 10px 10px 10px;
	}
	
#booking3{
	height:auto;
	width:auto;
	float:left;
	margin: 5px 10px 10px 20px;
	}
	
.emaillink{
	color:#030;
	}