body {
	width: 100%;
	height: auto;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	text-align: center;
	background-color: #6c3;
	background: url(images/MTG-bg.jpg);
	background-repeat: repeat-x;
}

p { padding-top: 3px; padding-left: 0; padding-right: 0; padding-bottom: 6px;}

#outer {
	position: relative;
	top: 0;
	left: 0;
	width: 800px;
	padding: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	text-align: left;
	background-color: #6c3;
	background: url(images/MTG-web04foot.jpg);
	background-repeat: repeat-y;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 357px;
	height: 100px;
	z-index: 1;
}

#topmenu {
	position: absolute;
	top: 2px;
	left: 580px;
	width: 200px;
	height: 98px;
	font-weight: bold;
	z-index: 2;
}

#pic1 {
	position: absolute;
	top: 100px;
	left: 0;
	width: 266px;
	height: 150px;
	z-index: 5;
}

#pic2 {
	position: absolute;
	top: 100px;
	left: 267px;
	width: 266px;
	height: 150px;
	z-index: 6;
}

#pic3 {
	position: absolute;
	top: 100px;
	left: 534px;
	width: 266px;
	height: 150px;
	z-index: 7;
}

#local {
	position: absolute;
	top: 280px;
	left: 625px;
	width: 140px;
	height: 140px;
	z-index: 10;
}

#recipes {
	position: absolute;
	top: 280px;
	left: 615px;
	width: 170px;
	height: auto;
	text-align: right;
	z-index: 20;
}

.headerbar {
	width: 800px;
	height: 100px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #000;
}

.picbar {
	width: 800px;
	height: 150px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #66cc33;
}

.menubar {
	float: left;	
	width: 180px;
	height: auto;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	margin: 0;
	color: #ccc;
	text-align: left;
	font-size: 16px;
	line-height: 21px;
	font-weight: bold;
	background-color: #000;
}

.main {		
	float: left;
	width: 560px;
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0;
	margin: 0;
	height: auto;
	color: #000;
	text-align: left;
	background-color: #fff;
}

.footer {
	clear: both;
	display: block;
	width: 800px;
	height: 35px;
	padding: 0;
	margin: 0;
	text-align: left;
	background-color: #fff;
	overflow: hidden;
}

.heremenu {
	padding-left: 15px;
	text-align: left;
	text-decoration: none;
	color: #fff;
}

.heremenu:link {
	padding-left: 15px;
	text-align: left;
	text-decoration: none;
	color: #fff;
}

.sidemenu {
	padding-left: 15px;
	text-align: left;
	text-decoration: none;
	color: #ccc;
}

.sidemenu:link {
	padding-left: 15px;
	text-align: left;
	text-decoration: none;
	color: #ccc;
}

.sidemenu:hover {
	text-decoration: none;
	color: #fff;
}

.mail {
	font-size: 14px;
	padding-left: 5px;
	text-align: left;
	text-decoration: none;
	color: #ccc;
}

.mail:link {
	font-size: 14px;
	padding-left: 5px;
	text-align: left;
	text-decoration: none;
	color: #ccc;
}

.mail:hover {
	text-decoration: none;
	color: #fff;
}

.greylink {
	font-size: 14px;
	text-decoration: none;
	color: #666;
}

.greylink:link {
	font-size: 14px;
	text-decoration: none;
	color: #666;
}

.greylink:hover {
	text-decoration: none;
	color: #ccc;
}

.terms {
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	color: #ccc;
}

.terms:link {
	font-size: 12px;
	padding-left: 10px;
	text-align: left;
	text-decoration: none;
	color: #ccc;
}

.terms:hover {
	text-decoration: none;
	color: #fff;
}

.greenText {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #66cc33;
}

.redText {
	font-size: 16px;
	line-height: 18px;
	font-weight: bold;
	color: #ff0000;
}

.whiteText {
	font-size: 14px;
	line-height: 18px;
	padding-left: 5px;
	font-weight: bold;
	color: #fff;
}

.description {
	font-size: 12px;
	font-style: italic;
	line-height: 14px;
	color: #666;
}

.prices {
	font-size: 12px;
	line-height: 14px;
	color: #333;
}