/* PINNACLE FOODS */

/* GENERAL STYLES */

body {
	margin: 0 0 0 0px;
	background-color:#2fa1db;
	font-family: Verdana, Arial; 
}

a img { 
	border: 0 0 0 0px;
} 



#container {	width:100%;
				background-color:#FFFFFF;
				
					
}


#holder { 	width:980px;
			margin:0px auto;
			position:relative;
			
		}
		
		
		.rleft { text-align:left; }
		.rright { text-align:right; }
		



#slideshow a:link { border:none; }


			pre { text-align: left; overflow: visible }
			code { background-color: #ffc }
			pre code { background-color: #eee }
			
			.pics { height: 260px; width: 576px; padding:0; margin:0; overflow: hidden }
			.pics img { height: 260px; width: 576px; padding: 0px; border: 0px solid #ccc; background-color: #fff; top:0; left:0 }
			.pics img {
				-moz-border-radius: 0px; -webkit-border-radius: 0px;
			}
			
			.addresses { 	float:right;
							width:383px;
							
							}
			
			.floatbox { font-size:12px;
						float:left;
						margin-right:5px;
						}
						
			.floatbox a { text-decoration:none;
							color:#000000;
							font-weight:bold;
						}			
						
			.right { 	float:right;
						margin-left:5px;
						font-size:12px;
						}			
			.left { 	width:150px;
						float:left;
						margin-right:5px;
						}			

			.small	{ font-size:10px;}



#viewport {
	width: 100%;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	background-color: transparent;
	display: block;
	border: 0px solid #00ffff;
}

#contentholder {
	width: 980px;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	background-color: transparent;
	display: block;
	border: 0px solid #0000ff;
}

/* BANNER AREA */

#rule_upper {
	text-align: left;
	width: 980px;
	height: 1px;
	background-image: url(../images/rule_upper.png);
}

#header {
	text-align: left;
	font-size: 1.2em;
	font-weight: bold;
	font-family: Verdana;
	height: 128px;
	width: 980px;
	background-color: #ffffff;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	display: block;
	repeat: both;
	background-image: transparent;
	border: 0px solid #ff0000;
}

/* NAVIGATION/MENUBAR AREA */



#rule_lower {
	text-align: left;
	width: 980px;
	height: 1px;
	background-image: url(../images/rule_lower.png);
}

/* END NAVIGATION AREA */

/* GENERAL */

#contentarea { 
	width: 980px;
	padding-top: 20px; /* controls height above banner */
	margin-top: 0px;
	background-color: #ffffff;
	background-repeat: repeat-x;
	display: block;
}

#contentarea .panel { 		width:354px;
							font-size:11px;
							color:#000000;
							float:left;
							padding:0 10px 10px 10px;
								}
								
#contentarea .panel p { 
							font-size:12px;
							color:#000000;
						
								}
								
							
							#contentarea .panel556 { 		
														width:556px;
														font-size:11px;
														color:#000000;
														float:left;
														padding:0 10px 10px 10px;
															}
								
							#contentarea .panel556 p { 
														font-size:11px;
														color:#000000;
													
															}

#contentarea h1 { 
	font-size:19px;
	margin-bottom:10px;
	margin-top:0;
	padding-top:0;
}

#contentarea h2 { 
	font-size:16px;
	margin-bottom:10px;
}

#contentarea h3 { 
	font-size:14px;
	margin-bottom:5px;
	margin-top:0;
	padding-top:0;
}

#contentarea ul { 
	list-style:outside;
	line-height:16px;
	margin-left:14px;
}


#leftcol { 
	width: 576px; 
	height: auto;
	float: left;
	display: block;
	font-family: Verdana, Arial; 
	font-weight: normal;
	color: #000000;
	background-color: #ffffff; 
	line-height: 1.6em; 
	padding-left: 0px; 
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 0px;
	border-right: 0px solid #999999; 
	text-indent: 0px;
	text-decoration: none;
	text-align:justify;
	margin-top: 0px;
}

#rightcol {
	clear:both;
	width: 980px;
	height: auto;
	float: left;
	font-family: Verdana, Arial;
	font-weight: normal;
	font-size: 0.7em;
	color: #000000;
	background-color: #ffffff;
	line-height: 1.6em;
	padding: 0 0 0 0px;
	margin: 30px 0 0 0px;
	border: 0 0 0 0px;
	text-indent: 0px;
	text-decoration: none;
	
}

#rightcol img {padding:5px;}

/* HOMEPAGE */

#imgbanner { 
	width: 576px; 
	height: 260px;
	float: left;
	display: block;
	font-family: Verdana, Arial; 
	font-weight: normal;
	color: #000000;
	font-size: 0.8em;
	background-color: transparent; 
	line-height: 1.6em; 
	padding-right: 25px; 
	margin-left: 0px; 
	margin-bottom: 20px;
	padding-bottom: 0px;
	text-indent: 0px;
	text-decoration: none;
	}

.leftbox { 
	width:980px;
	display: block;
	margin-top: 0px;
	padding-top: 0px;
	margin-left: 0px;
	background-color: transparent; 
	float:right;
	text-align:justify;
	}

/* Controls the main site text size */
#contentarea p {
	display: block;
	font-family: Verdana, Arial; 
	font-weight: normal; 
	font-size: 0.8em; 
	line-height: 1.4em;
	color: #333333; 
	background-color: transparent; 
	text-indent: 0px;
	border: 0px solid #ffffff;
	margin-bottom:9px;
	text-align:justify;
}

/* MANUFACTURING PAGE */

#mcolumn1 {
	width: 243px;
	float: left;
	display: block;
	margin-right: 10px;
	background-color: #ffffff;
	font-size: 0.7em;
}

#mcolumn1 ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

#mcolumn2 {
	width: 282px;
	float: left;
	display: block;
	background-color: #ffffff;
	font-size: 0.7em;
}

#mcolumn2 ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

.sectionhead {
	display: block;
	width: 100%;
	background-color: #ffffff; /* 96D5D5 */
	text-indent: 0px;
	font-weight: bold;
	font-size: 1.2em;
}

li.row1 {
	display: block;
	text-indent: 5px;
	width: 100%;
	background-color: #E3E3E3;
	text-decoration: none;
	list-style-type: none;
	line-height: 1.55em;
}

li.row2 {
	display: block;
	text-indent: 5px;
	width: 100%;
	background-color: #D2D2D2;
	text-decoration: none;
	list-style-type: none;
 	line-height: 1.55em;
}

li.row3 {
	display: block;
	text-indent: 5px;
	width: 100%;
	color: #ffffff;
	background-color: transparent;
	text-decoration: none;
	list-style-type: none;
 	line-height: 1.55em;
}

/* FOOD SERVICE PAGE */

#fcolumn1 ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

#fcolumn1 {
	width: 243px;
	float: left;
	display: block;
	margin-right: 10px;
	font-size: 0.7em;
}

#fcolumn2 ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

#fcolumn2 {
	width: 282px;
	float: left;
	display: block;
	font-size: 0.7em;
}

/* HALAL PAGE */

#hcolumn ul {
	margin-left: 10px;
	padding-left: 0px;
	list-style-type: none;
}

#hcolumn {
	width: 243px;
	display: block;
	margin-right: 10px;
	font-size: 0.7em;
}


/* ABOUT US PAGE */

#team ul {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}

#team ul li {
	font-size: 0.8em;
}


/* CONTACT US PAGE */


#ccolumn1 {
	width: 243px;
	display: block;
	margin-right: 10px;
	font-size: 0.8em;
	float: left;
}

#ccolumn2 {
	width: 243px;
	display: block;
	margin-right: 10px;
	font-size: 0.8em;
	float: left;
}

#ccolumn2 a:link, #ccolumn2 a:visited {
	color: #666666;
	text-decoration: none;
}

#ccolumn2 a:hover {
	color: #336699;
	text-decoration: underline;
}

#clear {
	clear: both; 
	width: 720px;
	height: 1px;
	display: block;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;		
}

/* FOOTER AREA */


#footcontainer {	width:100%;

					
		}
		
		#footholder a { color:#FFFFFF; 
						text-decoration:none;
						}
		
		
		#footholder { 		width:980px;
							margin:0px auto;
					
		}
			
			
			#footholder .panel { 		width:302px;
										font-size:11px;
										color:#FFFFFF;
										float:left;
										padding:10px;
								}
								
								


#footermotif {
	width: 980px;
	height: 83px;
	display: block;
	background-image: url('../images/footer_wave.png');
	background-repeat: no-repeat;
	background-color: transparent;
	text-align: center;
	font-size: 0.65em;
	font-family: Verdana, Arial, Sans-Serif;
	color: #999999;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	display: none;
}

#footerline {
	width: 980px;
	height: 35px;
	display: block;
	background-repeat: repeat-x;
	background-color: #ffffff;
	text-align: center;
	font-size: 0.75em;
	font-family: Verdana, Arial, Sans-Serif;
	color: #999999;
	margin-top: 0px;
	padding-top: 10px;
	display: block;
	border: 0px solid #ff0000;
}

#footerline em {
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	color: #0066FF;
}

#footerline a:link, #footerline a:visited {
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	text-decoration: none;
	color: #666666;
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
}

#footerline a:hover {
	text-align: center;
	font-family: Verdana, Arial, Sans-Serif;
	font-weight: bold;
	text-decoration: underline;
	color: #336699;
}

/* GENERAL TEXT FORMATTING */

#rule {
	background-color: #999999; 
	text-align: left; 
	float: left; 
	width: 480px; 
	height: 1px; 
	display: block;
}

.title { 
	font-family: Georgia, serif; 
	font-size: 1.2em; 
	color: #333333; 
	background-color: transparent;
}


H1 { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 2.0em; 
	color: #666666; 
	background-color: transparent; 
	text-indent: 0px;
	vertical-align: top;
	margin: 0 0 10 0px;
	padding: 0 0 0 0px;}


H2 { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 1.6em; 
	color: #666666; 
	background-color: transparent;
	margin: 0 0 10 0px;
	padding: 0 0 0 0px;
	text-indent: 0px;}

H3 { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 1.4em; 
	color: #666666; 
	background-color: transparent;
	margin: 0 0 10 0px;
	padding: 0 0 0 0px;
	text-indent: 0px;}

H4 { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 1.20em; 
	color: #666666; 
	background-color: transparent;
	margin: 0 0 10 0px;
	padding: 0 0 0 0px;
	line-height: 1.20em; 
	text-indent: 0px;}

H5 { 
	font-family: Arial; 
	font-weight: bold; 
	font-size: 1.0em; 
	color: #666666; 
	background-color: transparent; 
	padding: 0 0 0 0px;
	margin: 0 0 0 0px;
	text-indent: 0px;
	}
	
	
	
		#home .home, #history .history, #products .products, #quality .quality, #customers .customers, #contact .contact
{
text-decoration:none; color:#2e256b; font-weight:bold; outline: none;
}
	
	
	
	

.text { font-family: Verdana, Arial; font-size: 0.7em; color: #000000; line-height: 1.3em; } 

.caption { font-family: Verdana, Arial; font-size: 0.65em; color: #000000; line-height: 1.3em; } 

#navigation {width:980px; height:34px; background-color:#2fa1db; }


/* ================================================================
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any
way to fit your requirements.
=================================================================== */
#menu1 {font-size:13px; padding:0; margin:0px 0px 0px 6px; list-style:none; height:28px; position:relative; z-index:500; font-family:arial, verdana, sans-serif; background-color:none }
#menu1 li {float:left; margin-right:0px;}
#menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#fff; text-decoration:none; font-weight:bold; padding:0 22px 0 22px; opacity:1; filter: alpha(opacity:100); }

#menu1 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu1 li a:hover {z-index:200; position:relative; color:#ff9300; }
#menu1 li:hover {position:relative; z-index:200; }

#menu1 li:hover > a {color:#202161; background:none;}
#menu1 li:hover > a.sub {color:#202161; background-color:none;}

#menu1 li.current a {color:#202161 ; background:#335b90;}  

#menu1 li a.sub {}
#menu1 li.current a.sub {color:#fff; background:#335b90 /* url(../images/down-arrow.gif) no-repeat right center */ ;}

#menu1 :hover ul {left:7px; top:28px; width:150px; background:#444;}

/* keep the 'next' level invisible by placing it off screen. */
#menu1 ul,
#menu1 :hover ul ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

#menu1 li:hover ul ul, #menu1 li:hover ul ul ul, #menu1 li:hover ul ul ul ul{
display:none;
}
#menu1 li:hover ul, #menu1 li li:hover ul, #menu1 li li li:hover ul, #menu1 li li li li:hover ul{
display:block;
}

#menu1 :hover ul :hover ul
{left:160px; top:-1px; background:#000; white-space:nowrap; width:60px; z-index:200; height:auto;}

#menu1 :hover ul li {margin:0; border-top:1px solid #666;}
#menu1 :hover ul li a {width:240px; padding:0; text-indent:10px; background:#333; color:#ccc; height:28px; line-height:28px;}
#menu1 :hover ul li a.fly {background:#333 /* url(../images/right-arrow.gif) no-repeat right center */ ;}

#menu1 :hover ul :hover {background-color:#333; color:#cbdb2a;}
#menu1 :hover ul :hover a.fly {background-color:#335b90; color:#fff;}

#menu1 :hover ul li.currentsub a {background:#335b90; color:#fff;}
#menu1 :hover ul li.currentsub a.fly {background:#335b90 /* url(../images/right-arrow.gif) no-repeat right center */ ; color:#335b90;}

#menu1 :hover ul :hover ul li a {padding:0; text-indent:10px; background:#335b90; color:#FFF;}
#menu1 :hover ul :hover ul :hover {background-color:#335b90; color:#fff;}

#menu1 :hover ul :hover ul li.currentfly a, 
#menu1 :hover ul :hover ul li.currentfly a:hover {background:#335b90; color:#fff;}