/* 	Honeytop Stylesheet
		
		date created:	14th July 2006
		date modified: 	17th July 2006
		author: 	Sam Hampton-Smith
		version: 	1.0

	*/

	#content {
		border-top:		1px solid #732021;
		margin-top:		-1px;
	}

	body {
		font-size:	66%;
		font-family: 	arial, helv, sans-serif;
		text-align: 	justify;
		background:	transparent url(pagebg.jpg) no-repeat top center;
		margin:		0px;
		padding:	0px;
	}

	h1 {
		font-size:	1.6em;
		color:		#122751;
	}

	p {
		margin-top:	0px;
		color:		#122751;
		line-height:	1.15em;
	}

	#container {

		position:	relative;
		width:		775px;
		margin:		auto;
	}		


	/* HEADER AREA */

	#logo {
		position:	relative;
		height:		121px;
		width:		775px;
		background:	transparent url(logo.gif) no-repeat top center;
	}

	#logo a {
		display:	block;
		height:		120px;
		width:		400px;
		text-indent:	-10000px;
		overflow:	hidden;
	}

	#navigation {
		position:	relative;
		height:		30px;
		width:		775px;
		background:	transparent url(navbg.gif) no-repeat top center;
	}

	#navigation ul {
		margin:		0px;
		padding:	0px;
		height:		30px;
	}

	#navigation ul li {
		list-style:	none;
		margin:		0px;
		padding:	0px;
		float:		left;
		background:	transparent url(pipe.gif) no-repeat top left;
	}

	#navigation ul li.first {
		background:	none;
	}

	#navigation ul li a {
		display:	block;
		width:		auto;
		padding-left:	28px;
		padding-right:	18px;
		line-height:	30px;
		font-size:	1.2em;
		color: 		#eedc76;
		text-decoration:none;
	}

	#navigation ul li a:hover {
		color: 		#ffffff;
		text-decoration:underline;
	}

	#navigation ul li a.current {
		color: 		#ffffff;
		text-decoration:none;
	}


	/* CONTENT AREA */
	
	#content {
		position:	relative;
		padding:	0px;
		min-height:	552px;
		font-size:	1.1em;
		/height:	552px;
	}

	html>body #content {
  		height: auto;
	}

	.home {
		background: 	transparent url(bg2.jpg) no-repeat top center;
	}

	.legal {
		background: 	transparent url(bg3.jpg) no-repeat top center;
	}

	.aboutus {
		background: 	transparent url(legalbg.jpg) no-repeat top center;
	}

	.aboutusd {
		background: 	transparent url(bg3a.jpg) no-repeat top center;
	}

	.aboutust {
		background: 	transparent url(bg3b.jpg) no-repeat top center;
	}

	.aboutusi {
		background: 	transparent url(bg3c.jpg) no-repeat top center;
	}

	.product {
		background: 	transparent url(bg6.jpg) no-repeat top center;
	}

	.producta {
		background: 	transparent url(bg6a.jpg) no-repeat top center;
	}

	.media {
		background: 	transparent url(mediabg.jpg) no-repeat top center;
	}

	.mediaa {
		background: 	transparent url(mediabga.jpg) no-repeat top center;
	}
	
	.contactus {
		background: 	transparent url(contactbg.jpg) no-repeat top center;
	}

	.customers {
		background: 	transparent url(bg7.jpg) no-repeat top center;
	}
	
	.facilities {
		background: 	transparent url(bg9b.jpg) no-repeat top center;
	}

	.facilitiesa {
		background: 	transparent url(bg9a.jpg) no-repeat top center;
	}

	.facilitiesb {
		background: 	transparent url(bg9.jpg) no-repeat top center;
	}

	.naan {
		background: 	transparent url(bg1.jpg) no-repeat top center;
	}

	.doughballs {	
		background: 	transparent url(bg5.jpg) no-repeat top center;
	}

	.filledbreads {
		background: 	transparent url(bg10.jpg) no-repeat top center;
	}
	
	.pancakes {
		background: 	transparent url(bg8.jpg) no-repeat top center;
	}
	
	.crumpets {
		background:		transparent url(bgcrumpets.jpg) no-repeat top center;
	}
	
	.tortilla {
		background:		transparent url(bgtortilla.jpg) no-repeat top center;
	}
	

	#content h1 {
		position:	relative;
		margin-left:	60px;
		padding-top:	5px;
		clear:		left;
		margin-bottom:	0px;
		padding-bottom:	0px;
	}
	

	#content h2 {
		position:	relative;
		margin-left:	60px;
		padding-top:	2px;
		clear:		left;
		font-size:	1.4em;
		color:		#9a201f;
		margin-bottom:	0px;
		padding-bottom:	0px;
	}

	#content #imgdiv {
		float:		right;
		margin-right:	160px;
		width:		166px;
		line-height:	1.7em;
		color:		#eedc76;
		text-align:	center;
		padding-bottom:	3px;
		background:	transparent url(insetbg.jpg) repeat-y bottom center;
		/margin-right:	80px;
	}

	html>body #content #imgdiv {
  		margin-right:	160px;
	}

	#content.landscape #imgdiv {
		width:		266px;
	}

	#content.landscape #imgdiv.regular {
		width:		166px;
	}


	#content.home #imgdiv {
		margin-right:	80px;
	}

	html>body #content.home #imgdiv {
		margin-right:	160px;
	}

	#content #imgdiv img {
		display:	block;
	}
	#content p, #content table {
		position:	relative;
		margin-left:	60px;
		width:		350px;
		font-family:	verdana, arial, sans-serif;
		padding-top:	0px;
		margin-top:	.9em;
	}


	#landscapex {
		display:	block;
		width:		120px;
	}

	#content table {
		text-align:	left;
		font-size:	.9em;
	}

	#content table tr th {
		color:		#9a201f;

	}		

	#content table tr td {
		color:		#122751;

	}		


	#content p strong, #content ul li strong, #content ul li label {
		color:		#9a201f;
	}

	#content q {
		position:	relative;
		display:	block;
		margin-left:	60px;
		padding-left:	50px;
		width:		300px;
		font-family:	georgia, times, serif;
		margin-bottom:	.2em;
		margin-top:	.3em;
		min-height:	29px;
		background:	transparent url(quote.gif) no-repeat 0px 0px;
	}

	#content ul {
		font-size:	1em;
		color:		#122751;
		text-align:	left;
		padding:	0px;
		margin-left:	60px;
		width:		350px;
	}

	#content ul li {
		margin:		0px;
		padding:	0px;
		padding-left:	140px;
		position:	relative;
		list-style:	none;
		margin-bottom:	.4em;	
		font-family:	verdana, arial, sans-serif;
	}

	#content ul.nolabel {
		font-size:	1em;
		color:		#122751;
		text-align:	left;
		padding:	0px;
		margin-left:	60px;
		width:		350px;
	}

	#content ul.nolabel li {
		margin:		0px;
		padding:	0px;
		margin-left:	13px;
		padding-left:	7px;
		position:	relative;
		list-style:	disc;
		margin-bottom:	.4em;	
		font-family:	verdana, arial, sans-serif;
	}


	#content ul li label {
		position:	absolute;
		display:	block;
		left:		0px;
		top:		0px;
		font-weight:	bolder;
		/left:		-140px;
	}

	html>body #content ul li label {
		left:		0px;
	}

	#content ul#subnav {
		position:	relative;
		margin:		0px;
		left:		50px;
		padding:	0px;
		color:		#ffffff;
		font-size:	1em;
		line-height:	1.3em;
		width:		550px;
		font-family:	verdana, arial, sans-serif;
	}

	#content ul#subnav li {
		margin:		0px;
		padding:	3px;
		list-style:	none;
		margin-left:	5px;
		margin-right:	0px;
		float:		left;
		width:		auto;
	}

	#content ul#subnav li a {
		display:	block;
		color:		#eedc76;
		width:		auto;
		padding-left:	10px;
		border-left:	1px solid #211839;
		text-decoration:none;
	}

	#content ul#subnav li.first a {
		border-left:	none;
	}

	#content ul#subnav li a:hover {
		color:		#ffffff;
		text-decoration:underline;
	}
	
	#content #shelflife {
	position:		absolute;
	top:			390px;
	right:			175px;
	padding:		3px 10px 3px 10px;
	background: 	#9b2120;
	color:			#eedc76;
	text-align:		center;
	}
	
	#content #shelflife a {
		color:			#eedc76;
		text-decoration:none;
	}

	#pagenav {
		position:	relative;
		width:		165px;
		text-align:	right;
		clear:		right;
		float:		right;
		margin-right:	160px;
		margin-top:	10px;
		/margin-right:	80px;
	}

	#content.landscape #pagenav {
		width:		265px;
	}

	html>body #content #pagenav {
  		margin-right:	160px;
	}
	
	#pagenav a {
		display:	block;
		font-weight:	bold;
		width:		54px;
		text-decoration:none;
		line-height:	20px;
		text-align:	left;
		float:		right;
		color:		#211c39;
		background:	transparent url(next.gif) no-repeat center right;
	}

	#pagenav a.prev {
		float:		left;
		background:	transparent url(prev.gif) no-repeat center left;
		text-indent:	27px;
	}
		

	/* FOOTER AREA */

	#footer {
		position:	relative;
		height:		42px;
		width:		775px;
		background: 	transparent url(footer.jpg) no-repeat top left;
		text-align:	center;
		color: 		#221c3e;
	}

	#footer a {
		width:		auto;
		padding-left:	10px;
		padding-right:	10px;
		line-height:	34px;
		color: 		#221c3e;
		text-decoration:none;
	}

	#footer a:hover {
		color: 		#221c3e;
		text-decoration:none;
	}

	#show1, #show2,#show3,#show4,#show5,#show6,#show7, #filled2, #filled3, #filled4 {
		display:	none;
	}

	#show5, #filled1 {
		display:	inline;
	}

	.attrib {
		padding-top:	0px;
		margin-top:	0px;
		margin-bottom:	10px;
		text-align:	right;
	}

	#content.landscape p {
		width:		250px;
	}

	#content.landscape p.regular {
		width:		500px;
	}