html, body { 
	height: 100%;
	}
			
body { 
	margin: 0;
	padding: 0;
	font: 12px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #555;
	background: #e0dad0 url(../images/common/bg-body.gif);
	}
	
#wrapper { 
    position: relative;
    min-height: 100%;
    padding: 0;
    margin: 0;
	background: transparent url(../images/common/bg-wrapper.gif) no-repeat 0 bottom;
    }		

	*html #wrapper { height: 100%; }	

.container { 
	width: 1012px;
	margin: 0;
	text-align: left;
	padding: 0;
	}
	
.clear { 
	clear: both; 
	height: 1px; 
	}
	
	
/*  TOP-SECTION STYLES 
---------------------------------------------------------------------*/
	
#topSection { 
	width: 100%;
	height: 180px;
	margin: 0; 
	padding: 0;
	background: #2a5b55 url(../images/common/bg-topSection.gif) no-repeat 1012px 0;
	border-top: 15px solid #FFF;
	border-bottom: 1px solid #FFF;
	}
	
#logo {
	height: 180px; 
	width: 220px;
	float: left; 
	display: block; 
	background: url(../images/common/logo.gif) no-repeat 0 0;
	border:none;
	text-indent: -5000px;
	}
	
#banner { 
	height: 180px;
	width: 792px;
	float: left;
	background: #FFF; 
	}
	
	#bannerImage { 
		height: 180px;
		width: 790px;
		margin: 0 1px;
		padding: 0;
		background-repeat: no-repeat;
		background-position: 0 0;
		}

		
/*  MENU STYLES 
---------------------------------------------------------------------*/

#mainNav { 
	background: url(../images/common/bg-mainNav.gif) repeat-y;
	float: left;
	width: 220px;
	padding-bottom: 19px;
	border-bottom: 1px solid #FFF;
	}	
	
	#mainNav ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		}
		
	#mainNav ul li { 
		margin: 0;
		padding: 0;
		border-bottom: 1px solid #FFF;
		}
	
	#mainNav ul li a {
		height: 19px;
		width: 220px;
		display: block;
		line-height: 19px;
		text-indent: -5000px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		outline: none;
		}
		
	#mainNav ul li a:hover { 
		background-position: 0 -19px;
		}
	
	#mainNav ul li.home a { background-image: url(../images/mainNav/mainNav-home.gif); }
	#mainNav ul li.about a { background-image: url(../images/mainNav/mainNav-about.gif); }
	#mainNav ul li.corrugated a { background-image: url(../images/mainNav/mainNav-corrugated.gif); }
	#mainNav ul li.foam a { background-image: url(../images/mainNav/mainNav-foam.gif); }
	#mainNav ul li.supplies a { background-image: url(../images/mainNav/mainNav-supplies.gif); }
	#mainNav ul li.warehousing a { background-image: url(../images/mainNav/mainNav-warehousing.gif); }
	#mainNav ul li.equipment a { background-image: url(../images/mainNav/mainNav-equipment.gif); }
	#mainNav ul li.contract a { background-image: url(../images/mainNav/mainNav-contract.gif); }
	#mainNav ul li.pallets a { background-image: url(../images/mainNav/mainNav-pallets.gif); }
	#mainNav ul li.threeM a { background-image: url(../images/mainNav/mainNav-3M.gif); }
	#mainNav ul li.news a { background-image: url(../images/mainNav/mainNav-news.gif); }
	#mainNav ul li.employment a { background-image: url(../images/mainNav/mainNav-employment.gif); }
	#mainNav ul li.contact a { background-image: url(../images/mainNav/mainNav-contact.gif); }
	

/*  MID-SECTION STYLES 
---------------------------------------------------------------------*/

#midSection { 
	width: 100%;
	margin: 0; 
	padding: 0;
	background: url(../images/common/bg-midSection.gif) no-repeat 1012px 0;
	}
		
#leftColumn { 
	width: 220px;
	float: left;
	}
	
#rightColumn { 
	width: 225px;
	float: right;
	margin-right: 1px;
	border-left: 1px solid #FFF; 
	border-bottom: 1px solid #FFF; 
	background: #eeebe5;
	}
	
#middleColumn { 
	width: 537px;
	width: expression('565px');
	padding: 0 0 0 28px;
	float: left;
	background: transparent url(../images/common/bg-midSectionMiddleColumn.gif) no-repeat 0 0;
	}

#title { 
	width: 537px;
	height: 59px;
	display: block;
	border-bottom: 1px solid #FFF;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	text-indent: -5000px;
	margin: 0;
	}
	
#mainContent { 
	padding: 0 35px 15px 0;
	}
	
#subhead { 
	width: 500px;
	height: 30px;
	display: block;
	margin: 0 0 5px 0;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-color: transparent;
	}
	

/*  CONTACT STYLES 
---------------------------------------------------------------------*/	
	
#contactInfo { 
	color: #989898;
	font-size: 11px;
	line-height: 15px;
	clear: both;
	}
	
#contactInfo p { 
	margin: 0 0 15px 0;
	padding: 0 0 0 45px;
	background-repeat: no-repeat;
	background-position: 13px 3px;
	}
	
	#contactInfo p.info1 { background-image: url(../images/common/bg-info1.gif); }
	#contactInfo p.info2 { background-image: url(../images/common/bg-info2.gif); }

#contactInfo a { 
	color: #26A; 
	text-decoration: underline;
	}
	
#contactInfo a:hover { 
	color: #222;
	}
	
h3.contactPSI { 
	height: 40px;
	width: 190px;
	display: block;
	margin: 0 0 10px 0;
	text-indent: -5000px;
	background: transparent url(../images/common/contactPSI.gif) no-repeat 0 0; 
	}
	

/*  NEWS STYLES 
---------------------------------------------------------------------*/	
	
#newsTitle { 
	width: 225px;
	height: 59px;
	border-bottom: 1px solid #FFF;
	background-image: url(../images/common/newsTitle.png);
	background-repeat: no-repeat;
	text-indent: -5000px;
	}
	
#newsList ul {
	width: 170px;
	margin: 18px 0 15px 15px;
	padding: 0;
	list-style-type: none;
	color: #5D5D5D;
	font-size: 11px;
	line-height: 16px;
	}

#newsListMain ul {
	width: 170px;
	margin: 18px 0 15px 0px;
	padding: 0;
	list-style-type: none;
	color: #5D5D5D;
	font-size: 11px;
	line-height: 16px;
	}

#newsListMain p {
	margin: 0;
	}

#newsList ul li { 
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	border-bottom: 1px solid #bec8c2;
	}
	
#newsListMain ul li { 
	padding: 0 0 6px 0;
	margin: 0 0 0px 0;
	border-bottom: 1px solid #bec8c2;
	}		
	
#newsList ul li a, #newsListMain ul li a { 
	color: #26A; 
	text-decoration: none;
	}
	
#newsList ul li a:hover, #newsListMain ul li a:hover { 
	color: #222;
	}
	
#newsList ul li.last, #newsListMain ul li.last { 
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
	}	
	
a.more { 
	padding: 0 15px 0 0; 
	background: transparent url(../images/common/arrowEM.gif) no-repeat right 4px; }
	
				
/*  BOTTOM-SECTION STYLES 
---------------------------------------------------------------------*/	

#botSectionWrapper {
	width: 100%;
	display: block;
	clear: both;
	background: transparent url(../images/common/bg-wrapper.gif) no-repeat 0 bottom;
	}
	
#botSection {
	width: 100%;
	height: 78px;
	margin: -88px 0 0 0; 
	padding: 0;
	position: relative;
	clear: both;
	display: block;
	border-bottom: 10px solid #FFF;	
	background: transparent url(../images/common/bg-botSection.gif) no-repeat 1012px bottom;
	}
	
	*html #botSection { margin-top: -78px; }
	
	#botSection .container { 
		width: 745px;
		width: expression('820px');
		height: 78px;
		padding: 0 20px 0 55px;
		margin-left: 191px;
		background: transparent url(../images/common/bg-botSectionContainer.gif) repeat-x;
		display: block;
		position: relative;
		clear: both;
		}
		
#botNav ul { 
	list-style-type: none;
	padding: 0;
	margin: 0;
	clear: both;
	}
		
	#botNav ul li { 
		margin: 0 10px 0 0;
		padding: 0 10px 0 0;
		float: left;
		border-right: 1px solid #FFF;
		}
		
	#botNav ul li.last { 
		border-right: 0;
		margin: 0;
		padding: 0;
		 }
	
	#botNav ul li a {
		height: 19px;
		display: block;
		line-height: 19px;
		text-indent: -5000px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		outline: none;
		}
		
	#botNav ul li a:hover { 
		background-position: 0 -19px; }
		
	#botNav ul li.home a { background-image: url(../images/botNav/botNav-home.gif); width: 26px; }
	#botNav ul li.about a { background-image: url(../images/botNav/botNav-about.gif); width: 30px; }
	#botNav ul li.corrugated a { background-image: url(../images/botNav/botNav-corrugated.gif); width: 146px;  }
	#botNav ul li.foam a { background-image: url(../images/botNav/botNav-foam.gif); width: 133px; }
	#botNav ul li.supplies a { background-image: url(../images/botNav/botNav-supplies.gif); width: 96px; }
	#botNav ul li.warehousing a { background-image: url(../images/botNav/botNav-warehousing.gif); width: 138px; }
	#botNav ul li.equipment a { background-image: url(../images/botNav/botNav-equipment.gif); width: 106px; }
	#botNav ul li.contract a { background-image: url(../images/botNav/botNav-contract.gif); width: 177px; }
	#botNav ul li.pallets a { background-image: url(../images/botNav/botNav-pallets.gif); width: 78px; }
	#botNav ul li.news a { background-image: url(../images/botNav/botNav-news.gif); width: 80px; }
	#botNav ul li.employment a { background-image: url(../images/botNav/botNav-employment.gif); width: 61px; }
	#botNav ul li.contact a { background-image: url(../images/botNav/botNav-contact.gif); width: 55px; }

	
#copyright {
	font-size: 10px;
	color: #FFF;
	text-transform: uppercase;
	clear: both;
	margin: 10px 0 0 0;
	position: absolute;
	bottom: 3px;
	bottom: expression('8px');
	left: 55px;
	}
	
#botSection a { 
	color: #FFF;
	text-decoration: none; 
	}
	
#botSection a:hover { 
	color: #444;
	}
	

/*  PAGE-SPECIFIC STYLES 
---------------------------------------------------------------------*/	


.page-home #title { background-image: url(../images/titles/home.gif); }
.page-home #newsTitle { background-color: #2a5b55; }
.page-home #subhead { background-image: url(../images/titles/sub-home.gif); }

.page-about #bannerImage { background-image: url(../images/banner/about.jpg); }
.page-about #title { background-image: url(../images/titles/about.gif); }
.page-about #newsTitle { background-color: #786546; }
.page-about #subhead { background-image: url(../images/titles/sub-about.gif); }

.page-corrugated #bannerImage { background-image: url(../images/banner/corrugated.jpg); }
.page-corrugated #title { background-image: url(../images/titles/corrugated.gif); }
.page-corrugated #newsTitle { background-color: #c79c48; }
.page-corrugated #subhead { background-image: url(../images/titles/sub-corrugated.gif); }

.page-foam #bannerImage { background-image: url(../images/banner/foam.jpg); }
.page-foam #title { background-image: url(../images/titles/foam.gif); }
.page-foam #newsTitle { background-color: #5f95a4; }
.page-foam #subhead { background-image: url(../images/titles/sub-foam.gif); }

.page-supplies #bannerImage { background-image: url(../images/banner/supplies.jpg); }
.page-supplies #title { background-image: url(../images/titles/supplies.gif); }
.page-supplies #newsTitle { background-color: #2a5b55; }
.page-supplies #subhead { background-image: url(../images/titles/sub-supplies.gif); }

.page-warehousing #bannerImage { background-image: url(../images/banner/warehousing.jpg); }
.page-warehousing #title { background-image: url(../images/titles/warehousing.gif); }
.page-warehousing #newsTitle { background-color: #6d8e8a; }
.page-warehousing #subhead { background-image: url(../images/titles/sub-warehousing.gif); }

.page-equipment #bannerImage { background-image: url(../images/banner/equipment.jpg); }
.page-equipment #title { background-image: url(../images/titles/equipment.gif); }
.page-equipment #newsTitle { background-color: #6b6767; }
.page-equipment #subhead { background-image: url(../images/titles/sub-equipment.gif); }

.page-contract #bannerImage { background-image: url(../images/banner/contract.jpg); }
.page-contract #title { background-image: url(../images/titles/contract.gif); }
.page-contract #newsTitle { background-color: #5f6d90; }
.page-contract #subhead { background-image: url(../images/titles/sub-contract.gif); }

.page-pallets #bannerImage { background-image: url(../images/banner/pallets.jpg); }
.page-pallets #title { background-image: url(../images/titles/pallets.gif); }
.page-pallets #newsTitle { background-color: #6890c2; }
.page-pallets #subhead { background-image: url(../images/titles/sub-pallets.gif); }

.page-3m #bannerImage { background-image: url(../images/banner/3M.jpg); }
.page-3m #title { background-image: url(../images/titles/3M.gif); }
.page-3m #newsTitle { background-color: #d41d0a; }
.page-3m #subhead { background-image: url(../images/titles/sub-3M.gif); }

.page-news #bannerImage { background-image: url(../images/banner/news.jpg); }
.page-news #title { background-image: url(../images/titles/news.gif); }
.page-news #newsTitle { background-color: #6f5e41; }
.page-news #subhead { background-image: url(../images/titles/sub-news.gif); }

.page-employment #bannerImage { background-image: url(../images/banner/employment.jpg); }
.page-employment #title { background-image: url(../images/titles/employment.gif); }
.page-employment #newsTitle { background-color: #bc871e; }
.page-employment #subhead { background-image: url(../images/titles/sub-employment.gif); }

.page-contact #bannerImage { background-image: url(../images/banner/contact.jpg); }
.page-contact #title { background-image: url(../images/titles/contact.gif); }
.page-contact #newsTitle { background-color: #3d7281; }
.page-contact #subhead { background-image: url(../images/titles/sub-contact.gif); }

.page-error #bannerImage { background-image: url(../images/banner/contact.jpg); }
.page-error #title { background-image: url(../images/titles/error.gif); }
.page-error #newsTitle { background-color: #3d7281; }
.page-contact #subhead { background-image: url(../images/titles/sub-error.gif); }

	/* 	On States for primary navigaton
		Take this next style out if you don't want the menu highlighted */

		.page-about #mainNav ul li.about a,
		.page-corrugated #mainNav ul li.corrugated a,
		.page-foam #mainNav ul li.foam a,
		.page-supplies #mainNav ul li.supplies a,
		.page-warehousing #mainNav ul li.warehousing a,
		.page-equipment #mainNav ul li.equipment a,
		.page-contract #mainNav ul li.contract a,
		.page-pallets #mainNav ul li.pallets a,
		.page-3m #mainNav ul li.3m a,
		.page-news #mainNav ul li.news a,
		.page-employment #mainNav ul li.employment a,
		.page-contact #mainNav ul li.contact a {
			background-position: 0 -19px; 
			}
			
			

/*  HOMEPAGE STYLES 
---------------------------------------------------------------------*/	

		
.page-home #mainNav ul li a { 
	background-position: 0 -38px;
	}

.page-home #mainNav ul li a:hover { 
	background-position: 0 -19px;
	}

.page-home #topSection { 
	height: 284px;
	}
	
.page-home #logo {
	height: 284px; 
	background: url(../images/common/logoHome.gif) no-repeat 0 0;
	}
		
#homeNav { 
	height: 284px;
	width: 792px;
	float: left;
	background: #FFF; 
	margin: 0;
	padding: 0;
	}
		
#homeNav ul { 
	list-style-type: none;
	padding: 0;
	margin: 0;
	}
		
	#homeNav ul li { 
		margin: 0;
		padding: 0;
		float: left;
		border-right: 1px solid #FFF;
		}
		
	#homeNav ul li.first { 
		border-left: 1px solid #FFF;
		}
	
	#homeNav ul li a {
		height: 284px;
		width: 112px;
		display: block;
		line-height: 19px;
		text-indent: -5000px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-color: #DDD;
		outline: none;
		}
		
	/* Without Hover State
	#homeNav ul li a:hover { 
		background-position: 0 -19px; }
	*/
		
	#homeNav ul li.corrugated a { background-image: url(../images/homeNav/homeNav-corrugated.gif);  }
	#homeNav ul li.foam a { background-image: url(../images/homeNav/homeNav-foam.gif); }
	#homeNav ul li.supplies a { background-image: url(../images/homeNav/homeNav-supplies.gif); }
	#homeNav ul li.warehousing a { background-image: url(../images/homeNav/homeNav-warehousing.gif); }
	#homeNav ul li.equipment a { background-image: url(../images/homeNav/homeNav-equipment.gif); }
	#homeNav ul li.contract a { background-image: url(../images/homeNav/homeNav-contract.gif); }
	#homeNav ul li.pallets a { background-image: url(../images/homeNav/homeNav-pallets.gif); }
	#homeNav ul li.3m a { background-image: url(../images/homeNav/homeNav-3M.gif); }
	
.page-home #mainNav { 
	padding-top: 0px;
	}
	
.homeMap { 
	padding: 25px 0 0 0; 
	margin: -25px -30px 0 0;
	min-height: 380px;
	height: expression('380px');
	background: url(../images/common/mapHome.gif) no-repeat right 0; 
	}

	
/*  PNG FIX STYLES 
---------------------------------------------------------------------*/	

#newsTitle { 
	behavior: url(/scripts/iepngfix.htc); 
	}
	
	
/*  COMMON/GENERAL STYLES 
---------------------------------------------------------------------*/	
	
a { 
	color: #26A;
	text-decoration: underline;
	}
	
a:hover { 
	color: #222; 
	text-decoration: none;
	}
	
ul { 
	list-style-type: none;
	margin: 0 5px;
	padding: 0;
	}
	
ul li { 
	background: url(../images/common/arrow.gif) no-repeat 0 4px;
	padding: 0 0 0 14px;
	}
	
p { 
	margin: 6px 0 12px 0; 
	}
	
h1 { 
	font-weight: normal; 
	font-size: 20px;
	margin: 15px 0 8px 0;
	color: #745f3b;
	}
					
	
h2 { 
	font-weight: normal; 
	color:#2a5b55;
	font-size: 16px;
	margin: 15px 0 0px 0;
	}
	
h3 { 
	color: #555;
	font-size: 12px; 
	font-weight: bold;
	margin: 15px 0 8px 0;	
	}
	
table { 
	margin: 10px 0;
	padding: 0;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #555;
	}
	
	th { 
		background: #898989; 
		color: #FFF;
		font-weight: normal;
		padding: 3px 10px;
		}
			
	td { 
		padding: 3px 10px;
		border-bottom: 1px solid #CCC;
		}

.select {
	border: 1px solid #fff;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #555;
		}


.button {
		font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		background-color: #989898;
		border: 1px solid #fff;
		vertical-align: text-bottom;
		color: #fff;
		font-weight: normal;
		}
		