#content
{
	margin-left: 22px;
	height: 48.5em;
background: #efdca4;
padding-top: 10px;
border: 0px black solid;
width: 750px;
}
#middle_wrapper{
height: 64em;
}
#catering_page_title{
width: 720px;
height: 90px;
background: transparent url('images/cateringtitle.gif') no-repeat center top;
margin: 0 auto;
margin-top: 15px;
margin-bottom: 10px;
}


#catering_left
{
	float:left;
	width:26em;
	height:100%;
}

#catering_right
{
	float:right;
	width:19em;
	height:100%;	
}

#catering_writeup
{
	width:41em;
	height:37.6em;
	background: #fff3cf;
margin: 0 auto;
border: solid 5px #ca9d4b;
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
font-weight: bold;
}


#catering_promo1
{
	float:left;
	height:8em;
	width:15em;
	background-color:red;
}

#catering_promo2
{
	float:left;
	height:8em;
	width:15em;
	background-color:blue;
}

#catering_promo3
{
	float:left;
	height:8em;
	width:15em;
	background-color:gold;
}

#catering_contact
{
	clear:left;
	height:10em;
	width:35em;
	background-color:purple;
}


/* css for enlarge action */

.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: ghostwhite;
padding: 5px;
left: -1000px;
border: 3px solid #bbb;
visibility: hidden;
color: black;
text-decoration: none;
z-index: 100;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: -195px;
left: -90px; /*position where enlarged image should offset horizontally */

}

.thumbs_left
{
	float:left;
padding-right: 15px;
width: 180px;
}

.thumbs_left img
{
border: 3px solid #ddd;
}


.thumbs_right
{
	float:right;
padding-left: 15px;
padding-top:20px;
width: 170px;
margin-left: -3px;
margin-right: -5px;
}

.thumbs_right img
{
border: 3px solid #ddd;
}

#subject_image{
background: transparent url('images/hungrybear.png') no-repeat top center;
width:100px;
height: 88px;
position: absolute;
margin-left: 410px;
margin-top: 1px;
}


#contact_title{
margin-left: 200px;
margin-top: 35px;
width: 350px;

}

#contact_title input{
width: 150px;
margin-left: 3px;
border: 2px solid #522e00;
}

#contact_email{
margin: 0 auto;
margin-top: 20px;
margin-left: 152px;
width: 340px;
}

#contact_email input{
width: 150px;
margin-left: 3px;
border: 2px solid #522e00;
}

#contact_body{
margin: 0 auto;
margin-top: 20px;
margin-left: 172px;
width: 300px;
}

#contact_body textarea{
margin-top: -20px;
margin-left: 71px;
width: 250px;
border: 2px solid #522e00;
}

#contact_submit{
margin: 0 auto;
margin-top: 11px;
margin-left:327px;
width: 300px;

}


