/* CSS Document */
body {
	background-color:#61050a;
	background-position:center top;
}

a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#C68E2F;
	text-decoration:none;
}

a:hover {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#D00E16;
	text-decoration:underline;
}

#container {
	position:relative;
	width:800px;
	height:1500px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	align:center;
	background-image:url(../images/background.jpg);
	top: 10px;
	
}
	
#containerindex {
	position:relative;
	width:800px;
	height:700px;
	margin-left:auto;
	margin-right:auto;
	padding:0;
	align:center;
	background-image:url(../images/fiona.jpg);
	top: 10px;
	
}

#viewbasket {
	position:absolute; 
	width:130px; 
	height:25px; 
	z-index:1; 
	left: 690px; 
	top: 150px;
	}
	
#heading {
	position:absolute;
	width:150px;
	height:40px;
	margin-left:611px;
	margin-right:5px;
	top:25px;
	left: 21px;
	z-index: 1;
}

#headingindex {
	position:absolute;
	width:150px;
	height:40px;
	margin-left:611px;
	margin-right:5px;
	top:25px;
	left: 21px;
}
#content {
	position:absolute;
	width:620px;
	height:507px;
	margin-left:130px;
	margin-right:125px;
	top:186px;
}

#link {
	position:absolute;
	width:104px;
	height:489px;
	margin-left:10px;
	top:187px;
	left: 7px;
}

#navbar {
	position:absolute;
	width:700px;
	height:12px;
	margin-left:150px;
	margin-right:0px;
	top:77px;
}

#home {
	position:absolute;
	width:60px;
	height:20px;
	margin-left:400px;
	margin-right:340px;
	top:33px;
}

#headnote{
	position:absolute;
	width:300px;
	height:20px;
	margin-left:350px;
	margin-right:150px;
	top:7px;
	left: -200px;
	 
}

#header {
	position:absolute; 
	width:280px; 
	height:33px; 
	z-index:1; 
	left: 242px; 
	top: 17px;
	}
	
#headerindex {
	position:absolute; 
	width:548px; 
	height:33px; 
	z-index:1; 
	left: 142px; 
	top: 0px;
	}
	
#canned{
 	position:absolute; 
	width:140px; 
	height:38px; 
	z-index:1; 
	left: 115px; 
	top: 340px;
	}

#crisps {
	position:absolute; 
	width:112px; 
	height:41px; 
	z-index:1; 
	left: 369px; 
	top: 340px;
	}

#cereals{
	position:absolute; 
	width:106px; 
	height:41px; 
	z-index:1; 
	left: 630px; 
	top: 340px;
	}
	
#sauce{
	position:absolute; 
	width:106px; 
	height:38px; 
	z-index:1; 
	left: 114px; 
	top: 528px;
	}

#beverages{
	position:absolute; 
	width:102px; 
	height:32px; 
	z-index:1; 
	left: 368px; 
	top: 528px;
	}

#meats{
	position:absolute; 
	width:102px;
	height:33px; 
	z-index:1; 
	left: 624px; 
	top: 528px;
	}

#about{
	position:absolute; 
	width:548px; 
	height:114px; 
	z-index:2; 
	left: 127px; 
	top: 570px;
	}

.heading {
	font-size:16px;
	color:#C68E2F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.content {
	font-size:13px;
	color:#C68E2F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:19px;
}

.link {
	font-size: 13px;
	color:#C68E2F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:underline;
	line-height:normal;
}

a.link:hover {
	text-decoration:underline;
	font-size:13px;
	color:#D00E16;
	line-height:normal;
}
	
.footer {
	font-size:10px;
	color:#C68E2F;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	
	
a.heading:hover {
	font-size:16px;
	color:#D00E16;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
	
#linkcontent {
	position:absolute; 
	width:578px; 
	height:620px; 
	z-index:1; 
	left: 179px; 
	top: 187px;
	}