@charset "utf-8";
/* CSS Document */
body {
	text-align:center;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
	color:#310e00;
	padding-top:10px
}

a:link {
	text-decoration:none;
	color:#310e00;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	text-decoration:none;
	color:#310e00;
}
	

header, section, article, footer {
	display:block;
}

#container 
{
	border:0px solid #000;
	width:900px;
	margin:0px auto;
 	text-align: center;
	padding-top:0px;
}

#logocontainer 
{
	width:940px;
	margin:0px auto;
 	text-align: center;
	padding-top:40px;
}

/*Navigation*/
a.home { /* definition of the "image" class in the <a> tag */
	 width:135px;
	 height:34px;
     display: block; /* a tag must be a block */
	 background-image:url(../images/btnhome.png);
     background-repeat: no-repeat;
     }
	 
a.home:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btnhome_on.png); /* source for start image */
}

a.food { /* definition of the "image" class in the <a> tag */
	 width:135px;
	 height:34px;
     display: block; /* a tag must be a block */
	 background-image:url(../images/btnfood.png);
     background-repeat: no-repeat;
     }
	 
a.food:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btnfood_on.png); /* source for start image */
}

a.contact { /* definition of the "image" class in the <a> tag */
	 width:135px;
	 height:34px;
     display: block; /* a tag must be a block */
	 background-image:url(../images/btncontact.png);
     background-repeat: no-repeat;
	 
     }
	 
a.contact:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btncontact_on.png); /* source for start image */
}

a.about { /* definition of the "image" class in the <a> tag */
	 width:135px;
	 height:34px;
     display: block; /* a tag must be a block */
	 background-image:url(../images/btnabout.png);
     background-repeat: no-repeat;
     }
	 
a.about:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btnabout_on.png); /* source for start image */
}

a.about { /* definition of the "image" class in the <a> tag */
	 width:135px;
	 height:34px;
     display: block; /* a tag must be a block */
	 background-image:url(../images/btnabout.png);
     background-repeat: no-repeat;
     }
	 
a.about:hover { /* definition of the "image" class for <a> tag when hovered onto */
     background-image: url(../images/btnabout_on.png); /* source for start image */
}

nav ul, div#batikpad {	
	background-image:url(../images/navbar.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:36px;
	text-align:right;
	clear:both
}

nav ul li {
	width:136px;
	float:right;
	clear:none;
	text-align:right;
	padding-left:2px;
	padding-right:4px;
}

section#homewrap {
	background-color:#310e00;
	width:900px;
	height:302px;
}

section#aboutwrap {
	background-color:#310e00;
	width:900px;
	height:392px;
}

section#contactwrap {
	background-color:#310e00;
	width:900px;
	height:541px;
}

section#lowercontent {
	background-color:#310e00;
	width:900px;
	height:116px;
}

div#main {
	background-image:url(../images/home_main.jpg);
	width:589px;
	height:300px;
	float:left
}



div#main p {
	text-align:left;
	margin-left:310px;
	margin-top:130px
}

div#food {
	background-repeat:no-repeat;
	width:290px;
	height:300px;
	float:right;
	padding-right:4px
}

/*Our Food Page*/


section#foodwrap {
	background-color:#daba62;
	
}

div#menu {
	width:900px;
	background-color:#daba62;
}

div#menutitle {
	background-color:inherit;
	text-align:left;
	display:block;
	padding:10px 10px
}

div#menuhead {
	background-image:url(../images/headerfood.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:116px;
	padding:10px 0px;
	border-top:solid 15px #daba62;
	background-color:#daba62;
}

div.itemext {
	display:block;
	float:right;
	width:450px;
	height:180px;
	text-align:left;
	background-color:inherit
}

div.item {
	float:left;
	width:450px;
	height:180px;
	text-align:left;
	background-color:inherit
}

div.item img, div.itemext img {
	float:left;
	padding:5px 15px;
	width:157px;
	height:143px
}

div.item p {
	padding:10px 10px
}

div.item h2 {
	font-size:11pt;
	font-weight:bold;
	padding:5px 5px
}


a.btnfood { /* definition of the "image" class in the <a> tag */
	width:290px;
	height:300px;
    display: block; /* a tag must be a block */
	background-image:url(../images/home_food.jpg);
    background-repeat: no-repeat;
     }
	 
a.btnfood:hover { /* definition of the "image" class for <a> tag when hovered onto */
	background-image:url(../images/home_food_on.jpg); /* source for start image */
}


div#location {
	float:left;
}

div#logo{
	z-index:1;
	background-image:url(../images/bjblogo.png);
	background-repeat:no-repeat;
	width:361px;
	height:98px;
	position:absolute;
	top:10px;
	margin-left:-40px
}

div#bumbu {
	float:right;
	background-color:#daba62;
	width:443px;
}

div#bumbu img {
	text-align:left;
	float:left;
	padding-right:5px;
}

.bumbu {
	text-align:left;
	padding-top:10px;
	margin-top:10px;
	margin-left:10px
}

a.opacity:hover img {
filter:alpha(opacity=50); 
-moz-opacity: 0.5; 
opacity: 0.5;
cursor:pointer}

a.opacity img {
filter:alpha(opacity=100);   
-moz-opacity: 1.0;   
opacity: 1.0;
}

/*About Page*/
div#about {
	height:385px;
	width:900px;
	background-color:#daba62
}

#aboutimg {
	float:left
}

#aboutimg img {
	display:block;
	padding:5px 10px
}

#abouttext {
	float:right;
	text-align:left;
	width:680px;
}

#abouttext img {
	padding:10px 0px;
	margin-left:-10px;
}

#aboutcontent {
	background-color:#e3c984;
	width:900px;
	height:300px;
	padding:20px 0;
}

#aboutbar {
	background-image:url(../images/aboutbar.png);
	background-repeat:no-repeat;
	width:900px;
	height:24px;
	clear:right;
	padding:10px 0;
}

#aboutbottom {
	background-image:url(../images/aboutbottom.png);
	background-repeat:no-repeat;
	width:900px;
	height:23px;
	padding:0;
	display:block;
	
}

/*Contact Page*/
div#contact {
	width:900px;
	height:500px;
	background-color:#e3c984;
	text-align:left
}

#contact img {
	padding:10px 10px;
	float:left
}

#contact p {
	text-align:left;
	padding-top:20px
}

#contactbar {
	background-image:url(../images/contactbar.jpg);
	background-repeat:no-repeat;
	width:900px;
	height:24px;
	clear:left;
	padding:0;
}

#contactbottom {
	background-image:url(../images/bottomcontact.png);
	background-repeat:no-repeat;
	width:900px;
	height:36px;
	padding:0;
}
#news{
	text-align:left;
	background-image:url(../images/navbar.jpg);
	border:0px solid #000;
	padding:10px 0 10px 0;
	width:100%;
	

}
#newshead{
	-moz-border-radius-bottomright: 15px;
	-webkit-border-radius: 5px;
	background-color:#3b1103;
	opacity:0.7;
	filter:alpha(opacity=70);
	width:20%;
	height:25px;
	border:0px solid #daba63;
	margin:0 0 -10px 0;
	font-size:11pt;
	color:#fff;
	padding:5px 0 0 5px;
	
}
#newsbottom{
	background-color:#3b1103;
	opacity:0.7;
	filter:alpha(opacity=70);
	height:25px;
	width:100%;
	margin:10px 0 0 0;
	border:0px solid #daba63;
}
#newscont{
	margin:10px 0 0 0;
	float:center;
	width:100%;
	border:0px solid #000;
	background-color:#daba63;
	

}
#content3{
	margin:10px 3% 0 2%;
	border:0px solid #000;
	color:#000;
	padding:10px 0 10px 0;
	/*-moz-border-radius: 5px;
	-webkit-border-radius: 5px;*/
}
.judul{
	margin:0 0 -8px 0;
	width:100%;
	height:10%;
	border:0px solid #fff;
	padding:0 0 10px 0;
	color:#000;
	font-size:12pt;
}
.line{
	margin:12px 0 1% 10px;
	border:0px solid #fff;
	padding:0 0 0 0;
}
.date{
	border:0px solid #fff;
	margin:0 0 -10px 10px;
	font-size:6.5pt;
	color:#868483;
}