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

* {

	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;	
	
}


a:link {color:#000 }
a:visited {color:#000 }

body { background:url(../images/bg.gif) }

#border { width:100%; height:5px; background:#a0d23f; }

#main { width:940px; margin:0 auto; height:auto; background:#FFF; border: solid #e4e4e4 1px; padding:10px; overflow:auto }

#header { width:960px; margin:0 auto; height:188px; background-image:url(../images/header_bg.png); background-repeat:no-repeat; margin-top:15px; }

.navigation { font-weight: bold; width: 472px; float:right; margin-top:80px; margin-right: }

.navigation ul{ padding: 9px 9px 7px 12px; margin: 0; text-align: left; }

.navigation ul li{ display: inline; }

.navigation ul li a{ color: #000; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding: 0 7px 0px 7px; text-decoration: none; border-right: 1px solid #000; line-height:11px; }

.top ul{ padding: 0 9px 7px 0; margin: 0; text-align: left; }

.top li{ display: inline; color: #000; font-family:Arial, Helvetica, sans-serif; font-size:11px; padding: 0 22px 0 22px; background-image:url(../images/check.png);
background-repeat: no-repeat; background-position: 7px 0; line-height:18px }

.top { width:100%; height:40px; display:block; margin-bottom:10px; }

.left { width:645px; height:auto; display:block; margin-right:10px; margin-right:18px; float:left; clear:both }

#content { width:98%; height:auto; display:block; margin-top:15px; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px }

#ingredients { width:150px; height:130px; display:block; float:left; background-color:#FFF; margin-right:5px; margin-bottom:5px }

a.acai { width: 150px; height:110px; display:block; background-image:url(../images/acai-icon.png); }

a.acai:hover { background-position: 0 -110px }

a.mango { width: 150px; height:110px; display:block; background-image:url(../images/amango-icon.png); }

a.mango:hover { background-position: 0 -110px }

a.chlorella { width: 150px; height:110px; display:block; background-image:url(../images/chlorella-icon.png); }

a.chlorella:hover { background-position: 0 -110px }

a.coconut { width: 150px; height:110px; display:block; background-image:url(../images/coconut-icon.png); }

a.coconut:hover { background-position: 0 -110px }

a.cordyceps { width: 150px; height:110px; display:block; background-image:url(../images/cordyceps.png); }

a.cordyceps:hover { background-position: 0 -110px }

a.grassblend { width: 150px; height:110px; display:block; background-image:url(../images/grassblend-icon.png); }

a.grassblend:hover { background-position: 0 -110px }

a.greencoffee { width: 150px; height:110px; display:block; background-image:url(../images/gc-icon.png); }

a.greencoffee:hover { background-position: 0 -110px }

a.spirulina { width: 150px; height:110px; display:block; background-image:url(../images/spirulina-icon.png); }

a.spirulina:hover { background-position: 0 -110px }

a.protein { width: 150px; height:110px; display:block; background-image:url(../images/protein-icon.png); }

a.protein:hover { background-position: 0 -110px }

.right {width:275px; height:auto; display:block; float:left; }

#column { width:100%; height:auto; display:block; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:16px }

.title { font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; margin-bottom:5px; background-image:url(../images/bullet.gif); background-repeat:no-repeat; background-position:0 50%; padding-left:10px; }

a.title:link {color: #000; text-decoration: none; }
a.title:visited {color: #000; text-decoration: none; }
a.title:hover {color: #000; text-decoration: underline; }

.bottom { width:100%; height:75px; display:block; margin-top:10px; float:left; clear:both }

#footer { width:940px; margin:0 auto; height:460px; padding-left:10px; margin-bottom:10px } 

.footer_left { width:290px; height:auto; display:block; float:left; clear:both; margin-right:14px; margin-top:20px; font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; line-height:17px }

a.footer_left:link {color: #000; text-decoration: none; }
a.footer_left:visited {color: #000; text-decoration: none; }
a.footer_left:hover {color: #000; text-decoration: underline; }


.footer_right { width:635px; height:auto; float:left; margin-top:25px; }

.footer_left ul { float: left; width: 130px; margin: 0; padding: 0; list-style: none; font-weight:normal; margin-right:10px; margin-bottom:20px; color:#000 }

.footer_left li { float: left; width: 130px; margin: 0; padding: 0; text-align:left; line-height:24px; text-decoration:none; } 

.footer:hover li { cursor:pointer; text-decoration:underline; } 

a.view { background: url(../images/view-article.png) no-repeat 0 0; width: 98px; height: 28px; display: block; margin:0 auto; margin-top:5px; margin-bottom:5px }
a.view:hover { background-position: 0 -28px }