@charset "UTF-8";

@font-face {
    font-family: 'RotisSerifRegular';
    src: url('rotisserif-bold-webfont.eot');
    src: url('rotisserif-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('rotisserif-bold-webfont.woff') format('woff'),
         url('rotisserif-bold-webfont.ttf') format('truetype'),
         url('rotisserif-bold-webfont.svg#RotisSerifRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


a:link {
	color: #FFFFFF;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #FFFFFF;
}
a:hover {
	text-decoration:none;
	color: #7e7b68;
}
a:active {
	text-decoration: none;
	color: #FFFFFF;
	text-align: center;
}



a.tooltip span {display:none; padding:2px 3px; width:145px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; font-size: 10px;}
a.tooltip:hover span{display:inline; position:absolute; top: -120px; left: -30px; border:1px solid #cccccc; background:#ffffff; color:#6c6c6c; z-index: 99;}


.textmenu{font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color:#FFFFFF; padding-bottom:6px;}

.selected {color: #7e7b68;}

.judul {
	font-family: Helvetica Neue UltraLight, Lucida Grande, Lucida Sans Unicode, sans-serif;
	color: #ffffff;
	padding-left:30px;
	font-size: 24px;
}
.reservation{float:left;padding-left:30px; color:#ffffff; font-size:12px;font-family: Helvetica Neue UltraLight, Lucida Grande, Lucida Sans Unicode, sans-serif; }
.logo {
	padding-right:10px;
}
.teks-content {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #514E42;
	padding-left:20px;
}
.teks-bawah {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #514E42;
	
}
.judul-bawah {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 14px;
	color: #ffffff;
	
}

.noscroll {
	padding-right:20px;
}

.sub-menu {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 11px;
	color: #514E42;
	padding-left: 10px;
}


.special1 {width: 150px; height: 245px; background: url(images/the-kunja-special-1-image.jpg) no-repeat; color: #FFFFFF;  overflow: hidden;}
.special1 p{padding-top: 172px;padding-left: 5px;font-family: Verdana; font-size: 12px; text-align: left; color: #FFFFFF;}

.special2 {width: 150px; height: 245px; background: url(images/the-kunja-special-2-image.jpg) no-repeat; color: white;  overflow: hidden;}
.special2 p{padding-top: 15px;padding-right: 5px;font-family: Verdana; font-size: 12px; text-align: right;}

.special3 {width: 150px; height: 245px; background: url(images/the-kunja-special-3-image.jpg) no-repeat; color: white;  overflow: hidden;}
.special3 p{padding-top: 172px;padding-left: 5px;font-family: Verdana; font-size: 12px; text-align: left;}

.special4 {width: 150px; height: 245px; background: url(images/the-kunja-special-4-image.jpg) no-repeat; color: white;  overflow: hidden;}
.special4 p{padding-top: 15px;padding-left: 5px;font-family: Verdana; font-size: 12px; text-align: left;}

.special5 {width: 150px; height: 245px; background: url(images/the-kunja-special-5-image.jpg) no-repeat; color: white;  overflow: hidden;}
.special5 p{padding-top: 15px;padding-left: 5px;font-family: Verdana; font-size: 12px; text-align: left;}

.special6 {width: 150px; height: 245px; background: url(images/the-kunja-special-6-image.jpg) no-repeat; color: white;  overflow: hidden;}
.special6 p{padding-top: 15px;padding-left: 5px;font-family: Verdana; font-size: 12px; text-align: left;}



.boxgal {float: left; width: 100px; height: 100px; margin: 0 33px 33px 0; padding: 0; overflow: hidden;}
.boxgalx {float: left; width: 100px; height: 100px; margin: 0 0 33px 0; padding: 0; overflow: hidden;}


.popup {float: left; width: 890px; height: 520px;}
.popupleft1 {float: left; width: 150px; padding-left: 35px; padding-right: 35px; padding-top: 150px; height: 370px; font-family: 'RotisSerifRegular'; font-size: 20px; color: #404900;}
.popupleft1 a {color: #404900;}

.popupleft2 {float: left; width: 250px; padding-right: 15px; height: 520px;color: #404900;}
.leftsatu {float: left; width: 250px; height: 87px; padding-top: 35px;}
.leftdua {float: left; width: 250px;font-family: 'RotisSerifRegular'; font-size: 24px;}
.popupright {float: right; width: 400px; height: 570px;}

.galatas {float: left; width: 930px; margin-left: 10px; height: 50px; vertical-align: middle; padding-top: 20px; font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;}
.galatas a:hover {color: white;}
.galatas img {vertical-align: middle;}
.galbawah {float: left; margin-left: 10px; width: 940px; height: 220px;}
.galbawah ul {margin: 0; padding: 0;}
.galbawah ul li {float: left; list-style: none; text-decoration: none; width: 95px; height: 95px; margin: 0 9px 9px 0; display: block; }
.galbawah ul li a{position: relative;}

.galback {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color:#FFFFFF }

.enlargetext {font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; color:#FFFFFF; font-size: 14px; }