html, body { 
	height: 100%;
	min-width: 960px;
	width: expression('960px');
	}
	
body { 
	margin: 0;
	padding: 0;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	text-align: center;
	background: #444 url(../images/common/bg-body.gif) repeat-y center;
	}

#wrapper { 
    display: block;
    min-height: 100%;
	margin: 0;
    padding: 0;
    text-align: center;
    background: url(../images/common/bg-wrapper.gif) repeat-x;
    }

	* html #wrapper { height: expression('100%'); }

	
.container {	
    margin: 0 auto;
    width: 960px;
    text-align: left;
	background: #FFF;
	display: block;
	}
			
#leftColumn { 
	width: 270px;
	float: left;
	padding: 0;
	margin: 0;
	}
	
#rightColumn { 
	float: left; 
	width: 690px;
	margin: 0;
	padding: 0;
	}
	

	
/*  LOGO STYLES 
---------------------------------------------------------------------*/

#logo { 
	display: block;
	height: 105px;
	width: 270px;
	background: url(../images/common/logo.gif) no-repeat;
	}
	
	#logo a { 
		display: block;
		height: 105px;
		width: 270px;
		text-indent: -5000px;
		text-decoration: none;
		outline: none;
		}

#banner { 
	width: 685px;
	width: expression('690px');
	height: 195px;
	height: expression('220px');
	margin: 0; 
	padding: 25px 0 0 5px;
	background: url(../images/common/bg-banner.gif) no-repeat;
	}
	
	#banner img { 
		margin: 0;
		padding: 0;
		height: 141px;
		width: 660px;
		}
		
	.homepage #banner { 
		width: 690px;
		height: 340px;
		margin: 0;
		padding: 0;
		background: url(../images/common/bg-bannerHome.gif) no-repeat;
		}
		
	.homepage #banner .feature { 
		float: left;
		width: 218px;
		margin: 20px 10px 10px 0;
		padding: 0;
		}
		
		.homepage #banner .last { 
			margin: 20px 0 10px 0; 
			padding: 0;
			}
	
	.homepage #banner .feature img { 
		height: 120px;
		width: 208px;
		margin: 5px; 
		border: 0;
		}

	.homepage #banner .feature h1 { 
		width: 208px;
		height: 52px;
		margin: 0 0 20px 0;
		display: block;
		background-repeat: no-repeat;
		background-position: center;
		text-indent: -5000px;
		border: 0;
		}	
		
		h1.scrapMetalRecycling { background-image: url(../images/common/h1-scrapMetalRecycling.gif); }
		h1.industryScrapMetalProcessing { background-image: url(../images/common/h1-scrapMetalProcessing.gif); }
		h1.newSteelProducts { background-image: url(../images/common/h1-newSteelProducts.gif); }
		


	
	.homepage #banner .feature .excerpt {
		height: 52px;
		display: block;
		overflow: hidden;
		font-size: 12px;
		line-height: 16px;
		}
		
	a.more { 
		height: 15px;
		width: 43px;
		display: block;
		background-repeat: no-repeat;
		background-position: 0 0;
		text-indent: -5000px;
		background-image: url(../images/common/more.gif);
		outline: none;
		text-decoration: none;
		line-height: 15px;
		}
	
	a.more:hover { 
		background-position: 0 -15px;
		}
	
/*  MAIN MENU STYLES 
---------------------------------------------------------------------*/
				
#mainNav {
	display: block;
	padding: 0 0 0 20px;
	width: 250px;
	width: expression('270px');
	height: 255px;
	background: url(../images/common/bg-mainNav.gif) no-repeat;
	}	
	
	.homepage #mainNav { background: url(../images/common/bg-mainNavHome.gif) no-repeat; }
	
	#mainNav ul { 
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 230px;
		}
		
	#mainNav ul li { 
		margin: 0;
		padding: 0;
		height: 24px;
		width: 230px;
		background: none;
		}
		
		#mainNav ul li.contact { border-bottom: 1px solid #FFF; }
	
	#mainNav ul li a {
		height: 24px;
		width: 230px;
		display: block;
		line-height: 24px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		outline: none;
		text-indent: -5000px;
		}
		
	#mainNav ul li a:hover { 
		background-position: 0 -24px; }
		
	#mainNav ul li.home a { background-image: url(../images/mainNav/mainNav-home.gif); }
	#mainNav ul li.recycling a { background-image: url(../images/mainNav/mainNav-recycling.gif); }
	#mainNav ul li.processing a { background-image: url(../images/mainNav/mainNav-processing.gif); }
	#mainNav ul li.products a { background-image: url(../images/mainNav/mainNav-products.gif); }
	#mainNav ul li.about a { background-image: url(../images/mainNav/mainNav-about.gif); }
	#mainNav ul li.locations a { background-image: url(../images/mainNav/mainNav-locations.gif); }
	#mainNav ul li.faq a { background-image: url(../images/mainNav/mainNav-faq.gif); }
	#mainNav ul li.contact a { background-image: url(../images/mainNav/mainNav-contact.gif); }
	#mainNav ul li.pricing a { background-image: url(../images/mainNav/mainNav-pricing.gif); }

				
/*  CONTACT US STYLES 
---------------------------------------------------------------------*/	
	
#contact {
	width: 220px;
	margin: 0; 
	padding: 0 20px;
	clear: both;
	font-size: 11px;
	color: #777;
	line-height: 16px;
	padding-bottom: expression('100px');
	}
	

/*  MAIN CONTENT STYLES 
---------------------------------------------------------------------*/	

#mainContent { 
	width: 660px;
	padding-bottom: expression('100px');
	}

#mainContent .leftCol {
	float: left;
	width: 320px;
	}
	
#mainContent .rightCol {
	float: left;
	width: 320px;
	padding: 0 0 0 20px;
	}

#content { 
	float: left; 
	width: 440px;
	}

#content #leftCol {
	float: left;
	width: 240px;
	}
	
#content #rightCol {
	float: left;
	width: 200px;
	}
		
#sidebar { 
	float: left; 
	width: 200px;
	padding: 0 0 0 20px;
	}		

*html #sidebar { 
	padding: 0 0 0 10px;
	}		

		
	
/*  FOOTER STYLES 
---------------------------------------------------------------------*/		

#footer {
	height: 105px;
	margin: -105px 0 0 0; 
	padding:20px 0 0 0px;
	clear: both;
	}
	
	* html #footer { margin: expression('-105px 0 0 -1px'); }
	
	#footer .container {
		clear: both; 
		height: 105px;
		background: #FFF url(../images/common/bg-footer.jpg) no-repeat 0 0;
		padding: 0;
		}
		
#footerNav { 
	float: left; 
	}
	
	#footerNav ul { 
		list-style-type: none;
		margin: 75px 0 0 40px;
		padding: 0;
		}
		
	#footerNav ul li { 
		margin: 0;
		padding: 0;
		float: left;
		height: 13px;
		border-right: 1px solid #444; 
		background: none;
		}
		
		#footerNav ul li.contact { border-right: none; }
	
	#footerNav ul li a {
		height: 13px;
		display: block;
		line-height: 13px;
		text-decoration: none;
		background-repeat: no-repeat;
		background-position: 0 0;
		outline: none;
		text-indent: -5000px;
		}
		
	#footerNav ul li a:hover { 
		background-position: 0 -13px; }
		
	#footerNav ul li.home a { background-image: url(../images/footerNav/footerNav-home.gif); width: 40px; }
	#footerNav ul li.about a { background-image: url(../images/footerNav/footerNav-about.gif); width: 58px;  }
	#footerNav ul li.locations a { background-image: url(../images/footerNav/footerNav-locations.gif); width: 64px;  }
	#footerNav ul li.faq a { background-image: url(../images/footerNav/footerNav-faq.gif); width: 33px;  }
	#footerNav ul li.contact a { background-image: url(../images/footerNav/footerNav-contact.gif); width: 55px;  }

#copyright {
	float: right;
	color: #444;
	font-size: 11px;
	line-height: 14px;
	text-align: right;
	margin: 67px 40px 0 0;
	}
	
#footer a { color: #333; text-decoration: none; }
#footer a:hover { color: #B11; text-decoration: none; }


/*  Pop Up 
---------------------------------------------------------------------*/		

#popup { 
	margin: 0;
	padding: 0;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	text-align: left;
	background: #444 url(../images/popup/bg-body-popup.gif) repeat-y center;
	}	

#popup .wrapper { 
    display: block;
   	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0;
    padding: 0;
    text-align: left;
    background: url(../images/popup/bg-wrapper.gif) repeat-x;
    }	
  
	/** html #wrapper { height: expression('100%'); }*/

#popup .container {	
    /*min-height: 100%;*/
    margin: 0 auto;
    width: 560px;
    text-align: left;
	}	
	
#popup .content {
	float: left;
	width: 520px;
	margin:-30px 0 0 0px;
	padding:0 20px 100px 20px;
	}
#popup #leftCol {
	float: left;
	width: 240px;
	}
	
#popup #rightCol {
	float: left;
	width: 220px;
	}
		
#popup h4 { 
	font-size: 17px;
	line-height: 35px;
	color: #B4111A;
	border-bottom: 1px solid #DDD;
	font-weight:lighter;
	font-stretch:condensed;
	width: 520px;
	}


#popup .footer2 {
	height: 110px;
	margin: -110px 0 0 0; 
	padding:0px 0 0 0px;
	clear: both;
	}
	
	* html #popup .footer2 { margin: expression('-110px 0 0 -1px'); }
	
#popup .footer2 .container { 
		clear: both;
		height: 110px;
		background: url(../images/popup/pop_footer.jpg) no-repeat 0 bottom;
		}

#popup table {
		clear:none;
		}
		
#popup tr {
		clear:none;
		}
		
#popup td {
		border: 0;
		}				
	

/*  FORMS STYLES 
---------------------------------------------------------------------*/	


.select {
	border: 1px solid #DDD;
	font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
	color: #555;
		}


.button {
		font: 11px/16px Arial, Helvetica, Verdana, sans-serif;
		font-size: 11px;
		background-color: #393834;
		border: 1px solid #DDD;
		vertical-align: text-bottom;
		color: #fff;
		font-weight: normal;
		}




/*  GENERAL STYLES 
---------------------------------------------------------------------*/	

.clear { clear: both; }	

a { 
	color: #03C;
	text-decoration: underline;
	}
	
a:hover { 
	color: #B11; 
	text-decoration: none;
	}
	
ul { 
	list-style-type: none;
	margin: 0 10px;
	padding: 0;
	}
	
ul li { 
	background: url(../images/common/bullet.gif) no-repeat 0 7px;
	padding: 0 0 0 12px;
	}
	
.titleRed { 
	color: #B11; 
	font-weight: bold;
	}
	
p { 
	margin: 4px 0 8px 0; 
	}
					
h1 { 
	display: block;
	height: 35px;
	font-size: 17px;
	line-height: 35px;
	border-bottom: 1px solid #DDD;
	text-transform: uppercase;
	text-indent: -5000px;
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 660px;
	}
	
#content h1 {
	width: 450px;
	}

#sidebar h1 { 
	width: 200px;
	}
	
	h1.contact { background-image: url(../images/titles/contact.gif); width: 215px; }
	h1.pageTitle { background-image: url(../images/titles/pageTitle.gif); }
	h1.welcome { background-image: url(../images/titles/welcome.gif); }
	h1.recycling { background-image: url(../images/titles/titles-recycling.gif); }
	h1.industry { background-image: url(../images/titles/titles-industry.gif); }
	h1.steel { background-image: url(../images/titles/titles-steel.gif); }
	h1.aboutUs { background-image: url(../images/titles/titles-about.gif); }
	h1.faq { background-image: url(../images/titles/titles-faq.gif); }
	h1.metalsYes { background-image: url(../images/titles/titles-metalsYes.gif); }
	h1.contact2 { background-image: url(../images/titles/titles-contact2.gif); }
	h1.locations { background-image: url(../images/titles/titles-locations.gif); }
	h1.productsNav { background-image: url(../images/titles/titles-productsNav.gif); }
	h1.pricing { background-image: url(../images/titles/titles-pricing.gif); }
	h1.chain { background-image: url(../images/titles/titles-tireChains.gif); }
	h1.fabrication { background-image: url(../images/titles/titles-fabrication.gif); }
	h1.pad { background-image: url(../images/titles/titles-pad.gif); }


	
h2 { 
	font-weight: normal; 
	color:#B11;
	font-size: 14px;
	margin: 10px 0 4px 0;
	}
	
h3 { 
	color: #222;
	font-size: 12px; 
	font-weight: bold;
	margin: 10px 0 4px 0;	
	}
	
table { 
	margin: 10px 0;
	padding: 0;
	font: 12px/18px Arial, Helvetica, Verdana, sans-serif;
	color: #666;
	}
	
	th { 
		background: url(../images/common/bg-metal.gif); 
		color: #333;
		font-weight: normal;
		padding: 3px 10px;
		}
			
	td { 
		padding: 3px 10px;
		border-bottom: 1px solid #DDD;
		}
		
img.thumb {
	padding: 0px 10px 0 0px;
	margin-top: 10px;
	}