body {
	background: #000000 url(images/background.png) repeat-x fixed left top;
}

h1 {
	font: 1.75em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 25px;
	margin-left: 20px;
	margin-right: 55px;
	padding-bottom: 20px;
	background: url(images/dot.png) repeat-x 20px 40px;	
}

h2 {
	font: 1em Arial, Helvetica, sans-serif;
	color:#0087A3;
	margin-left: 20px;
	margin-top: 40px;
	text-transform: uppercase;
	
}

h2.credits {
	font: 1em Arial, Helvetica, sans-serif;
	color:#000;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: -12px;
	text-transform: uppercase;
	
}

#wrapper {
	margin: 30px auto;
	height: auto;
	width: 918px;
	padding-bottom: 10px;
	}
	
#leftcol {
float: left;

}
	
#logobox {
	background: #FFFFFF url(images/blue_mango_logo_block.png);
	height: 332px;
	width: 332px;
	float: left;
	border-top: 6px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	border-left: 6px solid #FFFFFF;	
}

#copybox {
	background: #FFFFFF url(images/blue_mango_copy_block.png);
	height: 332px;
	width: 332px;
	float: left;
	border-top: 6px solid #FFFFFF;
	border-right: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	overflow: auto;
	
}

#picturebox {
	background: #FFFFFF url(images/blue_mango_veggie_burger.jpg);
	height: 332px;
	width: 332px;
	padding: 0px;
	float: left;
	margin-bottom: 20px;
	border-right: 6px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;	
	border-bottom: 6px solid #FFFFFF;
}

#content {
	width: 568px;
	height: 670px;
	float: right;
	clear: both;
	border-top: 6px solid #FFFFFF;
	border-right: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	border-left: 3px solid #FFFFFF;
	background: #19BED5 url(images/content_bg2.png) no-repeat left top;
	overflow: auto;
	}	
	
#content p {
	margin-right: 40px;
	margin-left: 40px;
	margin-top: 30px;
	font: 0.85em/1.55em Helvetica, arial, sans-serif;
	color: #333333;
	
}

#content p.creditsb {
	margin-right: 40px;
	margin-left: 20px;
	margin-top: 5px;
	font: 0.8em/1.55em Helvetica, arial, sans-serif;
	color: #333333;
	
}

.initcap { float: left;
margin-right: 3px;
margin-top: -5px;


}

#linkbox {
	background: #FFFFFF url(images/blue_mango_nav_sprite.png) no-repeat left top;
	height: 332px;
	width: 332px;
	padding: 0px;
	float: left;
	border-right: 3px solid #FFFFFF;
	border-left: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
}




/* Footer Styles */

#footer {
	background: #EC7E1E;
	width: 888px;
	clear: both;
	padding: 20px 9px 20px 9px;
	border-top: 0px solid #FFFFFF;
	border-right: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	border-left: 6px solid #FFFFFF;
	}	

#footer p {
	font: .85em/5px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-align: center;
	margin-top: 5px;
	}
	
#footer a { color:#FFFFFF; text-decoration: none; }

#footer a:hover {
	text-decoration: dotted;
	border-bottom: 2px dotted #FFFFFF;
}

.xi {
	color: #93C847;
	font-size: 2.5em;
	vertical-align: middle;
}


/* Navigation Sprite Styles */

#linkbox li, #linkbox a {
	height: 108px;
	width: 332px;
	display: block;
	padding-bottom: 3px;
	text-indent: -100em;
	list-style: none;
}
	
#panel1b a:hover {background: transparent url(images/blue_mango_nav_sprite.png) no-repeat -332px 0px    ;}
#panel2b a:hover {background: transparent url(images/blue_mango_nav_sprite.png) no-repeat -332px -111px ;}
#panel3b a:hover {background: transparent url(images/blue_mango_nav_sprite.png) no-repeat -332px -222px ;}
	
#sprite {
    width: 332px; height: 332px;
    background: url(images/blue_mango_nav_sprite.png);
    margin: 0; padding: 0;
    position: relative;
	 }
	 
/* Recipe Styles*/

img.package {
	
	border: 2px solid #fff;
	padding: 2px;
	float: right;
	clear: right;
	margin-right: -20px;
	margin-left: 10px;
	
}


ul.recipe {
margin-right: 40px;
	margin-left: 20px;
	margin-top: 15px;
	font: 0.85em Helvetica, arial, sans-serif;
	color: #333333;
	
}

ul.recipe li {
	line-height: 1.55em;
}

/* Where to buy list styles */

ul.buy {
	margin-right: 40px;
	margin-left: 20px;
	margin-top: 15px;
	font: bolder 0.95em Helvetica, arial, sans-serif;
	color: #333333;
	list-style: none;
	
}

ul.buy li {
	line-height: 2em;
}

ul.buy li a { text-decoration:none; color:#0087A3;
 
}

ul.buy li a:hover { border-bottom: 3px dotted #FFFFFF; color:#0087A3; }

h2.buy {
	font: 1em Arial, Helvetica, sans-serif;
	color:#000;
	margin-left: 40px;
	margin-top: 20px;
	text-transform: uppercase;
	
}



/* Site Credits Outbound Links */

a.outbound { margin-left: 15px;
text-decoration:none; color:#0087A3;

}

.outbound a:hover {border-bottom: 3px dotted #FFFFFF; color:#0087A3;}

h3 { 
	font: .95em Arial, Helvetica, sans-serif;
	color:#0087A3;
	margin-left: 20px;
	margin-bottom: 10px;
	}
	
h3 a { color:#0087A3;
text-decoration: none; }

h3 a:hover { border-bottom: 3px dotted #FFFFFF; color:#0087A3;}

.review { margin-left: 40px; }