body#bgMain
{
	background: white;
	background-image: url(images/grad-bg-tile.jpg);
	background-repeat: repeat-x;
}

div.header
{
	height: 90px;
	width: inherit;
	border-bottom: 10px solid #88dd00;
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.main
{
	margin: auto;
	background: white;
	width: 840px;
	height: 500px;
	border-bottom: 2px solid #88dd00;
}

div.footer
{
	margin: 10px auto;
	background: white;
	border: 0px;
	width: 840px;
	text-align: right;
}

div.content
{
	margin: 0px;
	padding: 0px;
	width: auto;
	height: 500px;
	background-repeat: no-repeat;
	background-position: bottom right;
}

div.content#bgHome
{
	background-image: url(images/bg-main-freshfood.jpg);
}

div.header#bgHeadHome
{
	background-image: url(images/bg-head-freshfood.jpg);
}
div.content#bgpromot
{
	background-image: url(images/promotions.jpg);
}
}

div.content#promo1
{
	background-image: url(images/elpromo2.jpg);
}

div.content#promo2
{
	background-image: url(images/elpromo2.jpg);
}

div.header#bgHeadAbout
{
	background-image: url(images/bg-head-tomato.jpg);
}

div.content#bgContact
{
	background-image: url(images/bg-main-avo.jpg);
}

div.header#bgHeadContact
{
	background-image: url(images/bg-head-avo.jpg);
}

div.content#bgDelivery
{
	background-image: url(images/bg-main-chili.jpg);
}

div.content#bgtomato
{
	background-image: url(images/bg-main-tomato.jpg);
}

div.header#bgHeadDelivery
{
	background-image: url(images/bg-head-chili.jpg);
}

div.header#bgHeadtomato
{
	background-image: url(images/bg-head-tomato.jpg);
}

div.header#bgtomato
{
	background-image: url(images/bg-main-tomato.jpg);
}

div.header#bgHeadBlank
{
	background-image: url(images/bg-head-blank.jpg);
}

div.header h2
{
	display:inline;
	color: #88dd00;
	margin-left: 60%;
	padding: 0px;
}

div.footer p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #88dd00;
}

div.logo
{
	position:relative;
	margin-top: -500px;
	margin-left: 10px;
	padding: 0px;
	z-index: 100;
}

div.quote
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #000000;
	text-align: justify;
	border-style: solid;
	border-width: 1px;
	border-color: #88dd00;
	padding: 1em;
	margin: 1em 0px;
	background-color: white;
}

div.quote p
{
	font-style: normal;
	font-size: 14px;
	text-align: right;
	margin-top: 1px;
	margin-bottom: 1px;
}

div.quote:hover
{
	/* does not work in IE 6 */
	background-color: white;
}

h1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 30px;
	color:red;
}

h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 20px;
}

p, a, li
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #000000;
}

p.openingTimes
{
	padding: 0px; 
	margin: 0px;
	font-size: small;
}

a.media
{
	border-width:0px;
	text-align:center;
}

iframe.contentBox
{
	/* empty */
}

/* IE ignores styles with [attributes], so it will skip the following. */
iframe.contentBox[class]
{
	margin-left: -4px;
}