* { margin: 0px; padding: 0px; }

body {
	background: url(../img/bglogo1.png) no-repeat;
	background-position: center -41px;
	font-family: Arial , Helvetica, sans-serif;
	font-size: 10pt;
	color: #555753;
	padding-bottom: 41px;
	padding-top: 41px;
}

h1 {
	font-size: 16pt;
	font-style: italic;
	text-align: right;
	padding: 16px;
}

h2 {
	font-size: 12pt;
	color: #ff50d0;
	border-bottom: 1px solid #a0ff50;
	padding-top: 12px;
	padding-bottom: 4px;
}

h3 {
	font-size: 10pt;
	color: #ff50d0;
}

tr.newsection {
	height: 64px;
}

td {
	font-size: 10pt;
	padding: 2px;
	padding-left: 8px;
	padding-right: 8px;
}
td.col1 {
	width: 60%;
}	

td.col2, td.col3 {
	width: 20%;
	text-align: center;
	vertical-align: bottom;
}

a:link, a:visited {
	text-decoration: none;
	font-weight: bold;
	color: blue;
}

a:hover, a:active {
	text-decoration: underline
}

p {
	padding: 8px;
	text-align: justify;
}

#container {
	position: relative;
	width: 768px;
	height: 517px;
	margin: 0px auto;
}

#page {
	height: 517px;
}

#menu {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 128px;

}

#menu ul {
	list-style: none;
	height: 357px;
}

#menu li {
	position: relative;
	background: #aaaaaa;
	font-size: 12pt;
	color: white;
	height: 49px;
	margin-top: 2px;
}

#menu a {
	display: block;
	position: absolute;
	bottom: 3px;
	right: 3px;
	text-decoration: none;
	font-weight: normal;
	color: white;
	text-align: right;
}

#menu a:hover {
	color: black;
}


#col2 {
	position: absolute;
	left: 130px;
	top: 0px;
	width: 508px;
	height: 517px;
}

#col2.index {
	position: relative;
	background: url('../img/fullindexbg.png') no-repeat;
	padding-top: 160px;
	height: 357px;
	width: 508px;
}


#col3 {
	position: absolute;
	left: 640px;
	top: 0px;
}

#topright { background: url('../img/topright.png') }
#botright { background: url('../img/botright.png') }
#menu .header { background: url('../img/topleft.png') } 
#menu .footer { background: url('../img/botleft.png') }

#menu .header, #menu .footer, .corner {
	height: 79px;
	width: 128px;
}

.crop {
	display: block;
	width: 508px;
	height: 79px;
}

#content {
	width: 476px;
	height: 323px;
	overflow: auto;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 16px;
}

#content.contact {
	position: relative;
	background: url(../img/contactbg.png) no-repeat center;
}


#indexfooter {
	position: absolute;
	background: url('../img/mayfayre_banner.png');
	top: 438px;
}

#aboutheader { background: url('../img/crop2.png'); }
#aboutfooter { background: url('../img/crop4.png'); }

#foodheader { background: url('../img/crop5.png'); }
#foodfooter { background: url('../img/crop12.png'); }

#drinkheader { background: url('../img/crop16a.png'); }
#drinkfooter { background: url('../img/crop18.png'); }

#menuheader { background: url('../img/crop22.png'); }
#menufooter { background: url('../img/crop20.png'); }

#hampersheader { background: url('../img/crop24.png'); }
#hampersfooter { background: url('../img/crop25.png'); }

#contactheader { background: url('../img/crop26.png'); }
#contactfooter { background: url('../img/crop27.png'); }

.contactdiv {
	display: block;
	position: absolute;
	background: url(../img/alpha50.png);
	bottom: 16px;
	text-align: right;
	width:440px;
	padding-left: 16px;
	padding-right: 16px;
}

#fcontent {
	background: #aaaaaa;
	height: 355px;
	margin-top: 2px;
	margin-bottom: 2px;
}

#fairtrade {
	display: block;
	background: url(../img/fairtrade2.png)  no-repeat center;
	width: 128px;
	height: 80px;
}

.food {
	float: left;
	padding: 16px;
}

.food li {
	float: left;
	list-style: none;
	background: url(../img/bullet.png) no-repeat left center;
	padding-left: 10px;
	margin-right: 8px;
}

.bullets {
	padding: 16px;
}

.bullets li {
	list-style: none;
	background: url(../img/bullet.png) no-repeat left center;
	padding-left: 16px;
	margin-right: 8px;
}

#hamper1 {
        background: url(../img/hamper1.png) no-repeat center;
        width: 234px;
        height: 301px;
        float: right;
}