body          {background:#fffcc9 url(../media/images/bg.jpg) top center no-repeat; font-family:"Trebuchet MS", Arial, sans-serif; text-align: center; color:#948e77;font-size:12px;}
a           {text-decoration: none; color: #a8cf39;}
a:hover         {color:#73911f;}
a img         {border:none;}
#header         {width:800px;height:122px;margin:0px auto; text-align: left;}
#flashlogo        {width:166px; height: 102px; padding:20px 0px 0px 48px;float:left;display:block;}
#plainlogo        {width:166px; height: 102px; margin:20px 0px 0px 48px;float:left;display: inline; background: url(../media/images/yagoot_logo.png) no-repeat;}
a:hover #plainlogo    {background:url(../media/images/yagoot_logo_over.png) no-repeat;}

#menubar        {background:url(../media/images/bar.png) no-repeat; height:25px; width:450px; border: 1px solid #dacfa8; margin:57px 0px 0px 10px; float: left; padding:0px 0px 0px 9px;}

#menubar a        {color:#a8cf39; display:block; padding:4px 10px; font-size: 13px;font-weight:normal; float:left; text-shadow: #ffffff 0 1px; }
#menubar a:hover    {color:#73911f;}
#content        {width:800px;min-height:460px;margin:10px auto; text-align:center;}
.title          {width:716px; height: 25px; margin: 16px auto 4px;}
#title_home       {background: url(../media/images/title_home.png) no-repeat;}
#title_news       {background: url(../media/images/title_news.png) no-repeat;height:40px;}
#title_coffee     {background: url(../media/images/title_coffee.png) no-repeat center 5px;height:50px;}
#title_cocoa      {background: url(../media/images/title_cocoa.png) no-repeat center 5px;height:50px;}
#title_coconut      {background: url(../media/images/title_coconut.png) no-repeat center 5px;height:50px;}
#title_email      {background: url(../media/images/title_email.png) no-repeat;height: 30px;}
#title_toppings     {background: url(../media/images/title_toppings.png) no-repeat;height:50px;}
#title_product      {background: url(../media/images/title_product.png) no-repeat;}
#title_history      {background: url(../media/images/title_history.png) no-repeat;}
#title_nutrition    {background: url(../media/images/title_nutrition.png) no-repeat;}
#title_ways       {background: url(../media/images/title_ways.png) no-repeat;}
#title_banana     {background: url(../media/images/title_banana.png) no-repeat; height:50px;}
#title_contact      {background: url(../media/images/title_contact.png) no-repeat;}
#title_peppermint   {background: url(../media/images/title_peppermint.png) no-repeat;height:50px;}
#title_pistachio      {background: url(../media/images/title_pistachio.png) no-repeat center top; height: 50px;}
#title_pomegranate    {background: url(../media/images/title_pomegranate.png) no-repeat center top;height:50px;}
#title_pomegranate_2  {background: url(../media/images/title_pomegranate_2.png) no-repeat center top; height:50px;}
#title_strawberry   {background: url(../media/images/title_strawberry.png) no-repeat center top;height:50px;}
#title_pumpkin      {background: url(../media/images/title_pumpkin.png) no-repeat center top;height:50px;}
#title_pumpkin_2      {background: url(../media/images/title_pumpkin2.png) no-repeat center top;height:50px;}
#title_jobs       {background: url(../media/images/title_jobs.png) no-repeat center top; height: 50px;}
#title_mango      {background: url(../media/images/title_mango.png) no-repeat center top; height: 60px;}

.description      {width:420px; margin:0px auto; font-size:12px; font-weight:normal; line-height:15px;}
#footer         {width:800px; height:auto; font-size:12px; background: url(../media/images/hrule.png) no-repeat top center; padding:10px 0px 50px; margin:0px auto;}
#footer a       {color:#b3ad97; font-size:12px;}
#footer a:hover     {color:#888169;}
#footer a img           {position: relative; top: 3px; }
#footer .spacer     {padding:0px 10px;}
#overlay        {display:block; width:100%; height:100%; background:#fff; position:absolute; top:0px; left:0px; z-index:99;}
#yagoot_image     {width:314px;height:399px;background:url(../media/images/yagoot.png) no-repeat top left;float:left;display:inline;margin:10px 0px 0px 40px;}
#nutrition        {width:273px;height:500px;float:left;display:inline;margin:10px 0px 0px 20px;}
#nutrition-orig     {background: url(../media/images/nutrition-original.png) no-repeat; width: 273px; height: 500px; float: left; display: block;}
#nutrition-mango    {background: url(../media/images/nutrition-mango.png) no-repeat; width: 273px; height: 500px; float: left; display: none;}
#nutrition-pumpkin    {background: url(../media/images/nutrition-pumpkin.png) no-repeat; width: 273px; height: 500px; float: left; display: none;}
#nutrition-strawberry {background: url(../media/images/nutrition-strawberry.png) no-repeat; width: 273px; height: 500px; float: left; display: none;}
#nutrition-banana   {background: url(../media/images/nutrition-banana.png) no-repeat; width: 273px; height: 500px; float: left; display: none;}
.rightcol       {float:left;display:inline;margin:40px 0px 0px 25px;width:340px;overflow: hidden;text-align:left;}
#history        {margin:20px 0px 0px 25px;}
.rightcol .subtitle   {font-size:16px;color:#a8cf39;font-style:italic;letter-spacing:1px;display:block;}
.rightcol #list     {font-size:18px;line-height:30px;display:block;margin:30px 0px 40px;}
.rightcol #list .small  {font-size:14px;font-style:italic;}
.rightcol p       {margin:0px 0px 12px;font-size:12px;line-height:16px;}
a.bottom        {font-size:14px;font-style:italic;color:#a8cf39;display:block;line-height:24px;}
a.bottom:hover      {color:#73911f;}
.leftcol        {float:left;display:inline;margin:0px 0px 0px 100px;width:300px;overflow: hidden;text-align:left;}
.leftcol p        {margin:14px 0px;font-size:12px;line-height:16px;}
.leftcol span     {font-weight:bold;color:#888169;display:block;margin-bottom:3px;}
#visit          {width:100%; margin:20px 0px;}
#bubble         {width:280px;height:280px;background: url(../media/images/bubble.png) no-repeat top left;position:absolute;top:335px;left:50%;margin-left:-140px;z-index:40;display: none;}
a.x           {width:15px;height:15px;background:url(../media/images/x1.gif) no-repeat;display:block;float:right;margin:10px 15px;}
a.x:hover       {background: url(../media/images/x2.gif) no-repeat;}
#emails         {margin:30px 0;text-align:center;font-size:12px;}
#emails a       {color:#a8cf39;display:block;font-size: 12px;}
#emails a:hover     {color:#73911f;}
#emails .name     {display: block; margin: 8px 0;}
#bottom         {margin:20px;}
#bottom .subtitle   {color:#a8cf39;display:block;margin-bottom:10px;font-weight: bold; font-size: 16px;}
.formfield        {background:#fff;border:1px solid #b3ad97;padding:4px 3px 2px;color:#a8a187;margin:0px;}
.submitbutton     {background:url(../media/images/submitbutton.gif) no-repeat; width:104px; height:23px; font-size:12px; line-height:12px; text-align:center;border:0px;color:#fff;}
#news a.screenshot    {margin:0px auto;border:1px solid #000;background:url(../media/images/screenshot.jpg) no-repeat;width:275px;height:153px;display:block;}
#news a         {font-size:14px;color:#a8a187;display:block;margin:0px 0px 6px;}
#news a:hover     {color: #888169;}
.error          {color: #ee3124; font-size: 13px; display: block; margin-bottom: 5px;}

h1            {color:#a8cf39;margin:20px 0px 10px;font-size: 20px;}
h2            {color:#807e6b;padding:18px 0px 4px;font-size: 14px;background: url(../media/images/hrule-small.png) no-repeat center bottom;}
h3            {color:#807e6b;padding:8px 0 4px; font-size: 13px; margin: 0;}

table         {margin: 10px auto;}
th            {text-align: right; padding: 0 10px 6px 0; font-weight: bold;}
td            {text-align: left; padding: 0px 0 6px 10px;}

/* Styles for Flavor Claendar */

#title_calendar      {background: url(../media/images/title_calendar.png) no-repeat center top; height: 30px; }
#flavor-cal tr.last	td { border-bottom: none; }
td.date			{ text-align: right; border-bottom: 1px solid #8dcf2a; padding: 0 8px 0 0; font-size: 14px; vertical-align: center; }
td.date h3		{ font-size: 18px; margin-bottom: 3px; padding: 0; }
td.icons		{ text-align: center; border-bottom: 1px solid #8dcf2a; padding: 0px 14px 0 0; }
td.download		{ padding: 15px 0; text-align: center; }
a.btn			{ width: 214px; display: block; color: #fff; text-shadow: #316404 0 -1px; font-weight: bold; text-align: center; font-size: 14px; padding: 14px 0; background: url(../media/images/btn-green.png) top center no-repeat; margin: 0 auto; }		
a.btn span			{ color: #deffac; font-weight: normal; }
#calendar-top		{ padding: 0 200px; }
#calendar-top h2	{ background: none; font-size: 18px; font-weight: normal; margin: 5px 0; padding: 0px; }
#calendar-top p		{ margin-top: 6px; }