body {
	font-family: Arial, Verdana, Sans-Serif, SansSerif;
	font-size: 100%;
	background-color: #2a135e;
}

* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Sans-Serif, SansSerif;
}

body.newsList {
	color: #564572;
	background-color: #faefd6;
}

div#frame {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 35px;
}

div#mainFrame {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 35px;
	background-image: url(../images/background.gif);
	background-position: top left;
	background-repeat: repeat-y;
}

div#yellowBar {
	height: 5px;
	background-color: #f7df01;
}

div#orangeBar {
	height: 5px;
	background-color: #f17422;
}

div#purpleBar {
	height: 5px;
	background-color: #564572;
}

div#subIndex { width: 850px; }

div#header {
	width: 841px;
	height: 195px;
	margin-left: 9px;
	background-image: url(../images/headerBackground.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #2a135e;
	text-align: left;
}

div#industrialHeader {
	width: 841px;
	height: 195px;
	margin-left: 9px;
	background-image: url(../images/industrialHeaderBackground.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	background-color: #2a135e;
	text-align: left;
	
}

div#menuBar {
	top: 195px;
	width: 625px;
}

div#menuBar li {
	float: left;
	position: relative;
	list-style-type: none;
}

div#menuBar li img {display: block;}

div#menuBar ul li ul {
	width: 125px;
	margin: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	position: absolute;
	margin: 0;
	top: 35px;
	left: 0;
}

div#menuBar ul li ul li { 
	padding-top: 10px; 
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	width: 100%;
}

div#menuBar ul li ul { display: none; }

div#menuBar ul li:hover ul { display: block; }

div#menuBar ul li ul#aboutSub { background-color: #029ad1; }

div#menuBar ul li ul#acaiSub { background-color: #44276f; }

div#menuBar ul li ul#productSub {	background-color: #ef6912; }

div#menuBar a {
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	text-decoration: none;
}

div#menuBar a.sub {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

div#menuBar a:hover {
	color: #f7df01;
	text-decoration: none;
}

div#contentArea {
	width: 841px;
	margin-left: 9px;
	background-color: #564572;
}

div#contentAreaFlash {
	background-color: #FAF2D9;
	width: 780px;
	height: 450px;
	margin-left: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 50px;
	left: auto;
	right: auto;
}

div#content {
	width: 625px;
	min-height: 385px;
	float: left;
	background-color: #faefd6;
}

div#contentDetails {
	text-align: left;
	color: #564572;
	font-size: 12px;
	padding: 15px;
}

div#contentDetailsContact {
	text-align: left;
	color: #564572;
	font-size: 12px;
	padding: 0px;
}

div#news {
	width: 100px;
	float: left;
	padding-right: 10px;
	font-size: 10px;
	border-right: 1px solid #564572;
}

div#mainNews {
	width: 850px;	
	font-size: 12px;
}

div#homeContent {
	width: 470px;
	padding-left: 10px;
	float: left;
}

div#col1 {
	width: 297px;
	float: left;
}

div#col2 {
	width: 297px;
	float: left;
}

div#col1 p {
	padding-top: 0px;
	padding-bottom: 10px;
}

div#col2 p {
	padding-top: 0px;
	padding-bottom: 10px;
}

div#images {
	width: 216px;
	height: 385px;
	float: left;
	background-image: url(../images/purpleBackground.jpg);
	background-position: top left;
	background-repeat: repeat-y;
	color: #fff;
	font-size: 10px;
}

div#spacer { height: 10px; }

div#spacerMed { height: 15px; }

.homeTitle {
	font-weight: bold;
	font-size: 13px;
	color: #f7df01;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}

.homeDetails {
	padding-left: 10px;
	padding-right: 10px;
	background-color: #564572;
}

.homeDetails p {
	padding-top: 4px;
	padding-bottom: 4px;
	color: #fff;
	font-size: 10px;
}

.homeDetails img { display: block; }

.highlite {
	color: #f7df01;
}

.orange {
	background-color: #f17422;
	height: 10px;
	width: 216px;
}

div#footer {
	width: 650px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: #fff;
}

div#overallFooter {
	width: 850px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	font-size: 0.7em;
	font-family: Calibri, Arial, Verdana, Sans-Serif, SansSerif;
	color: #fff;
}

div#linkFooter {
	width: 200px;
	float: left;
	margin-left: auto;
	margin-right: auto;
	text-align: right;
	color: #fff;
}

div#footer a {
	color: #fff;
	text-decoration: underline;
}

div#footer a:hover { text-decoration: none; }

h1 {
	font-size: 16px;
	font-style: italic;
}	

h2 { font-size: 12px; }

h2.wider { 
	font-size: 12px; 
	padding-top: 10px;
	padding-bottom: 5px;
}

h1 a {	
	text-decoration: none;
	color: #584573;
}

h1 a:hover { color: #a9218f;}

h3 {
	font-size: 11px;
	text-align: center;
	padding-top: 10px;
}

h4 {
	font-size: 15px;
	text-align: center;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 5px;
}

h5 { 
	font-size: 11px; 
	font-style: italic;
	padding-top: 7px;
	
}
h6 { 
	font-size: 12px; 
	text-align: right;
	font-style: italic;
}

h7 {
	font-size: 15px;
	text-align: center;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 5px;
	color:Olive;
}

iframe { background-color: #faefd6; }

p { padding-top: 10px; }

p.centered { text-align: center; }

p a {
	text-decoration: none;
	color: #a9218f;
	font-weight: bold;
	font-size: 0.9em;
}

p a:hover { color: #564572; }

a.list {
	text-decoration: none;
	color: #a9218f;
	font-weight: bold;
	font-size: 0.9em;
}

a.list:hover { color: #564572; }

a.details {
	text-decoration: none;
	color: #fff;
	font-size: 0.9em;
}

a.details:hover { color: #f7df01; }

div#content ul {
	margin-left: 20px;
}

div#content li {
	border: 0px;	
}

div#content ul2 {
	margin-left: 0px;
	margin-bottom:  10px;
}

div#content li2 {
	margin-left: 25px;
	border: 0px;	
	padding: 0px;
}

img { border: none; }

img.home {
	display: block;
	position: relative;
	left: 0px;
}

img.acai {
	display: block;
	position: relative;
	left: 104px;
}

img.product {
	display: block;
	position: relative;
	left: 208px;
}

img.ideas {
	display: block;
	position: relative;
	left: 312px;
}

img.about {
	display: block;
	position: relative;
	left: 416px;
}

img.contact {
	display: block;
	position: relative;
	left: 520px;
}

img.industialProduct {
	display: block;
	position: relative;
	left: 0px;
}

img.industialFrozen {
	display: block;
	position: relative;
	left: 125px;
}

img.industialExtract {
	display: block;
	position: relative;
	left: 250px;
}

img.industialAcai {
	display: block;
	position: relative;
	left: 375px;
}

img.industialContact {
	display: block;
	position: relative;
	left: 500px;
}

.color1 {
	width: 54px;
	height: 60px;
	background-color: #48191f;
}

.color2 {
	width: 54px;
	height: 60px;
	background-color: #594372;
}

.color3 {
	width: 54px;
	height: 60px;
	background-color: #a9218e;
}

.color4 {
	width: 54px;
	height: 60px;
	background-color: #f17422;
}

.color5 {
	width: 54px;
	height: 60px;
	background-color: #a75694;
}

.color6 {
	width: 54px;
	height: 60px;
	background-color: #eca334;
}

.color7 {
	width: 54px;
	height: 60px;
	background-color: #f17422;
}

.color8 {
	width: 54px;
	height: 60px;
	background-color: #f7df01;
}

.color9 {
	width: 54px;
	height: 60px;
	background-color: #91ad0b;
}

.color10 {
	width: 54px;
	height: 60px;
	background-color: #0095e1;
}

.title {
	font-weight: bold;
	text-align: left;
}

div.communityImages {
	width: 297px;
	text-align: center;
	float: left;
	padding-top: 15px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

div.quoteOrange {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #f37221;
}

div.quoteOrangeRHS {
	font-size: 15px;
	text-align: right;
	font-weight: bold;
	font-style: italic;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #f37221;
}

div.quoteBrown {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #7e1a20;
}

div.quoteGrey {
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	padding-top: 10px;
	padding-bottom: 5px;
	color: #584573;
}

div.additionalInfo {
}

div.additionalInfo li {
	margin-left: 13px;
}
.clearfix { display: inline-table; }

/* backslash hack hides from IE mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end backslash hack */	


a.info{
    position: relative;  
    z-index: 24;
    cursor: help;
    color: #f7df01;
    text-decoration: none
}

a.info:hover{z-index:25; color: #f00;}

a.info span{display: none}

a.info:hover span{  
	display:block;
	position:absolute;
	top: 2.5em;
	left: 0;
	width: 200px;
	line-height: 1.2em;
	padding: 3px 7px 4px 6px;
	border: 1px solid #336;
	background-color: #705996;
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #f6c70b;
	text-align: left;
}
   
   



#content span.tool::after {
  padding-left: 2px;            /* eye candy */
  content: url(../images/bubble.gif);
}