@font-face {
	font-family: "MenuFont";
	src: url('../css/CANDARA.TTF');
}

@font-face {
	font-family: "IsiFont";
	/*src: url('../css/CALIFR.TTF');*/
	src: url('../css/arial.ttf');
}

@font-face {
	font-family: "JudulFont";
	src: url('../css/MISTRAL.TTF');
}

@font-face {
	font-family: "MottoFont";
	src: url('../css/1336.ttf');
}

body
{ 
	/*background-image:url(../images/bg_ex.png);*/
	/*background-image:url(../images/daun_ex.png), url(../images/bg_ex.png);*/
	/*background-repeat:repeat-x;*/
	/*background-color: #000000;*/
	background-image:url(../images/bg.png);
	background-repeat:repeat; 
	background-position:top;
	background-color: #533B39;
	font-size: 8pt;
	/*font-family: verdana;*/
	font-family: arial;
	color:#FFF;
}

.button
{
	border-right: dimgray 1pt solid;
	border-top: dimgray 1pt solid;
	border-left: dimgray 1pt solid;
	border-bottom: dimgray 1pt solid;
	background-attachment: fixed;
	background-image: url(../images/bg_button.jpg);
	height: 22px;
	font-size: 10pt;
	/*font-family: verdana;*/
	font-family: arial;
	color:#000000;
}

a:link, a:visited {
	color:#F60;	
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
}

a:hover {
	color:#F00;
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
}

a.logout:link {
	color:#FF0;
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
}

a.logout:hover, a.logout:visited: {
	color:#F60;	
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
}

.judul {
	font-family: MenuFont;
	font-size: 16px;
	font-weight:bold;
	color:#FFF;
}

.judul_highlight {
	font-family: MenuFont;
	font-size: 16px;
	font-weight:bold;
	color:#FACD89;
}

.judul2 {
	font-family: MenuFont;
	font-size: 12px;
	font-weight:normal;
	color:#000;
}

.isi_highlight {
	font-family: MenuFont;
	font-size: 14px;
	font-weight:normal;
	color:#FFF;
}

.isi_produk_big {
	font-family: "Edwardian Script ITC";
	font-size: 35px;
	font-weight:normal;
	color:#FFF;
}

.isi_produk {
	font-family: "Edwardian Script ITC";
	font-size: 25px;
	font-weight:normal;
	color:#FFF;
}

.isi_variant {
	font-family: MenuFont;
	font-size: 14px;
	font-weight:normal;
	color:#FFF;
}

.isi_produk_harga {
	/*font-family: "Brush Script MT";*/
	/*font-family: "Californian FB";*/
	font-family: "Gill Sans MT";
	font-size: 16px;
	font-weight:normal;
	color:#FFF;
}

.isi_produk_harga_yellow {
	/*font-family: "Brush Script MT";*/
	/*font-family: "Californian FB";*/
	font-family: "Gill Sans MT";
	font-size: 16px;
	font-weight:normal;
	color:#FF9;
}

.isi_cart {
	font-family: "Gill Sans MT";
	font-size: 12px;
	font-weight:normal;
	color:#FFF;
}

.isi_produk_harga_small {
	font-family: MenuFont;
	font-size: 14px;
	font-weight:normal;
	font-style:italic;
	color:#FFF;
}

.isi_produk_harga_detail {
	/*font-family: "Monotype Corsiva";*/
	font-family: MenuFont;
	font-size: 18px;
	font-weight:normal;
	font-style:italic;
	color:#FFF;
}

.isi_produk_keterangan {
	font-family: JudulFont;
	font-size: 20px;
	font-weight:normal;
	color:#FFF;
}

.copyright {
	font-family: Arial;
	font-size: 10px;
	font-weight:bold;
	color:#300C00;	
}

.isi {
	font-family: Verdana;
	font-size: 11px;
	font-weight: normal;
	color:#644;	
}

.isi_narrow {
	font: 11px Calibri; /* harus ada size font */
	font-weight:normal;
	color:#644;	
}

.more {
	font-family: Verdana;
	font-size: 11px;
	font-style:italic;
	font-weight:bold;
	color:#F60;	
}

.error {
	font-family: Tahoma; 
	font-size:12px; 
	color:#FF0000;
}

#scroll_hie {
	position:static ;
	margin-left:0px;
	padding-left:5px;
	padding-top:5px;
	color:#0000FF;
	overflow:scroll;
	border:solid;
	border-width:thin;
	border-color:#cccccc;
	width:700px;
	height:400px;
}

#scroll_hie2 {
	position:static ;
	margin-left:0px;
	padding-left:5px;
	padding-top:5px;
	color:#0000FF;
	overflow:scroll;
	border:solid;
	border-width:thin;
	border-color:#cccccc;
	width:900px;
	height:900px;
}

.trigger{
  cursor: pointer;
  cursor: hand;
}

.branch{
  display: none;
  margin-left: 16px;
}

.branch2{
  display: block;
  margin-left: 16px;
}

.show {
	display: block;
}

.hide {
	display: none;
}

.kotak_kecil {
	width: 20px;
	height: 20px;
	border: 1px solid #0000FF;
	-moz-border-radius:2px;
	-webkit-border-radius:3px;
	margin-left:5px; /* memberi jarak antar link */
	padding: 1px 4px; /* menjadikan link seperti kotak */
	background-color:#FF9900;
	color: #0000FF;
}

.dibaca {
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	color:#003399;
}

ul.menu {
	/*float:left;
	margin: 0px 0px 0px -40px;
	width:1004px;
	height:50px;
	list-style:none;*/
	margin-top: auto;
	margin-bottom: auto;
	margin-right:0;
	list-style:none;
}

ul.menu li {
	margin-left:auto;
	margin-right:auto;
}

ul.menu li a#selected { 
	background-position: 0px -44px;
	font-size: 20px;
	height:61px; 
	margin-top: -17px;
}

ul.menu li a.menu_about { 
	background: url(../images/mn_about_ex.png) no-repeat;
	float:right;
	/*display:block;*/
	height:36px; 
	width:117px;
	text-decoration: none;
	font-family: MenuFont;
	font-size: 16px;
	font-weight:bold;
	vertical-align:baseline;
	text-align:center;
	padding-top: 8px;
	color:#000;
	background-position: 0px 0px;
}

ul.menu li a.menu_about:hover { 
	background-position: 0px -44px;
	font-size: 20px;
	height:61px; 
	margin-top: -17px;
}

ul.menu li a.menu_spa { 
	background: url(../images/mn_spa_menu_ex.png) no-repeat;
	float: right;
	/*display:inline-block;*/
	height:36px; 
	width:142px;
	text-decoration: none;
	font-family: MenuFont;
	font-size: 16px;
	font-weight:bold;
	vertical-align:baseline;
	text-align:center;
	padding-top: 8px;
	color:#000;
	background-position: 0px 0px;
}

ul.menu li a.menu_spa:hover { 
	background-position: 0px -44px;
	font-size: 20px;
	height:61px; 
	margin-top: -17px;
}

ul.menu li a.menu_gallery { 
	background: url(../images/mn_gallery_ex.png) no-repeat;
	float: right;
	/*display:inline-block;*/
	height:36px; 
	width:116px;
	text-decoration: none;
	font-family: MenuFont;
	font-size: 16px;
	font-weight:bold;
	vertical-align:baseline;
	text-align:center;
	padding-top: 8px;
	color:#000;
	background-position: 0px 0px;
}

ul.menu li a.menu_gallery:hover { 
	background-position: 0px -44px;
	font-size: 20px;
	height:61px; 
	margin-top: -17px;
}

ul.menu li a.menu_contact { 
	background: url(../images/mn_contact_ex.png) no-repeat;
	float: right;
	/*display:inline-block;*/
	height:36px; 
	width:136px;
	text-decoration: none;
	font-family: MenuFont;
	font-size: 16px;
	font-weight:bold;
	vertical-align:baseline;
	text-align:center;
	padding-top: 8px;
	color:#000;
	background-position: 0px 0px;
}

ul.menu li a.menu_contact:hover { 
	background-position: 0px -44px;
	font-size: 20px;
	height:61px; 
	margin-top: -17px;
}

.judul_kotak_hijau {
	font-family: MottoFont;
	font-size: 40px;
	font-weight:normal;
	/*color:#5E9D44;*/
	color:#FACD89;
}

.judul_franchisee {
	font-family: JudulFont;
	font-size: 40px;
	font-weight:normal;
	/*color:#5E9D44;*/
	/*color:#FACD89;*/
	/*color:#996600;*/
	color:#270E0A;
}

.motto {
	font-family: MottoFont;
	font-size: 28px;
	font-weight:normal;
	color:#FFF;	
}

.isi_kotak_hijau {
	font-family: Arial;
	font-size: 12px;
	font-weight:normal;
	color:#FFCC00;	
}

.poetre {
	font-family: "Edwardian Script ITC";
	font-size: 22px;
}

.wax_spa {
	font-family: IsiFont;
	font-size: 16px;
}

div#trigger {
	float:right;
	position:absolute;
	margin-top: 10px;
	margin-left: 10px;
	z-index: 1;
}

div#trigger2 {
	float: right;
	position:absolute;
	margin-top: 0px;
	margin-left: 20px;
	z-index: 1;
}

.paralel {
	float:left;
	margin: 0px 2px 2px 2px;
}

div#trigger a:link, div#trigger a:visited{
	padding: 4px 9px 5px 8px;
	text-decoration:none;
	font-family: Arial, Tahoma, "Trebuchet MS";
	font-size: 12px;
	font-weight:bold;
}

.text_headline {
	width:676px; height: 40px;
	float: left; 
	padding: 10px 0px 0px 0px; 
	margin: -50px 0px;
	font-size:100%; border-top: 1px solid #FFF; border-bottom: 1px solid #FFF;
	background: #FFF;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;
	display:block;
	text-align:left;
	vertical-align:middle;
} 
.text_headline a {
	text-decoration: none;
	color:#58585A; 
	font-family: Arial, Tahoma, "Trebuchet MS";
	font-size: 16px;
	font-weight:bold;
}
.text_headline a:hover{
	text-decoration:underline;
}

.submenu_isi {
	font-family: IsiFont;
	font-size: 14px;
	font-weight:normal;
	/*color:#996600;*/
	color:#270E0A;
}

a.footer:link, a.footer:visited {
	color:#FFF;	
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
}

a.footer:hover {
	color:#F00;
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
}

a.submenu:link, a.submenu:visited {
	/*color:#996600;*/
	color:#270E0A;
	text-decoration: none;
	font-size: 14pt;
	font-family: MenuFont;
	padding-left: 25px;
}

a.submenu:hover {
	color:#F60;	
	text-decoration: none;
	font-size: 14pt;
	font-family: candara;
}

a.submenu2:link, a.submenu2:visited {
	/*color:#FFF;*/
	/*color:#996600;*/
	color:#270E0A;
	text-decoration: none;
	font-size: 12pt;
	font-family: MenuFont;
	padding-left: 5px;
}

a.submenu2:hover {
	color:#F60;	
	text-decoration: none;
	font-size: 12pt;
	font-family: candara;
}

.isi_franchisee {
	font-family: MenuFont;
	font-size: 13px;
	font-weight:normal;
	color:#FFF;
}

a.yellow:link, a.yellow:visited {
	color:#FF6;	
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
}

a.yellow:hover {
	color:#F00;
	text-decoration: none;
	font-size: 10pt;
	font-family: arial;
}