@charset "utf-8";
/* CSS Document */

/* ----------------------------------Index Page---------------------------------- */
/* -----Body----- */
body{
	background:#1F0D0B;
	font:14px Arial, Verdana, Geneva, sans-serif;
	color: #533326;
	margin:0px;
}
ul, li, ol, p{
	margin:0; 
	padding:0;
}
h1{
	font-size:16px;
}
h2{
	font-size:14px;
}
img{
	border:0px;
}
a {
	font:14px Arial, Verdana, Geneva, sans-serif;
	color:#533326;
	text-decoration:none;
}
a:hover {
	font:14px Arial, Verdana, Geneva, sans-serif;
	color:#F90;
	text-decoration:none;
}
.clear{
	clear:both;
}

/* -----Main Body----- */
#container{
	position:relative;
	width:100%;
	margin:0px;
}

/* -----Index Bg----- */
#index{
	position:relative;
	background:url(../images/index-bg.jpg) no-repeat center;
	width:1265px;
	height:715px;
	margin:0px auto;
}

/* -----Another Page Bg----- */
#main{
	position:relative;
	background: url(../images/main-bg.jpg) no-repeat center;
	width:1265px;
	height:715px;
	margin:0px auto;
}

/* -----Logo----- */
#logo{
	position:absolute;
	border:0px;
	left: 19px;
	top: 15px;
}
/* -----Left Menu----- */
#leftmenu{
	position:absolute;
	margin:opx;
	left: 45px;
	top: 161px;
	width: 265px;
}
#leftmenu ul{
	list-style:none;
	padding:0px;
	margin:opx;
}
#leftmenu li{
	padding:0px;
	margin:2px;
}
#leftmenu a{
	font:22px Arial, Helvetica, sans-serif;
	color:#FFF;
	text-decoration:none;
}
#leftmenu a:hover{
	color:#FC3;
	text-decoration:none;
}
#leftmenu a.active{
	color:#FC3;
	text-decoration:none;
}

/* -----Index Content----- */
#flash-index{
	position:absolute;
	left: 440px;
	top: 154px;
}
#content-index{
	position:absolute;
	width:649px;
	left: 466px;
	top: 463px;
	height: 111px;
	font-style: italic;
}
#content-index p{
	margin:0px;
}
#office{
	position:absolute;
	left: 465px;
	top: 585px;
	width: 396px;
}
#office h2{
	padding:0px;
	margin:0px;
}
#office p{
	font-size:11px;
	margin:0px;
	font-style: italic;
}
#factory{
	position:absolute;
	left: 867px;
	top: 585px;
	width: 249px;
}
#factory h2{
	padding:0px;
	margin:0px;
}
#factory p{
	font-size:11px;
	margin:0px;
	font-style: italic;
}

/* -----About Us----- */
#text-header{
	position:absolute;
	font:bold 24px Arial, Verdana, Geneva, sans-serif;
	text-align:right;
	margin:0px;
	left: 766px;
	top: 86px;
	width: 297px;
}
#img-aboutus{
	position:absolute;
	width:468px;
	left: 546px;
	top: 175px;
}
#text-aboutus{
	position:absolute;
	width:647px;
	left: 493px;
	top: 459px;
	height: 165px;
	text-align: justify;
	font-style: italic;
}

/* -----Product----- */
#product-header-cofe{
	position:absolute;
	font:bold 24px Arial, Verdana, Geneva, sans-serif;
	color: #996;
	text-align:right;
	margin:0px;
	left: 888px;
	top: 85px;
	width: 73px;
}
#product-header-cofe a{
	font:bold 24px Arial, Verdana, Geneva, sans-serif;
	text-decoration:none;
}
#product-header-cofe a:hover{
	font:bold 24px Arial, Verdana, Geneva, sans-serif;
	text-decoration:none;
	color: #996;
}
#product-header-fruit-d{
	position:absolute;
	font:bold 24px Arial, Verdana, Geneva, sans-serif;
	color: #996;
	text-align:right;
	margin:0px;
	left: 961px;
	top: 85px;
	width: 95px;
}
#product-header-fruit-d a{
	font:bold 24px Arial, Verdana, Geneva, sans-serif;
	text-decoration:none;
}
#product-header-fruit-d a:hover{
	font:bold 24px Arial, Verdana, Geneva, sans-serif;
	text-decoration:none;
	color: #996;
}
#product-header{
	position:absolute;
	font:bold 36px Arial, Verdana, Geneva, sans-serif;
	left: 485px;
	top: 161px;
	width: 436px;
}
#product-menu{
	position:absolute;
	left: 513px;
	top: 248px;
	width: 283px;
}
#product-menu ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
#product-menu li{
	font:20px Arial, Verdana, Geneva, sans-serif;
	margin:0px;
	padding:0px;
}
#product-menu li a{
	font:20px Arial, Verdana, Geneva, sans-serif;
	color:#533326;
}
#product-menu li a:hover{
	font:20px Arial, Verdana, Geneva, sans-serif;
	color:#300;
}
#product-menu li a.active{
	font:20px Arial, Verdana, Geneva, sans-serif;
	color:#300;
}
#product-img{
	position:absolute;
	border:0px;
	left: 746px;
	top: 204px;
}
#product-detail{
	position:absolute;
	left: 502px;
	top: 576px;
	width: 644px;
}
#product-detail h3{
	margin:0px;
}
#product-detail p{
	margin:0px;
	text-align: justify;
	font-style: italic;
}


/* -----News and Careers----- */
#description{
	float:right;
	width:430px;
	margin-top:150px;
	margin-right:140px;
}
/* -----News----- */
#news-pic-1{
	position:absolute;
	left: 466px;
	top: 163px;
}
#news-pic-2{
	position:absolute;
	left: 478px;
	top: 287px;
}
#news-pic-3{
	position:absolute;
	left: 487px;
	top: 412px;
}
#news{
	margin:5px;
}
#news h2{
	font-size:16px;
	margin:5px 0px;
}
#news p{
	font-size:14px;
	margin:0px;
}
#button3{
	text-align:center;
}
#button1{
	text-align:center;
}
#button2{
	text-align:center;
}
#button{
	text-align:center;
}
#popupNews{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupNewsClose{
	font-size:12px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupNews{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}
#popupNews1{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupNews1Close{
	font-size:12px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupNews1{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}
#popupNews2{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupNews2Close{
	font-size:12px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupNews2{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}
/* -----Careers----- */
#career{
	margin:5px;
}
#career{
	margin:0px;
}
#career h2{
	font-size:16px;
	margin:5px 0px;
}
#career ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#career li{
	padding:0px;
	margin:0px;
}

#popupCareer{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer li{
	padding:0px;
	margin:0px;
}
#popupCareer p{
	padding:0px;
	margin:0px;
}
#popupCareerClose{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer2{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer2 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer2 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer2 li{
	padding:0px;
	margin:0px;
}
#popupCareer2 p{
	padding:0px;
	margin:0px;
}
#popupCareer2Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer2{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer3{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer3 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer3 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer3 li{
	padding:0px;
	margin:0px;
}
#popupCareer3 p{
	padding:0px;
	margin:0px;
}
#popupCareer3Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer3{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer4{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer4 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer4 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer4 li{
	padding:0px;
	margin:0px;
}
#popupCareer4 p{
	padding:0px;
	margin:0px;
}
#popupCareer4Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer4{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer5{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer5 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer5 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer5 li{
	padding:0px;
	margin:0px;
}
#popupCareer5 p{
	padding:0px;
	margin:0px;
}
#popupCareer5Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer5{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer6{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer6 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer6 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer6 li{
	padding:0px;
	margin:0px;
}
#popupCareer6 p{
	padding:0px;
	margin:0px;
}
#popupCareer6Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer6{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer7{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer7 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer7 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer7 li{
	padding:0px;
	margin:0px;
}
#popupCareer7 p{
	padding:0px;
	margin:0px;
}
#popupCareer7Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer7{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer8{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer8 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer8 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer8 li{
	padding:0px;
	margin:0px;
}
#popupCareer8 p{
	padding:0px;
	margin:0px;
}
#popupCareer8Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer8{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer9{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer9 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer9 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer9 li{
	padding:0px;
	margin:0px;
}
#popupCareer9 p{
	padding:0px;
	margin:0px;
}
#popupCareer9Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer9{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer10{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer10 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer10 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer10 li{
	padding:0px;
	margin:0px;
}
#popupCareer10 p{
	padding:0px;
	margin:0px;
}
#popupCareer10Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer10{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer11{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer11 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer11 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer11 li{
	padding:0px;
	margin:0px;
}
#popupCareer11 p{
	padding:0px;
	margin:0px;
}
#popupCareer11Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer11{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

#popupCareer12{
	display:none;
	position:absolute;
	height:335px;
	width:450px;
	z-index:2;
	font-size:13px;
	background-color:#d3d3d3;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding:10px;
}
#popupCareer12 h2{
	font-weight:bold;
	font-size:16px;
	margin:0px;
}
#popupCareer12 ul{
	list-style: disc;
	padding:0px;
	margin:0px 0px 0px 20px;
}
#popupCareer12 li{
	padding:0px;
	margin:0px;
}
#popupCareer12 p{
	padding:0px;
	margin:0px;
}
#popupCareer12Close{
	font-size:12px;
	line-height:14px;
	color:#2e2e2e;
	top:335px;
	left:5px;
	position:absolute;
	font-weight:600;
	display:block;
}
#backgroundPopupCareer12{
	display:none;
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	background: #1f0d0a;
	z-index:1;
}

/* -----Inquiry----- */
#inquiry{
	position:absolute;
	left: 475px;
	top: 136px;
}
#inquiry form{
	position:absolute;
	left: 12px;
	top: 4px;
}
.textBox {
	font-family: Arial, Helvetica, sans-serif, "Microsoft Sans Serif", Tahoma;
	font-size: 13px;
	color: #533326;
	background-color:#f7e7d6;
	border: 1.5px groove #714c3e;
}
.Btn {
	font-family: Arial, Helvetica, sans-serif, "Microsoft Sans Serif", Tahoma;
	font-size: 13px;
	color: #533326;
	font-weight: 600;
	background-image:url(../images/bg_btn.png);
	background-repeat:no-repeat;
	border:none;
	background-color:#f7e7d6;
	width: 67px;
	height: 31px;
}

/* -----Recommanded----- */
#recommanded{
	float:right;
	width:400px;
	margin-top:150px;
	margin-right:230px;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background: #1f0d0a;
z-index:1;
}
#popupContact{
display:none;
position:absolute;
_position:absolute; /* hack for internet explorer 6*/
height:630px;
width:800px;
z-index:2;
padding:20px;
font-size:13px;
margin:20px 0px 0px 210px;
}
#popupContactClose{
position:absolute;
font-size:13px;
line-height:14px;
right:30px;
top:5px;
color:#ffffff;
font-weight:400;
display:block;
}

/* -----Footer----- */
#copyright{
	position:absolute;
	width:298px;
	left: 761px;
	top: 675px;
	font-size:11px;
}
#flag{
	position:absolute;
	border:0px;
	width: 62px;
	left: 1059px;
	top: 664px;
}