body {background: url(../img/bg.jpg) repeat-x top;color: #333;font-size: 11px;padding: 20px 0 40px;font-family: Georgia;}

a {	color: #fff;text-decoration: none;}
a:hover {text-decoration: underline;}
h1 {	font-family: Georgia, serif;font-weight: normal;text-align: center;}
h2 {	padding: 20px 0 0;text-align: center;}

.container_16 {}
.header {background: url(../img/header.jpg) no-repeat;height:135px;margin-bottom:10px;}
.logo {margin:10px 25px;float:left;}
.menu {height:37px;padding-top:10px;margin:90px 0 0 60px;float:left;}
.selected {color: #fc0;}

.menu li{
	list-style:none;
	float: left;
	font-family:Georgia;
	font-size:14px;
	padding-left:15px;
	margin-left: 20px;
}

.menu li a{color:#fff;text-decoration: none;}
.menu li a:hover{color:#fc0;text-decoration:underline;}
.splash li{margin:0;width:940px;height:317px;padding:10px 0;}
.welcome {background: url(../img/welcome.jpg) no-repeat;}
.premis{background: url(../img/premis.jpg) no-repeat;}
.production{background: url(../img/production.jpg) no-repeat;}
.family{background: url(../img/family.jpg) no-repeat;}
.selamat {
	margin:70px 30px 20px;
	font-family: Georgia;
	float: left;
	width:335px;
	font-size:14px;
	color: #666;
	text-shadow: 0px 1px 0px #fff;
}

.pantun {
	float:right;
	width:326px;
	font-family: Georgia;
	font-size:18px;
	font-style: italic;
	color:#870000;
	margin-top:150px;
	text-shadow: 1px 1px 3px #f7f3ec;
}



.anyClass li {margin:0 10px;}

a.next{
	background: url(../img/next.jpg) no-repeat;
	display:block;
	float:left;
	width:25px;
	height:87px;
	margin-top:30px;
}

a.prev{
	background: url(../img/prev.jpg) no-repeat;
	display:block;
	float:left;
	width:25px;
	height:87px;
	margin-top:30px;
}

.social {text-align:center;font-size:11pt;}
.social a{
	width: 45px;
	font-size:9px;
	color: #999;
	display:block;
	float:left;
}
.social a:hover{text-decoration:none;}

.footer {
	font-size:11px;
	font-family:Georgia;
	text-align:center;
	background: url(../img/bg-footer.jpg) no-repeat top center;
	padding-top:20px;
	margin-top:10px;
	color: #555;
}
.footer a{color:#990000}

.content {
	background: #fff;
	padding: 10px 0;
	font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;
}

h3 {
	font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;
	font-size: 16px;
	font-weight:bold;
	color: #c00;
	margin: 10px 20px;
}

a.kategori {display:block;background: #c00;}
.kategori{
	font-size: 11px;
	color: #000;
	background: #ddd;
	margin:5px 0 10px;
	padding: 5px;
	font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;
}
.kategori ul li {margin:5px 0 0; list-style:none;}
.kategori ul li a{color:#000;}
.kategori a:hover{text-decoration:underline;}

.tajukkat {background:#c00; color:#fff;z-index:100;position:relative;float:left;height:25px;top:-5px;left:-15px;width:210px;padding: 5px 5px 0px 10px;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.55);}
.segi3l {border-width:10px;position:relative;z-index:-1;border-style:solid;border-color:transparent #333 transparent transparent;height:0;width:0;left:-25px;top:15px;}

.list-harga {
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
	float: left;
	width: 560px;
	margin: 0 40px;
}
.hantaran {float:left;width:300px;margin:5px;text-align:center;
}
.food {
	padding: 5px;
	border:1px solid #ddd;
	float: left;
}
img.food2 {
	float:left;
	width:200px;
	padding: 10px;
	border:1px solid #ddd;
	margin: 5px;
}

img.food3{width:190px;}

img.food {width: 110px;}
.kotak {	margin:0;padding:10px;float:left;background:#f0f0f0;width:610px;font-family:Tahoma;font-size:12px;}
.kotak img{float:left;padding-right:10px;}
.kotak h4{font-family:tahoma;font-color:#999;margin-bottom:10px;}
.namakuih{margin:30px 0 0;}

.kotak2 {
	text-align:center;
	width:250px;
	float:left;
	padding:10px;
	font-size: 20px;
	margin: 80px 20px 0;
}
.kotak2 img{width:250px;-moz-box-shadow:0 0 4px rgba(0, 0, 0, 0.55);padding:5px;}
img.largefood {
	width:400px;
}

.harga {
	font-size: 14px;
	float: left;
	padding: 0px 20px;
	width:250px;
	color: #666;
}

.hargarm {
	font-size: 14px;
	float: left;
	padding: 0px 20px;
	color: #666;
}

.senaraiharga {float:left;margin:0 auto;text-align:center;width:100%;}
.pilihan{text-align:center;background:#c00;color:#fff;font-family:"Lucida Sans Unicode",Tahoma,Helvetica,sans-serif;}
.rmharga{margin:0 -40px 0 0;padding:0;display:inline;}
.caption{position:relative; right:0px;display:inline;background:#fff;padding:5px; bottom:10px;border:1px solid #ddd;}
.rmharga2 {width:600px;float:left;padding-left:30px;}
.rmharga2 li {float:left;position:relative;width:110px;margin:5px;list-style: none outside none; height:110px;}
.rmharga2 a{position:absolute;width:100px;height:100px;top:5px;left:5px;display:block;}
.rmharga2 span {position:absolute;z-index:3;right:10px;bottom:10px;padding:3px;background:#fff;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.rmharga2 img{width:100px;height:100px;}
.rmharga2 li:hover span{background:#c00;color:#fff;}


#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	-moz-box-shadow:0 0 14px rgba(0, 0, 0, 1);
	z-index:10;
	}

ul,#contentdalam li,  h3, h2, h1, p{
padding:0;
margin:0;
list-style:none;
}

#navigation, #content,.section{
	padding:0;
	margin:0;
	list-style:none;
}
#contentdalam{
	overflow:hidden;
	width:630px;
	background-color:white;
	position:relative;
	height:675px;
	float:left;
}
	#contentdalam h2{
		color:#993333;
		margin:20px 0pt;
	}

#navigation{
	float:left;
	width:220px;
}
	#navigation .sup{
		margin:26px 10px;
		font-size:14px;
	}
		#navigation ul{
			margin:5px 0;
			list-style:circle;
			padding-left:5px;						
		}
		
		#navigation a:hover{
			text-decoration:underline;
		}			
		#navigation .sup li{
			margin: 3px 0 !important;
			margin:-4px 0;
			font-size:10px;
		}
		#navigation a.scrolling{
			color:#933;
		}
.section{width:2535px;position:relative;}

	.section .sub{
		position:relative;
		float:left;
		padding:0;
		width:633px;
		height:675px;
	}
		.section .sub p{width:620px;}
		.section .next, .section .prev{
			font-size:18px;
			position:absolute;
			bottom:200px;
			letter-spacing:-2px;
		}
		.section .next{right:5px;}
		.section .prev{left:5px;}

.phone {margin:10px 5px; padding-left:20px;background:url(../img/telefon.png) no-repeat top left;}
.fax {margin:10px 5px;padding-left:20px;background:url(../img/fax.png) no-repeat top left;}
.hp{margin:10px 5px;padding-left:20px;background:url(../img/hp.png) no-repeat top left;}
.address{margin:10px 5px;padding-left:20px;background:url(../img/home.png) no-repeat top left;}


/* ------------ HUBUNGI KAMI ------------- */
.tbmain{ 
 /* Changes on the form */
 background: white !important; 
}
.left{
  /* Changes on the form */
  color: black !important; 
  font-family: "Lucida Sans Unicode",Tahoma,Helvetica,sans-serif !important;
  font-size: 12px !important;
}

.head{
  color:#333333;
  font-size:20px;
  text-decoration:underline;
  font-family:"Verdana";
}

td.left {
  font-family:"Verdana";
  font-size:12px;
  color:black;
  vertical-align:top;
}

#main tr {line-height:30px;}
.pagebreak{ font-family:"Verdana"; font-size:12px;color:black;}
.tbmain{height:100%;background:white;}
span.required{ font-size: 13px !important; color: red !important;}
 
div.backButton{
    background: transparent url("http://jotform.com//images/btn_back.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float:left;
    margin-bottom:15px;
    padding-right:5px;
}
div.backButton:hover{
    background: transparent url("http://jotform.com//images/btn_back_over.gif") no-repeat scroll 0 0;
}
div.backButton:active{
    background: transparent url("http://jotform.com//images/btn_back_down.gif") no-repeat scroll 0 0;
}
div.nextButton{
    background: transparent url("http://jotform.com//images/btn_next.gif") no-repeat scroll 0 0;
    height:16px;
    width:53px;
    float: left;
    margin-bottom:15px;
    padding-right:5px;
}
div.nextButton:hover{
    background: transparent url("http://jotform.com//images/btn_next_over.gif") no-repeat scroll 0 0;
}
div.nextButton:active{
    background: transparent url("http://jotform.com//images/btn_next_down.gif") no-repeat scroll 0 0;
}
.pageinfo{  padding-right:5px;margin-bottom:15px;float:left;}
p.trimas {margin:10px 50px;}