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

#wrapper {
	margin: 30px auto;
	height: auto;
	width: 682px;
	padding-bottom: 10px;
	}
	
	
	
#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/copy_block_2.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;	
}

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

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


/* Home Footer Styles */
#homefooter {
	background: #EC7E1E;
	width: 650px;
	clear: both;
	padding: 20px 10px 20px 10px;
	border-top: 0px none #FFFFFF;
	border-right: 6px solid #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	border-left: 6px solid #FFFFFF;	
}	

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

#homefooter a:hover  {
	
	border-bottom: 2px dotted #FFFFFF;
	}

.xi {
	color: #93C847;
	font-size: 1.1em;
}


/* 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;
	 }