body {
	text-align: center;
	padding: 0;
	margin: 0;
	font-family: Trebuchet MS, Helvetica, Myriad, Verdana, Arial, sans-serif;
	font-size: 80%;
	background-color: #9C9C9C;
}

/* General Shizzle *****************************************/

.orange
{
	color: #c96d16;
}

a
{
	color: #c96d16;
	text-decoration: none;
}

a:hover
{
	color: #c96d16;
	text-decoration: underline;
}

.bold
{
	font-weight: bold;
}


/*** Main div layout shiznit *****************************************************************8*/

#centraliser
{
	width: 760px;
	text-align: center;
	margin: 0px auto 0px auto;
	padding: 0px;
	background: red;
}

#container
{
	float: left;
	text-align: left;
	width: 740px;
	padding: 0px;
	padding-left: 10px;
	padding-right: 10px;
	border-left: 1px solid black;
	border-right: 1px solid black;	
	background-color: #ffffff;
	height: 100%;
}

#topLogo
{
	float: left;
	width: 100%;
}

	#topLogo .logo
	{
		background-image: url(../img/header_bar.jpg);
		background-repeat:no-repeat;
		height: 106px;
		width: 740px;
		float: left;
		padding: 0;
		margin: 0;
		margin-top: 10px;
	}
	
	#topLogo .logocookedmeats
	{
		background-image: url(../img/header_bar_alt1.jpg);	
	}
	
		#topLogo h1 span
		{
			display: none; /* Means the text is only visible to screen readers and reeeeeally old browsers */
			padding: 0;
			margin: 0;
		}
		
		#topLogo img
		{
			float: right;
			
		}

#topMenu
{
	float: left;
	width: 100%;
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	text-align: left;
	padding: 0;
	margin: 0;
}

	#topMenu #menu ul
	{
		float: right;
		margin: 0;
		padding: 0;
		height: 1%; /* IE6 hack */
	} 

	#topMenu #menu ul:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		
	#topMenu #menu ul li
	{
		margin-left: 0;
		margin-bottom: 0;
		margin-left: 4px;
		list-style: none;
		display: inline; /* IE6 Hack */
		background-color: #607c32;
		border: 1px solid #879c65;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 4px;
		padding-right: 4px;
		color: white;
		float: left;
		width: 109px;
	}
	
	#topMenu #menu ul li.selected
	{
		background-color: #d27000;
		border: 1px solid #dd933f;
	}
	

	#topMenu a
	{
		color: white;
		display: block;
		width: 100%;
		text-align: center;
		text-decoration: none;
		font-weight: bolder;
	}
	
	#topMenu a:hover
	{
		color: white;
	}

#content
{
	float: left;
	margin-top: 14px;
}

	#content p
	{
		margin-top: 0;
	}

#hpBanner
{
	padding: 0;
	margin: 0;
	float: left;
	margin-left: 25px;	
	text-align: left;
	margin-bottom: 30px;
}

/* The Left Shiznit **********************************/



#left
{
	float: left;
	width: 385px;
	margin-right: 27px;
	margin-left: 25px;	
	text-align: left;
}

	#left #subMenu ul
	{
		float: left;
		margin-left: 0;
		height: 1%; /* IE6 hack */
		padding: 0;
		margin: 0;
	} 

	#left #subMenu ul:after {
			content: "."; 
			display: block; 
			height: 0; 
			clear: both; 
			visibility: hidden;
		}
		
	#left #subMenu ul li
	{
		margin-left: 0;
		margin-bottom: 4px;
		margin-right: 4px;
		list-style: none;
		display: inline; /* IE6 Hack */
		background-color: #607c32;
		border: 1px solid #879c65;
		padding-left: 5px;
		padding-right: 5px;
		color: white;
		float: left;
	}
	
	#left #subMenu ul li.selected
	{
		background-color: #d27000;
		border: 1px solid #dd933f;
	}
	

	#left #subMenu a
	{
		color: white;
		display: block;
		width: 175px;
		text-align: center;
		text-decoration: none;
		font-size: 90%;
	}

	#left #subMenu.readymeals a
	{
		width: 112px;
	}
	
	#left #subMenu a:hover
	{
		color: white;
	}
	
	#left #mainContent
	{
		float: left;
		text-align: justify;
		width: 385px;
	}
	
	#left #mainContent h2
	{
		font-size: 125%;
		font-weight: bolder;
		margin: 0;
		margin-bottom: 4px;
	}
	#left #mainContent h3
	{
		font-size: 110%;
		font-weight: bolder;
		margin: 0;
		margin-bottom: 4px;
	}
	
/* The Right Shiznit ***********************************************/
	
#right
{
	float: left;
	width: 260px;
	color: white;
}

	
	#right ul
	{
		
		margin: 0;
		padding: 0;
	}

.about
{
	padding-top: 100px;
	background: #607c32;
	background-position: top;
	background-repeat:no-repeat;
	background-image:url(../img/right_logo.gif);
}


.meats
{
	padding-top: 100px;
	background: #607c32;
	background-position: top;
	background-repeat:no-repeat;
	background-image:url(../img/right_logo_meats.gif);
}

.noHeader
{
	padding-top: 100px;
	background: #607c32;
}

.contact_us
{
	padding-top: 100px;
	background: #607c32;
	color: white;
	background-position: top;
	background-repeat:no-repeat;
	background-image:url(../img/right_logo.gif);
}

	.contact_us p
	{
		padding: 0 10px 0 10px;
		font-size: 120%;
		font-weight: bolder;
	}

.readymealIframe
{
	padding: 0;
	margin: 0;
	background: #607c32;
	color: white;
}
	
.home
{
	padding-top: 0;
	background-image: none;
	color: black;
}

/* Footer ******************************************************/

#footer
{
	float: left;
	width: 100%;
	margin: 20px 0 0 0;
	background: white;
}

	#footer #menu
	{

		text-align:center;
		font-size: 80%;
		padding: 0 20px 0 20px;
	}
	#footer a
	{
		color: black;
		text-decoration: none;
	}
	
	#footer a:hover
	{
		color: #666666;
		text-decoration: underline;
	}
	

/* Home Page ***********************************************/

#hp_fed_well
{
	float: left;
	background:url(../img/hp_fed_well.jpg);
	background-repeat: no-repeat;
	width: 385px;
	height: 290px;
}
	#hp_fed_well .hp_text
	{
		position: relative;
		top: 240px;
		left: 4px;
		color: black;
	}
#hp_pro_cuisine
{
	float: left;
	background:url(../img/hp_pro_cuisine.jpg);
	background-repeat: no-repeat;
	width: 385px;
	height: 290px;
	margin-top: 30px;
}
	#hp_pro_cuisine .hp_text
	{
		position: relative;
		top: 152px;
		left: 4px;
		color: black;
	}

#hp_ak
{
	float: left;
	background:url(../img/hp_ak.jpg);
	background-repeat: no-repeat;
	width: 260px;
	height: 290px;
}

	#hp_ak .hp_text
	{
		position: relative;
		top: 240px;
		left: 4px;
		color: black;
	}

#hp_takeaway_cuisine
{
	float: left;
	background:url(../img/hp_takeaway_cuisine.jpg);
	background-repeat: no-repeat;
	width: 260px;
	height: 290px;
	margin-top: 30px;	
}

	#hp_takeaway_cuisine .hp_text
	{
		position: relative;
		top: 146px;
		left: 4px;
		color: black;
	}


/* Ready Meals Custom Shizzle ******************************/

#left #mainContent #logoBar
{
	text-align:center;
}

	#left #mainContent #logoBar img
	{
		margin: 0 8px 0 8px;
	}
	
	#left #mainContent #mealsList
	{
		color: black;
	}
	
	#left #mainContent ul
	{
		list-style: none;
		margin: 0;
		padding: 0;
	}

/* IFrame Shiznit ***************************************/
#holder
{
	width: 260px;
	text-align: left;
}

	#holder h3, #holder h2, #holder p, #holder ul
	{
		margin: 0;
		padding: 0 4px 0 4px;
	}
	
	#holder ul
	{
		margin-left: 20px;
	}
	
	
	#holder h2
	{
		font-size: 130%;
	}



	
/* CSS Height Fixes */

html, body {
	min-height: 100%;
	height: 100%;
}
	
#centraliser {
	min-height: 100%;
	height: 100%;
	background: white;
}
html>body #centraliser {
	height: auto;
	min-height: 100%;
}

#content {
	min-height: 100%;
	height: 100%;
	background: white;
}
html>body #content {
	height: auto;
	min-height: 100%;
}


#right {
	height: 100%;
	min-height: 100%;
	
	background-color:: red;
}
html>body #right {
	height: auto;
	min-height: 100%;
}