body
{ background:url(images/logo.jpg) 0 10px no-repeat #fff;
  font-family: Arial, Verdana,sans-serif;
  color: #666;
  font-size:10pt;}
  
h1
{ font-size:18pt;
  font-weight:bold;
  background:inherit;
  color:#c63;
  letter-spacing:5px;
  padding-top:10px;}
  
h2
{ font-size:110%;
  font-weight:bold;}

h2.title {
 font-size:200%;
 font-weight:bold;
}
  
h3
{ font-size:11pt;
  font-weight:bold;}
  
strong
{ background:inherit;
  color:#c63;}
  
a:link, a:visited, a:active
{ background-color: inherit; text-decoration: none; color:#666;}
a:hover
{ background-color: inherit; text-decoration: underline; color:#c63;}

.first-word {
	font-weight:bold;
}

ul 
{ 
  margin-left:10px;
  padding:1px;
}


#header
{ width:770px;
  height:170px;
  margin:auto;
}
  
#main
{ width:770px;
  margin:auto;
  clear:both; }


#content	{
	width:550px;
	float:right;
	padding:0 10px;  
	background-color:#fff;
	color:inherit;
    line-height: 19px;
}

#content div.main-info {
   border:1px solid #000000;
   width:280px;
   float:left;
   padding:5px 5px 5px 20px;
}

#content div.main-info li {
	font-size: 110%;
	color: #FFFFFF;
	font-weight:bold;
	line-height:24px;	
}

#content img {
	float:left;
	margin:0 0 0 32px;
	border:0;
}  

#content p{
	text-align:justify;
}   
 
#sidebar
{ width:180px;
  height:auto;
  float:left;
  padding:5px;
  font-size:86%;
  text-align:center;}

#sidebar ul
{ padding:0;
  margin:0;
  list-style:none;}

#sidebar li
{ padding:0;
  margin:0;
  display: inline;
  background:none;}

#sidebar li a {
font-size: 130%;
display:block;
font-weight:bold;
margin:0;
padding:10px;
border-bottom:1px solid #FFFFFF;  
color: #FFFFFF;
}
  
#sidebar li a:hover
{ text-decoration: underline;
}

#sidebar li a.aminoacids, div.aminoacids  {
  background: #E0E31C;
}

#sidebar li a.vitamins, div.vitamins {
  background: #FDB813;
}

#sidebar li a.fibres, div.fibres {
  background: #9D85BE;
}

#sidebar li a.weight, div.weight {
  background: #6B8DC8;
}

#sidebar li a.power, div.power {
  background: #CFAD78;
}

#sidebar li a.deserts, div.deserts {
  background: #F5821F;
}

#sidebar li a.protein, div.protein {
  background: #ED1C24;
}

#sidebar li ul
{ overflow: hidden;}

#sidebar li li a
{ margin-top: -1px;
}  

#sidebar li li a
{ display: block;
  text-decoration: none;
  border-top: 1px dashed #999999;
  padding:10px;
  font-weight:bold;
  font-size: 100%;
  color: #666666;  
}

#sidebar li li a:hover, #sidebar li li a.active
{ background-color: #EFEFEF;
}

.promo {
  font-size:150%;
  font-weight:bold;
  text-align:center;
}
  
#footer
{ width:770px;
  margin-left:auto;
  margin-right:auto;
  margin-top:10px;
  padding:10px;
  font-size:80%;
  border-top:#c63 1px solid;
  text-align:center;
  clear:both;}  

.header
{ float:right;
  text-align:right;
  padding:30px 15px 0 0;}  
  
.footer 
{ height:1px;
  clear:both; }

.topside
{ 
  margin-top:10px;
  padding:10px 0 10px 0;
  font-size:10pt;
  font-weight:bold;
  border-bottom:#c63 2px solid;
  text-align:center;
  }
  
 td {
	border: 1px solid #c63;
}