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

/***layout***/

html, body
{
	background-color:#A9CEBB;
	background-image:url(templates/gradient.png);
	background-attachment:fixed;
	background-repeat:repeat-x;
	margin: 0px;
	padding: 0px;
	
}

#outtertable
{
	
	background-repeat:no-repeat;
	height: 555px;
	width: 950px;
	background-position:top;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-right: 3px;
	padding-left: 2px;
}	

#banner
{
	background-image:none;
	background-color:#FFFFFF;
	height:110px;
	width:947px;
	background-position: center top;
	background-repeat: no-repeat;
	position:static;
	text-align: right;
}

#bannercontent
{
	background-image:none;
	background-color:#FFFFFF;
	height:30px;
	width:150px;
	background-position: center top;
	background-repeat: no-repeat;
	position:static;
	text-align:right;
	float:right;
}
#contentbox
{
	padding-top:0px;
	height:438px;
	width:948px;
	text-align:right;
	background-repeat:no-repeat;
	clear: right;
	position:static;
	top:auto;
	float: right;
}	

#contentboxlocations
{
	padding-top:0px;
	height:500px;
	width:948px;
	text-align:right;
	background-repeat:no-repeat;
	clear: right;
	position:static;
	top:auto;
	float: right;
}	
#leftbox
{
	margin:0;
	height:400px;
	width:180px;
	background-image:url(templates/leftboxc.png);
	background-repeat:no-repeat;
	clear:both;
	float:left;
	padding-top: 0px;
	top:0px;
}

#leftboxlocations
{
	margin:0;
	height:400px;
	width:180px;
	background-image:url(templates/leftboxloca.png);
	background-repeat:no-repeat;
	clear:both;
	float:left;
	padding-top:100px;
	top:0px;
}

#leftboxphoto
{
	height:243px;
	width:180px;
	background-repeat:no-repeat;
	float:left;
}

#rightbox
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightbox.png);
	text-align:right;
	left: auto;
	
}

#rightboxtext
{
	height:350px;
	width:450px;
	text-align:justify;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	top: 2px;
	padding-left: 137px;
	overflow: auto;
	padding-right: 20px;
	
}
#rightboxhome
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxhome.png);
	text-align:right;
	left: auto;
	
}
#rightboxflavourexpert
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxflavourexpertise.png);
	text-align:right;
	left: auto;
	
}

#rightboxfooddesign
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxfooddesign.png);
	text-align:right;
	left: auto;
	
}


#rightboxlocations
{
	height:500px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxlocations.png);
	text-align:right;
	left: auto;
	padding-top: 1px;
	
}

#rightboxproductrange
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxproductrange.png);
	text-align:right;
	left: auto;
	
}

#rightboxquality
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxqualitysistems.png);
	text-align:right;
	left: auto;
	
}

#rightboxflavourtechno
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxflavourtechnology.png);
	text-align:right;
	left: auto;
	
}


#rightboxnature
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxnatureingredient.png);
	text-align:right;
	left: auto;
	
}
#rightboxcustomerpartner
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxcustomerpartnership.png);
	text-align:right;
	left: auto;
	
}

#rightboxflavourlist
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxflavourlist.png);
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	left: auto;
	
}

#rightboxlisttext
{
	height:260px;
	width:500px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	padding-left: 110px;
	overflow:auto;
	top: 2px;
}

#righttextlist
{
	height:1350px;
	width:150px;
	text-align:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	float:left;
	top: 2px;
	padding-top: 2px;
	padding-left: 3px;
}

#rightboxbeverage
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxbeverage.png);
	text-align:right;
	left: auto;
	
}

#rightboxdairy
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxdairy.png);
	text-align:right;
	left: auto;
	
}

#rightboxsavoury
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxsavoury.png);
	text-align:right;
	left: auto;
	
}

#rightboxsweetgoods
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxsweetgoods.png);
	text-align:right;
	left: auto;
	
}

#rightboxbakery
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxbakery.png);
	text-align:right;
	left: auto;
	
}

#rightboxinnovativetrends
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxinnovativetrends.png);
	text-align:right;
	left: auto;
	
}

#rightboxflavourcreation
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxflavourcreation.png);
	text-align:right;
	left: auto;
	
}

#rightboxproductapplication
{
	height:400px;
	width:765px;
	float:left;
	background-repeat:no-repeat;
	background-image:url(templates/rightboxproductapplication.png);
	text-align:right;
	left: auto;
	
}

#Bottomsmain

{
	padding-top:200px;
	height:150px;
	width:151px;
	clear: left;
	list-style-position: inside;
	float: left;
	
}

#footer
{
	height:30px;
	width:945px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	float:left;
	clear: left;
	background-repeat: no-repeat;
	padding-top: 7px;
}

#Bottomslocations

{
	height:147px;
	clear: left;
	float:left;
	padding-top: 10px;
	
}


#Bottomshome

{
	clear: left;
	float:left;
	padding-top: 10px;
	height: 148px;
	
	
}


/* Navigation */

#menu {
	width:9em; /* set width of menu */
	background:none;
	text-indent:0px;
	left:auto;
	
} 

#menu ul { /* remove bullets and list indents */
list-style: none;
margin: 0;
padding: 0;
}

/* style, color and size links and headings to suit */
#menu a, #menu h2 {
	display: block;
	margin: 0;
	font-size:13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}

#menu h2 {
	color:#FFFFFF;
	background: #000;
	text-transform: lowercase;
	text-align:left;
	text-indent:0px;
	text-decoration:none;
}

#menu a {
	color: #0D7B62;
	background:#FFFFFF;
	border:none;
	text-decoration:none;
}

#menu a:hover {
	color: #0066CC;
	background: #fff;
	font-size: 12px;
	text-align:center;
	text-decoration:none;
}

#menu li {
	/* make the list elements a containing block for the nested lists */
position: relative;
	text-align:center;
	font-size:12px;
	font-family:bolder Verdana, Arial, Helvetica, sans-serif;
} 

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%; /* to position them to the right of their containing block */
width: 100%; /* width is based on the containing block */

}
div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}

div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}