/* browse all style sheet */
body {
	background: url("../images/breakfast_1.JPG") repeat;
	text-align: center;
	font: 18px arial, sans-serif;
	color: #000;}
h2 {
	font: arial, sans-serif;
	font-weight: bold;}
#banner {
	width: 770px;
	height: 150px;}	
/*style for content container */
#container {
	background: #FFFFF0;
	width: 770px;
	margin: 0 auto;
	text-align: left;
	border: solid;
	border-width: 2px;
	}
#content {
	margin: 20px;}
#description {
	margin: 60px;
    text-align: center}
#home {
	float: left;}	
/* style for boxes */
/*image one style*/
#featured  a{
	text-decoration: none;}
#featured img {
	box-shadow: 10px 10px 10px grey;}
#featured img:hover{
	box-shadow: none;}
#featured .imageone{
	display: inline;
	padding: 20px;}	
.imageone {
	position: relative;
	height: 200px;
	width: 200px;}
.imageonedescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imageone:hover .imageonedescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
/*image two style*/
#featured .imagetwo{
	display: inline;
	padding: 20px;}	
.imagetwo {
	position: relative;
	height: 200px;
	width: 200px;}
.imagetwodescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imagetwo:hover .imagetwodescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
/*image three style*/
#featured .imagethree{
	display: inline;
	padding: 20px;}	
.imagethree {
	position: relative;
	height: 200px;
	width: 200px;}
.imagethreedescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imagethree:hover .imagethreedescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
/*image four style*/
#featured .imagefour{
	display: inline;
	padding: 20px;}	
.imagefour {
	position: relative;
	height: 200px;
	width: 200px;}
.imagefourdescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imagefour:hover .imagefourdescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
/*image five style*/
#featured .imagefive{
	display: inline;
	padding: 20px;}	
.imagefive {
	position: relative;
	height: 200px;
	width: 200px;}
.imagefivedescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imagefive:hover .imagefivedescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
/*image six style*/
#featured .imagesix{
	display: inline;
	padding: 20px;}	
.imagesix {
	position: relative;
	height: 200px;
	width: 200px;}
.imagesixdescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imagesix:hover .imagesixdescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
/*image seven style*/
#featured .imageseven{
	display: inline;
	padding: 20px;}	
.imageseven {
	position: relative;
	height: 200px;
	width: 200px;}
.imagesevendescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imageseven:hover .imagesevendescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
/*image eight style*/
#featured .imageeight{
	display: inline;
	padding: 20px;}	
.imageeight {
	position: relative;
	height: 200px;
	width: 200px;}
.imageeightdescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imageeight:hover .imageeightdescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
/*image nine style*/
#featured .imagenine{
	display: inline;
	padding: 20px;}	
.imagenine {
	position: relative;
	height: 200px;
	width: 200px;}
.imageninedescription{
	position: absolute;
	top: 0 10px;
	bottom: 0;
	left: 0;
	right: 0;
	color: #FFFFF0;
	visibility: hidden;
	opacity: 0;
	font: 20px arial, sans-serif;
	text-align: left;
	margin-left: 25px;
	width: 190px;
	}
.imagenine:hover .imageninedescription {
	visibility: visible;
	opacity: 1;
	background-color:rgba(0,0,0,0.3);}
#metadata {
	font-size: 25px arial, sans-serif;
    color: #fffff0;
	text-align: center;}
#messagesent {
	text-align:center;
	color: #930000;}
table {
	border: 0;
	padding:9px;
	width: 770px;}	
#emailbuttons {
	text-align: center;}
#emailbox {
	width:350px;}