/* CSS */

body{
	background-image: url('images/background.jpg');
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
}

#background{
	background-color: #fff;
	width: 900px;
	/*padding: 0px;*/
	margin-left: auto;
	margin-right: auto;
}

.gameon{
	padding: 0px;
	margin: 0px;
	text-align: right;
}

/* Green menu on the left*/
#menu{
	float: left;
	/*
	padding: 0;
	margin: 0;
*/
}
#m1{
	background-color: #338064;
	width: 22px;
	float: left;
	padding-top: 25px;
	/*margin: 0;*/
}
#m2{
	background-color: #197050;
	width: 22px;
	float: left;
	padding-top: 25px;
	height: auto;
	/*margin: 0;*/
}
#m3{
	background-color: #338064;
	width: 22px;
	float: left;
	padding-top: 25px;
	margin: 0;
}
#m4{
	background-color: #66a18d;
	width: 22px;
	float: left;
	padding-top: 25px;
	margin: 0;
}

#m5{
	background-color: #4c9078;
	width: 22px;
	float: left;
	padding-top: 25px;
	margin: 0;
}

#main_menu{
	background-color: #135035;
	width: 22px;
	float: left;
	padding-top: 25px;
	margin: 0;
}

/*
.spacer_menu{
	position: fixed;
	bottom: 0px;
	}
*/

/* Contents in the middle */
#home_mainbody{
	background-image: url('images/home_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#aboutuscp_mainbody{
	background-image: url('images/aboutuscp_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#aboutush_mainbody{
	background-image: url('images/aboutush_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#aboutusb_mainbody{
	background-image: url('images/aboutusb_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 900px;
}

#contactus_mainbody{
	background-image: url('images/contactus_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#logistics_mainbody{
	background-image: url('images/logistics_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#products_mainbody{
	background-image: url('images/products_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}


#fats_mainbody{
	background-image: url('images/fats_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#oils_mainbody{
	background-image: url('images/oils_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 870px;
}

#emulsifiers_mainbody{
	background-image: url('images/emulsifiers_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 850px;
}

#coconut_mainbody{
	background-image: url('images/coconut_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#fruits_mainbody{
	background-image: url('images/fruits_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#fruitju_mainbody{
	background-image: url('images/fruitju_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 980px;
}

#prunes_mainbody{
	background-image: url('images/prunes_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#cocoa_mainbody{
	background-image: url('images/cocoa_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#specialty_mainbody{
	background-image: url('images/specialty_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#licorice_mainbody{
	background-image: url('images/licorice_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#other_mainbody{
	background-image: url('images/other_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 750px;
}

#sunnolive_mainbody{
	background-image: url('images/sunnolive_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 800px;
}

#riceola_mainbody{
	background-image: url('images/riceola_backgnd.jpg');
	background-repeat: no-repeat;
	float: left;
	width: 768px;
	height: 900px;
}

/* Left hand side: Title & sub-menu */
#mb_left{
	width: 255px;
	float: left;
	/*
padding: 0;
	margin: 0;
*/
}
#title{
	float: left;
	padding: 30px 0px 20px 40px;
	width: 210px;
}
#submenu{
	width: 180px;
	padding: 0px;
	margin-left: auto;
	margin-right: auto;
}

#mb_middle{
	width: 750px;
	float:left;
}

/* Right hand side: Logo, main heading, body text & dark green bar */
#mb_right{
	width: 513px;
	float: right;
	padding: 0;
	margin: 0;
}

#mb_right_left{
	float: left;
	width: 500px;
	padding: 0;
	margin: 0;
}

#logo{
	float: right;
	padding: 20px 40px 15px 20px;
}

.heading{
	float: left;
	padding: 0px 0px 5px 10px;
	width: 450px;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #00603d;
	font-weight: bold;
}

.heading_olive{
	float: left;
	padding: 0px 0px 5px 10px;
	width: 450px;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #572046;
	font-weight: bold;
}

.heading_riceola{
	float: left;
	padding: 0px 0px 5px 10px;
	width: 450px;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #982010;
	font-weight: bold;
}

.heading_rite{
	float: left;
	padding: 0px 0px 10px 10px;
	width: 450px;
	text-align: right;
	font-family: "helvetica", arial, sans-serif;
	font-size: 20px;
	line-height: 24px;
	color: #00603d;
	font-weight: bold;
}

.caption{
	padding: 0px 0px 5px 10px;
	float: left;
	width: 450px;
	margin: 0;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #72a94c;
	font-style: italic;
}

.big_caption{
	padding: 0px 5px 10px 0px;
	float: left;
	width: 670px;
	margin: 0;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #72a94c;
	font-style: italic;
}

#sm_textbox{
	float: left;
	padding: 0px 0px 0px 10px;
	margin: 0;
	width: 450px;
}

#big_textbox{
	float: left;
	padding: 0px 0px 0px 40px;
	margin: 0px;
	width: 675px;
}

.subheading{
	padding: 10px 0px 0px 0px;
	margin: 0;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #00603D;
	font-weight: bold;
}

.subheading_olive{
	padding: 10px 0px 0px 0px;
	margin: 0;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #572046;
	font-weight: bold;
}

.subheading_riceola{
	padding: 10px 0px 0px 0px;
	margin: 0;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #982010;
	font-weight: bold;
}

.bodytext{
	padding: 5px 0px 5px 0px;
	margin: 0;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #251E16;	
}

.bodytext_rite{
	padding: 0px 0px 5px 0px;
	margin: 0;
	text-align: right;
	font-family: "helvetica", arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #251E16;	
}

.separater{
	border: none;
	font-family: "helvetica", arial, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #72a94c;
	text-decoration: none;
	font-weight: bold;
}

.new{
	border: none;
	font-family: "helvetica", arial, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #00603d;
	text-decoration: none;
	font-weight: bold;
}

.ul_list{
	padding-left: 10px;
	margin: 0;
	list-style-type: disc;
	list-style-position: inside;
}

.li_list{
	padding: 0px 0px 5px 0px;
	margin: 0;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #251E16;
	
}

.nested_ul{
	padding: 5px;
	margin: 0;
	list-style-type: none;
}

.nested_li{
	padding: 0px 0px 5px 0px;
	margin: 0;
	text-align: left;
	font-family: "helvetica", arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #251E16;	
}

.ol_list{
	padding-left: 20px;
	margin: 0;
}

#mb_right_right{
	float: right;
	width: 6px;
	margin-right: 3px;
}
#greenbar{
	float: right;
	background-color: #00603d;
	width: 6px;
	/*padding: 0;*/
	/*border: none;*/
}

/* Light green bar: bookmark */
#titlepage{
	background-color: #72a94c;
	width: 22px;
	float: right;
	padding-top: 25px;
	/*
margin: 0;
	border: none;
*/
}

/* copyright */
#copyright{
	text-align: center;
	font-family: "helvetica", arial, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #72a94c;
}


/* General */
img{
	border: none;
}

a{
	border: none;
	font-family: "helvetica", arial, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #72a94c;
	text-decoration: none;
}

a:link{
	border: none;
	color: #72a94c;
}

a:visited{
	border: none;
	color: #00603d;
}

a:hover{
	border: none;
	color: #00603d;
	text-decoration: underline;
}