#serve
{
	position: absolute;
	font-family: Century Gothic, Verdana, Arial, Helvetica, Sans-Serif;
	width: 100%;
	height: 660px;
	color: White;
	background-color: Black;
	display: block;
}

#serve #instruction
{
	width: 300px;
	height: 300px;
	background: transparent;
	padding: 0;
	margin: 0;
	border: 1px solid black;
	background-color: black;
}

#serve #heart
{
	padding: 0;
	margin: 0;	
	width: 600px;
	height: 300px;
	background: transparent url(../images/serve/serve_heart.jpg);
	background-repeat: no-repeat;
	overflow: hidden;
}

#serve #control
{
	width: 200px;
	height: 650px;
	left: 818px;
	top: 0px;
	background: transparent url(../images/serve/control.png) top left;
}

#serve #control .service_opp
{
	display: block;
	background: transparent;
}

#serve #control div img
{
	position: relative;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	float: left;
}

#serve #control div
{
	position: absolute;
	display: block;
	height: 60px;
	cursor: pointer;
}

#serve #control div p, #serve #control h3
{
	font-size: 0.8em;
	color: White;
	font-weight: bold;
}

#serve #control h3
{
	font-size: 0.9em;
	margin-top: 25px;
}

#serve #control div p
{
	position: relative;
	font-size: 0.75px;
	padding-top: 7px;
}

#serve #control div p:hover
{
	color: Red;
}

#heart #chef
{
	float: left;
	vertical-align: top;
	padding-top: 5px;
	padding-left: 2px;
	margin-right: 5px;
	margin-bottom: 5px;
	z-index: 5;
}


#serve p
{
	font-size: 0.7em;
	padding-left: 0px;
	padding-right: 15px;
}


#heart p
{
	position: absolute;
	top: 30px;
	left: 260px;
}

#heart h2, #heart h3
{
	vertical-align: top;
	display:inline;
	font-size: 0.9em;
	line-height:1.1em;
}

#heart h3
{
	font-size: 0.9em;
	font-weight: normal;
}

#heart
{
	padding: 5px;
}

/*
#heart #jobs
{
	width: 328px;
	padding-left: 0px;
	margin-left:  0px;
	margin-right: 0px;
	overflow: hidden;
}

#heart #jobs div
{
	padding-left: 0px;
	margin: 0px;
	width: 328px;
	position: relative;
}

#serve #heart a
{
	display: block;
}
/**/

#instruction #jobs
{
	width: 299px;
	padding-left: 0px;
	margin-left:  0px;
	margin-right: 0px;
	overflow: hidden;
	cursor: pointer;
}

#instruction #jobs div
{
	padding-left: 0px;
	margin: 0px;
	width: 300px;
	position: relative;
}

#serve #instruction a
{
	display: block;
	font-size: 0.9em;
}

#serve span
{
	font-size: 0.7em;
	position: absolute;
	left: 210px;
}

#serve #instruction
{
	color: White;
	text-decoration: none;
	height: 240px;
}

#serve #instruction #prep
{
	clear: both;
	position: absolute;
	padding: 0;
	margin: 0;
	height: 100px;
	width: 100%;
	display: block;
	background-color: transparent;
	
}

#serve #instruction #prep h3
{
	position: absolute;
	width: 100%;
	padding: 0;
	margin: 0;
	font-size: 0.9em;
}

#serve #instruction #prep p
{
	position: absolute;
	top: 20px;
	font-size: 0.7em;
}

#serve .serve_opp
{
	width: 175px;
}
#serve .serve_opp a
{
	text-decoration: none;
}

#serve .serve_opp img
{
	float: left;
	position: relative;
}

#serve .serve_opp p
{
	font-size: 0.9em;
	position: relative;
	padding: 0;
	margin: 0;
}

#serve_media
{
	position: absolute;
	background-color: #505050;/*#808080;*/
	margin: 5px;
	width: 500px;
	height: 240px;
}

#serve_media h2
{
	border-color: Red;
	border: 2px;
	display: block;
	position: absolute;
	font-size: 0.9em;
	margin: 0;
	padding: 0;
}

#serve_media h4
{
	background-color: #4B753C;
	width: 120px;
	font-size: 0.7em;
}

#serve_galleries, #serve_videos
{
	width:  500px;
	height: 100px;
	display: block;
}

#serve_media_content
{
	position: absolute;
	top: 20px;
	width: 500px;
	left: 0;
}

#serve_media_content > a
{
	display: block;
	width: 500px;
}