/* //////////////////////////////////////////
			----- All Pages -----
////////////////////////////////////////// */

body {
	margin: 0;
	padding: 0;
	background: #e9e7d4 url(../img/bg.jpg) repeat-x 0 0;
}

#border {
	position: relative;
	width: 798px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #eeecdd url(../img/containerBorder.jpg) repeat-x 0 0;
	overflow: hidden;
}

#container {
	position: relative;
	width: 778px;
	margin: 0 auto 0 auto;
	padding: 0;
	background: #ffffff;

}

#headerContainer {
	position: relative;
	width: 778px;
	height: 80px;
	margin: 0;
	padding: 0;
	background: #000000 url(../img/bgHeader.jpg) no-repeat 0 0;
	overflow: hidden;
}
		
		#logo {width: 321px; margin: 19px 0 0 0; padding: 0 0 0 32px; float: left;}
		
				#logoBall {position: relative; width: 71px; margin: 0; padding: 0; float: left;}
				#logoMHF {position: relative; width: 222px; height: 40px; margin: 15px 0 0 0; padding: 0; background: url(../img/logoMHFv2.png) no-repeat 0 0; overflow: hidden; float: left;}
				#logoMHF_Packaging {position: relative; width: 250px; height: 15px; margin: 21px 0 0 0; padding: 0; background: url(../img/logoMHF_Packaging.jpg) no-repeat 0 0; overflow: hidden; float: right;}
				#logoMHF a {position: relative; width: 250px; height: 0; margin: 0; padding: 15px 0 0 0; display: block; overflow: hidden;}
		
		#search {width: 195px; margin: 38px 0 0 0; padding: 0; float: right;}
		
				.searchInputBox {width: 113px; margin: 0; padding: 2px; background: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; border: #6b6b6b solid 1px;}

		/* //////////////////////////////////////////
					----- Navigation -----
		////////////////////////////////////////// */
		
		#navContainerHome {
			position: absolute;
			top: 146px;
			left: 0px;
			width: 711px;
			margin: 0 0 0 33px;
			padding: 0;
		}
		
		#navContainer {
			position: relative;
			width: 711px;
			margin: 0 0 0 33px;
			padding: 76px 0 0 0;
		}
		
				#navList {
					margin: 0;
					padding: 0;
					list-style: none;
					font-family: Arial, Helvetica, sans-serif;
					font-size: 10px;
					font-weight: bold;
					color: #ffffff;
					text-transform: uppercase;
				}
				
				#navList div {float: left; display: block;}
								
				#navList div#home a {width: 31px; margin: 0 35px 0 79px; padding: 0; display: block; overflow: hidden;}
				/*#navList div#home a:hover {background: url(../img/btnHome.jpg) 31px 0;}*/
				
				#navList div#about a.a {width: 61px; margin: 0 35px 0 0; padding: 0; display: block; overflow: hidden;}
				
				#navList div#markets a.m {width: 49px; margin: 0 34px 0 0; padding: 0; display: block; overflow: hidden;}
				/*#navList div#markets a.m:hover {
				width: 0; height: 25px; background: url(../img/btnMarkets.jpg) repeat-x 49px 0; padding: 0 0 0 49px; display: block; overflow: hidden;
				}*/
				
				#navList div#products a.p {width: 54px; margin: 0 33px 0 0; padding: 0; display: block; overflow: hidden;}
				/*#navList div#products a.p:hover {
				width: 0; height: 24px; background: url(../img/btnProducts.jpg) repeat-x 54px 0; padding: 0 0 0 54px; display: block; overflow: hidden;
				}*/
				
				#navList div#services a.s {
				width: 48px; margin: 0 34px 0 0; padding: 0; display: block; overflow: hidden;}
				/*#navList div#services a.s:hover {
				width: 0; height: 24px; background: url(../img/btnServices.jpg) repeat-x 48px 0; padding: 0 0 0 48px; display: block; overflow: hidden;
				}*/
				
				/*#navList li#news a.n {
				width: 81px; height: 0; margin: 0 34px 0 0; padding: 25px 0 0 0; background: url(../img/btnNews.jpg) no-repeat 0 0; display: block; overflow: hidden;
				}
				#navList li#news a.n:hover {
				width: 0; height: 25px; background: url(../img/btnNews.jpg) repeat-x 81px 0; padding: 0 0 0 81px; display: block; overflow: hidden;
				}*/
				
				#navList div#news a {width: 81px; margin: 0 34px 0 0; padding: 0; display: block; overflow: hidden;}
				/*#navList div#news a:hover {background: url(../img/btnNews.jpg) 81px 0;}*/
				
				#navList div#contact a {width: 63px; margin: 0; padding: 0; display: block; overflow: hidden;}
				/*#navList div#contact a:hover {background: url(../img/btnContact.jpg) 63px 0;}*/
		
#textBodyContainer {
	position: relative;
	width: 711px;
	margin: 0 0 0 33px;
	padding: 0;
	background: #ffffff url(../img/bgTextBody.jpg) no-repeat 0 0;
	overflow: hidden;
}

		/* //////////////////////////////////////////
					----- Home Page -----
		////////////////////////////////////////// */
		
		#flashContainer {
			position: relative;
			width: 778px;
			margin: 0;
			padding: 0;
			background: #ffffff;
		}
		
				#flashContent {
					width: 778px;
					margin: 0;
					padding: 0;
				}
		
		#textBodyLeftHome {
			position: relative;
			width: 267px;
			margin: 0 0 20px 0;
			padding: 0;
			float: left;
		}
		
				#textBodyLeftTextHome {
					position: relative;
					width: 200px;
					margin: 2px 0 0 32px;
					padding: 0;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 10px;
					line-height: 15px;
					color: #454545;
				}
						
						#textBodyLeftTextHome h4 {margin: 0; padding: 0; font-size: 10px;}
						
						#marketsList {
							width: 200px;
							margin: 6px 0 0 0;
							padding: 0;
							list-style: none;
							letter-spacing: -.5px;
							font-style: italic;
						}
						
						#marketsList li a {width: 137px; margin: 0 0 5px 0; display: block;}
						#marketsList li#marketChem a,
						#marketsList li#marketMining a,
						#marketsList li#marketMetal a,
						#marketsList li#marketIntl a,
						#marketsList li#marketPack a {height: 30px; padding: 18px 0 0 63px;}
						#marketsList li#marketHaz a,
						#marketsList li#marketRadio a {height: 39px; padding: 9px 0 0 63px;}
						#marketsList li#marketChem {background: url(../img/marketsIconByProd.jpg) no-repeat 0 0;}
						#marketsList li#marketMining {background: url(../img/marketsIconMining.jpg) no-repeat 0 0;}
						#marketsList li#marketMetal {background: url(../img/marketsIconMetal.jpg) no-repeat 0 0;}
						#marketsList li#marketHaz {background: url(../img/marketsIconHaz.jpg) no-repeat 0 0;}
						#marketsList li#marketRadio {background: url(../img/marketsIconRadio.jpg) no-repeat 0 0;}
						#marketsList li#marketIntl {background: url(../img/marketsIconIntl.jpg) no-repeat 0 0;}
						#marketsList li#marketPack {background: url(../img/marketsIconPackaging.jpg) no-repeat 0 0;}
		
		#textBodyRightHome {
			position: relative;
			width: 444px;
			margin: 0;
			padding: 0;
			float: right;
		}
		
				#textBodyRightTextHome {
					position: relative;
					width: 410px;
					margin: 13px 0 0 0;
					padding: 0;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 15px;
					color: #454545;
				}
				
						#textBodyRightTextHome h1 {margin: 0; padding: 0 0 18px 0; font-size: 18px; line-height: 24px; letter-spacing: -1px; color: #000000;}
						
						#recentNews {width: /*268px*/410px; margin: 0; padding: 0 12px 0 0; float: left;}
						
						#calloutVideo {width: 130px; margin: 0; padding: 0; float: right;}
				
		/* ////////////////////////////////////////////////
					----- Interior Pages -----
		//////////////////////////////////////////////// */

		#imageContainer-about, #imageContainer-markets, #imageContainer-products, #imageContainer-services, #imageContainer-news, #imageContainer-contact, #imageContainer-search, #imageContainer-sitemap {
			position: relative;
			width: 778px;
			height: 120px;
			margin: 0;
			padding: 0;
		}
		
		#imageContainer-about {background: #ffffff url(../img/navAbout.jpg) no-repeat 0 0;}
		#imageContainer-markets {background: #ffffff url(../img/navMarkets.jpg) no-repeat 0 0;}
		#imageContainer-products {background: #ffffff url(../img/navProducts.jpg) no-repeat 0 0;}
		#imageContainer-services {background: #ffffff url(../img/navServices.jpg) no-repeat 0 0;}
		#imageContainer-news {background: #ffffff url(../img/navNews.jpg) no-repeat 0 0;}
		#imageContainer-contact {background: #ffffff url(../img/navContact.jpg) no-repeat 0 0;}
		#imageContainer-search {background: #ffffff url(../img/navSearch.jpg) no-repeat 0 0;}
		#imageContainer-sitemap {background: #ffffff url(../img/navSiteMap.jpg) no-repeat 0 0;}
		
		#textBodyLeft, #textBodyRight {min-height: 400px; height: auto !important; height: 400px;}
		
		#textBodyLeft {
			position: relative;
			width: 197px;
			margin: 0 0 20px 0;
			padding: 0;
			float: left;
		}
		
				#textBodyLeftText {
					position: relative;
					width: 150px;
					margin: 29px 0 0 23px;
					padding: 0;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 15px;
					letter-spacing: -1px;
					color: #8c7f5b;
				}
										
						#subMenuList {
							width: 150px;
							margin: 0 0 20px 0;
							padding: 0;
							list-style: none;
							font-weight: bold;
							border-top: #c3c3c3 solid 1px;
						}
						
						#subMenuList li {margin: 0; padding: 8px 0 8px 0; border-bottom: #cecece solid 1px;}
						
						.callout {margin: 0 0 20px 0; padding: 0;}
						
						#contactInfoBox, #transloadLocationsBox {width: 134px; margin: 0 0 20px 0; padding: 12px 8px 12px 8px; background: #d0c8b2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 13px; color: #34332d;}
						
						#contactInfoBox h4, #transloadLocationsBox h4 {margin: 0; padding: 0 0 6px 0; font-size: 11px; line-height: 16px; letter-spacing: -.5px;}
		
		#textBodyRight {
			position: relative;
			width: 514px;
			margin: 0;
			padding: 0;
			float: right;
		}
		
				#textBodyRightText {
					position: relative;
					width: 488px;
					margin: 6px 0 0 0;
					padding: 0;
					font-family: Verdana, Arial, Helvetica, sans-serif;
					font-size: 11px;
					line-height: 15px;
					color: #454545;
				}
						
						#textBodyRightText h1 {width: 488px; margin: 0 0 8px 0; padding: 0 0 8px 0; font-size: 18px; letter-spacing: -1px; color: #000000; border-bottom: #d0c8b2 solid 1px;}
						
						#textBodyRightText h2 {font-size: 13px; margin: 0; padding: 0;}
						
						#breadCrumbs {width: 488px; margin: 0 0 8px 0; padding: 0; font-size: 9px; color: #cecece; letter-spacing: -.5px; text-align: right;}
								.currentCrumb {color: #454545;}
						
						#overviewImage {width: 487px; margin: 0; padding: 0; border-top: #d0c8b2 solid 7px; clear: both;}
						#overviewImageCaption {width: 441px; margin: 0 0 27px 0; padding: 10px 23px 10px 23px; background: #d0c8b2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; line-height: 12px; color: #8c7f5b;}
						
						#textBodyRightText td {padding: 0 0 16px 0;}
						
						#flagsList {width: 488px; margin: 0 0 40px 0; padding: 0; list-style: none; overflow: hidden;}
						
						#flagsList li {float: left; padding: 0 24px 0 0;}
						
						#getAdobeTable {font-size: 9px;}
						#getAdobeTable td {padding: 0 8px 0 0;}
						
						#prTable td {padding: 0 12px 12px 0;}
						
						.pdfList {list-style-image: url(../img/pdfIcon.jpg);}
						
						.overviewPageContainer {width: 488px; margin: 0 0 20px 0; padding: 0; border-bottom: #d0c8b2 solid 1px; overflow: hidden;}
							.overviewPageLeft {width: 173px; margin: 0; padding: 0 18px 20px 0; float: left;}
							.overviewPageRight {width: 297px; margin: 0; padding: 8px 0 20px 0; float: right;}
						
						.awardLogo {display: block; padding:0 8px 0 0;}
						.pgh100Logo {display: block; padding:0 10px 0 0; position: relative; top: -5px;}
						
						.mhfLogo-UK {display: inline; padding: 0 0 0 110px;}
						.mhfLogo-Pkg {display: inline; padding: 0 0 0 185px;}
						
						.transloadFacBorder {border-bottom: #e1e1e1 solid 1px;}
								
#footerContainer {
	position: relative;
	width: 778px;
	margin: 0;
	padding: 80px 0 0 0;
	background: #000000 url(../img/bgfooter.jpg) no-repeat 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #ffffff;
}
		
				#footerList1 {
					width: 710px;
					margin: 0 auto 0 auto;
					padding: 0 0 8px 60px;
					list-style: none;
					overflow: hidden;
				}
				
				#footerList2 {
					width: 325px;
					margin: 0 auto 0 auto;
					padding: 0 0 12px 0;
					list-style: none;
					overflow: hidden;
				}
				#footerList3 {
					width: 180px;
					margin: 0 auto 0 auto;
					padding: 0 0 12px 0;
					list-style: none;
					overflow: hidden;
				}
				
				#footerList1 li, #footerList2 li {float: left; padding: 0 8px 0 8px;}
				#footerList1 li.border, #footerList2 li.border {border-right: #2c2c2c solid 1px;}
				
/* ////////////////////////////////////////
			----- Links -----
//////////////////////////////////////// */

a {outline: none;}
a.aname:hover {color: #454545; text-decoration: none;}

a:link {color: #a81422; text-decoration: underline;}
a:visited {color: #a81422; text-decoration: underline;}
a:hover {color: #ea423b; text-decoration: underline;}
a:active {color: #ea423b; text-decoration: underline;}

a.navLink:link {color: #ffffff; text-decoration: none; font-weight: bold;}
a.navLink:visited {color: #ffffff; text-decoration: none; font-weight: bold;}
a.navLink:hover {color: #000000; text-decoration: none; font-weight: bold;}
a.navLink:active {color: #000000; text-decoration: none; font-weight: bold;}

a.dd:link {color: #ffffff; text-decoration: none;}
a.dd:visited {color: #ffffff; text-decoration: none;}
a.dd:hover {color: #e3b3b8; text-decoration: none;}
a.dd:active {color: #e3b3b8; text-decoration: none;}

a.subNavLink:link {color: #a1121f; text-decoration: none; font-weight: bold;}
a.subNavLink:visited {color: #a1121f; text-decoration: none; font-weight: bold;}
a.subNavLink:hover {color: #a1121f; text-decoration: underline; font-weight: bold;}
a.subNavLink:active {color: #a1121f; text-decoration: underline; font-weight: bold;}

a.crumbs:link {color: #cecece; text-decoration: none;}
a.crumbs:visited {color: #cecece; text-decoration: none;}
a.crumbs:hover {color: #454545; text-decoration: none;}
a.crumbs:active {color: #454545; text-decoration: none;}

a.gry:link {color: #454545; text-decoration: none;}
a.gry:visited {color: #454545; text-decoration: none;}
a.gry:hover {color: #777777; text-decoration: none;}
a.gry:active {color: #777777; text-decoration: none;}

a.red:link {color: #a81422; text-decoration: underline;}
a.red:visited {color: #a81422; text-decoration: underline;}
a.red:hover {color: #ea423b; text-decoration: underline;}
a.red:active {color: #ea423b; text-decoration: underline;}

a.redB:link {color: #a81422; text-decoration: none; font-weight: bold;}
a.redB:visited {color: #a81422; text-decoration: none; font-weight: bold;}
a.redB:hover {color: #ea423b; text-decoration: none; font-weight: bold;}
a.redB:active {color: #ea423b; text-decoration: none; font-weight: bold;}

/* ////////////////////////////////////////
			----- Text -----
//////////////////////////////////////// */

.redBold {color: #a81422; font-weight: bold;}
.gryBold {color: #ababab; font-weight: bold;}
.gryBold2 {font-size: 11px; color: #454545; font-weight: bold; margin: 0; padding: 0 0 11px 0;}
.reqField, .red {color: #a81422;}
.gry {color: #898989;}

/* ///////////////////////////////////////////////////
			----- Drop Down Menus -----
////////////////////////////////////////////////// */

.aboutMenu, .aboutMenuHome, 
.marketsMenu, .marketsMenuHome, 
.productsMenu, .productsMenuHome, 
.servicesMenu, .servicesMenuHome, 
.newsMenu, .newsMenuHome {
position: absolute; background: #a41320; margin: 0; padding: 0; z-index: 100; list-style: none; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #000000; text-transform: none; border-top: #8b0b14 solid 1px; border-left: #8b0b14 solid 1px; border-right: #8b0b14 solid 1px; }

.aboutMenu {top: 96px; left: 130px; width: 150px;}
.marketsMenu {top: 96px; left: 224px; width: 180px;}
.productsMenu {top: 96px; left: 307px; width: 120px;}
.servicesMenu {top: 96px; left: 395px; width: 130px;}
.newsMenu {top: 96px; left: 478px; width: 120px;}

.aboutMenuHome {top: 20px; left: 130px; width: 150px;}
.marketsMenuHome {top: 20px; left: 224px; width: 180px;}
.productsMenuHome {top: 20px; left: 307px; width: 120px;}
.servicesMenuHome {top: 20px; left: 395px; width: 130px;}
.newsMenuHome {top: 20px; left: 478px; width: 120px;}

.aboutMenu li a, .aboutMenuHome li a {width: 130px; display: block; margin: 0; padding: 6px 10px 6px 10px; border-bottom: #8b0b14 solid 1px;}
.marketsMenu li a, .marketsMenuHome li a {width: 160px; display: block; margin: 0; padding: 5px 10px 5px 10px; border-bottom: #8b0b14 solid 1px;}
.productsMenu li a, .productsMenuHome li a {width: 100px; display: block; margin: 0; padding: 5px 10px 5px 10px; border-bottom: #8b0b14 solid 1px;}
.servicesMenu li a, .servicesMenuHome li a {width: 110px; display: block; margin: 0; padding: 5px 10px 5px 10px; border-bottom: #8b0b14 solid 1px;}
.newsMenu li a, .newsMenuHome li a {width: 100px; display: block; margin: 0; padding: 5px 10px 5px 10px; border-bottom: #8b0b14 solid 1px;}

.aboutMenu li a:hover, .aboutMenuHome li a:hover,
.marketsMenu li a:hover, .marketsMenuHome li a:hover,
.productsMenu li a:hover, .productsMenuHome li a:hover,
.servicesMenu li a:hover, .servicesMenuHome li a:hover,
.newsMenu li a:hover, .newsMenuHome li a:hover {background: #b21f30;}

/* ///////////////////////////////////////////////////
			----- News Article Page -----
////////////////////////////////////////////////// */

#newsArticleContainer {
	position: relative;
	width: 778px;
	margin: 0 auto 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
}

#newsArticleHeader {
	position: relative;
	width: 778px;
	margin: 0;
	padding: 0;
	background: #000000;
}

#newsArticleText {
	position: relative;
	width: 698px;
	margin: 0;
	padding: 10px 40px 10px 40px;
	background: #ffffff;
	color: #454545;
}

		#newsArticleText h1 {font-size: 13px; color: #a81422; margin: 0; padding: 0 0 15px 0;}

#newsArticleFooter {
	position: relative;
	width: 738px;
	margin: 0;
	padding: 80px 40px 20px 0;
	background: #000000 url(../img/bgfooter.jpg) no-repeat 0 0;
	color: #a81422;
	text-align: right;
}

/* /// Photos /// */

.photoTable {background: #d0c8b2; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 16px; color: #8c7f5b; margin: auto; padding: 0;}
.photoTableLinks {padding: 2px;}
.photoTablePhoto {padding: 0; border: #b9ad8d solid 1px;}
.photoTablePhoto img {padding: 0; border: #ffffff solid 3px;}
.photoTableCaption {padding: 8px;}

/* /// Quote Form /// */
.quoteForm {border: 1px solid #f2f2f2;}
.quoteForm th {color: #ffffff; background: #a81422;}
.submitBtn {text-align: right;}