body,html {
background:#e3f0c1;
color:#1B403E;
margin:0;
padding:0;
}

body {
min-width:800px;
background:#e3f0c1 url(img/wrap_bg.gif) repeat-y top center;
font:0.8em/1.4em Tahoma, Geneva, sans-serif;
}

ul{
list-style-type:none;
}

p, h1, h2, h3, ul, img{
margin:0px; 
padding:0px;
}

#wrap {
background:#F0F0F0;
width:760px;
margin:0 auto;
}

#header {
background:#F0F0F0 url(img/logo.jpg) no-repeat top center;
height:130px;
margin:0px;
padding:0px;
}

#header h1 {
color:#7AA410;
font:italic bold 400% "Times New Roman", Times, serif;
margin:0;
padding:40px 20px 0px 0px;
}

#nav {
background:#AFCD70;
border-top:2px solid #889F57;
border-bottom:2px solid #889F57;
padding:5px 10px;
}

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

#nav li {
display:inline;
margin:0;
padding:0 2em 0 0;
}

#nav li a {
font-weight:700;
text-decoration:none;
}

#nav li a:link {
color:#060;
}

#nav li a:visited {
color:#768756;
}

#main {
color:#1B403E;
background:#FFFFFF;
float:left;
width:520px;
border-right:1px solid #E0E0E0;
padding:0px 0;
}

#main h2,#main h3,#main p {
padding:0 20px;
}

#main h2{
color:#0050B4;
font:18px/18px Georgia, "Times New Roman", Times, serif;
margin:15px 0 15px 0px;
}

#main h3{
color:#000000;
font:bold 13px/20px Verdana, Arial, Helvetica, sans-serif;;
}

#sidebar h3{
color:#0050B4;
font:bold 13px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
margin:0 0px 10px;
border-bottom: dashed  #AAAAAA 1px;

}

#main h2 span,#main h3 span {
color:#AB2929;
}

#main p{
font:12px/16px;
padding:0 15px 15px 22px;

}
#main p span{
font-weight:bold; 
font-size:11px; 
color:#0050B4; 
background:#FFFFFF;}

#main p.small{
font:bold 10px/12px Verdana, Arial, Helvetica, sans-serif;
}
#main p.small span{
color:#ab2c2c; 
background:#F6F6F6;
}
#main div.break{
width:95%;
border-top: 1px solid #889F57;
border-bottom: dashed #AAAAAA 1px;
/*margin: 0px 0px 0px 20px;*/
padding: 0px 0px 0px 0px;
}

#main table{
padding: 0px 0px 20px 0px;
}
#player{
padding: 15px 0px 15px 0px;

}
#sidebar {
background:#F0F0F0;
float:right;
width:220px;
padding:15px 0;
}
#sidebar p{
font:11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
padding:0px 20px 15px 0px;
}
#sidebar p span{
font-weight:bold;
}
#sidebar p.image{
text-align:right;
margin-right: 15px;
}
#sidebar p.center, #main p.center{
		text-align:center; 
		/*border-bottom: #000000 1px solid; */
		padding-bottom:15px;
}
#sidebar ul {
padding-bottom:1em;
}
#sidebar ul li{
font:bold 11px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; 
background:url(img/square.gif) 0 4px no-repeat; 
padding:0 15px 10px 10px;
}



#sidebar h3{
padding:0 10px 0 0;
}


#sidebar h3 span {
color:#AB2929;
}

#sidebar ul.ingredients li{
background:none; 
font-weight:normal; 
padding:0 15px 15px 0px;
}
#sidebar ul.ingredients li span{
font-weight:bold; 
color: #66CC33; 
}

#sidebar input, #sidebar textarea{
border:#999999 1px solid;
font: Georgia, "Times New Roman", Times, serif;

}
#sidebar input.submit{
background-color: #AB2929;
color:#FFFFFF;
border:0px;
font: 13.5px bold Geneva, Arial, Helvetica, sans-serif;
padding: 1px 10px 1px 10px;
cursor:pointer;
}
#prefooter{
text-align:center;
padding: 15px 15px 15px 15px;
clear:both;
border-top: dashed 1px #AAAAAA;
}
#prefooter p{
font-size:0.75em;
line-height: 1.2em;
padding: 5px 0px 0px 0px;
}
#prefooter p.bigger{
font: bold 0.75em/1.2em Verdana, Arial, Helvetica, sans-serif;
color:#727272;
}
#footer {
color:#060;
border-top:2px solid #889F57;
border-bottom:2px solid #889F57;
background:#AFCD70;
clear:both;
font-size:0.75em;
text-align:center;
}

#footer p {
margin:0;
padding:5px;
}

sup,sub {
color:#7AA410;
}

blockquote {
background:#e3f0c1;
border-left:2px solid #afcd70;
font:0.9em/1.5em "Palatino Linotype", "Book Antiqua", Palatino, serif;
color:#898D67;
letter-spacing:.05em;
margin-top:15px;
margin-bottom:15px;
padding:6px;
}

.blendedlinks {
color:#060;
text-decoration:none;
}

#nav li a:hover,#nav li a:active {
color:#E3F0C1;
}

#main p,#sidebar p {
color:#1B403E;
}

#sidebar li a:hover,#sidebar li a:active {
color:#999254;
}


div#navcontainer
{
background-color: #0050B4;
border-top: solid 1px #FFFFFF;
border-bottom: solid 1px #FFFFFF;

padding: 0px;
margin:0px;
clear:both;
}

div#navcontainer ul
{
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
font-weight: bold;
color: white;
text-align: center;
margin: 0;
padding-bottom: 5px;
padding-top: 5px;
}

div#navcontainer ul li
{
display: inline;
margin-left: -3px;
}

div#navcontainer ul li a
{
padding: 5px 10px 5px 10px;
color: white;
text-decoration: none;
border-right: 1px solid #fff;
}

div#navcontainer ul li a:hover
{
background-color: #16008D;
color: white;
}

/** PORTFOLIO PAGE **/
.portfolio .thumb{
border:1px solid #999999; 
}

.portfolio p,.portfolio h3 {
	padding-left: 15px;
}

.portfolio .screenshot {
	border: 16px solid #F5F5F5;
	display: block;
	margin: 10px 0;
}

.portfolio #sidebar h3 {
	display: none;
}

.portfolio #page-navigation ul {
	padding: 15px 0 0 20px;
	list-style: none;
}

.portfolio #page-navigation ul li{
	display: inline;
	margin: 0;
	padding-right: 12px;
	list-style: none;
	border-bottom: 1px solid #F5F6F8;
}

.portfolio #page-navigation ul li a{
	border: 0;
}

#bee, #lokahi, #kidspops, #paradisepointe {
	display: none;
}
/* Nutrition Table */
#nutrition{
padding:3px;
border: #000000 1px solid;
width: 185px;
}
table.nutrition {
font:12px Geneva, Arial, Helvetica, sans-serif;
width: 185px;
height: 0px;
}
table.nutrition span{
font-weight:bold;
}
table.nutrition span.small{
font-weight:bold;
font-size:10px;
}
table.nutrition span.big{
font-weight:bold;
font-size:16px;
}
td.left{
text-align:left;
border-bottom:#000000 1px solid;
}
td.left_th{
text-align:left;
border-bottom:#000000 3px solid;
}
td.left_in{
text-align:left;
border-bottom:#000000 1px solid;
padding-left:10px;
}
td.right{
text-align:right;
border-bottom:#000000 1px solid;
}
td.right_th{
text-align:right;
border-bottom:#000000 3px solid;
}
table.vitamins td.f{
border-bottom: #000000 1px solid;
}

table.vitamins span{
text-align:right;

}