/* CSS Document */
body, html {
	width:100%; height:100% !important;
	margin:0 auto 0 auto; padding:0; border:0;
	font: small Arial, Helvetica, sans-serif; 
	background: url(../pics/bg-top-sub.gif) 50% 0% no-repeat;
	text-align:center; 
}

body#home {
	width:100%; height:100%;
	margin:0 auto 0 auto; padding:0; 
	background: url(../pics/bg-top.gif) 50% 0% no-repeat;
	font: small Arial, Helvetica, sans-serif; text-align:center;
}

.off-left {
	position: absolute;
	left: -999px; width: 990px;
}
.floatLeft {float:left;}
.floatRight {float:right;}
.clearLeft{	clear:left;}
.clearBoth{	clear:both;}
.clearRight{ clear:right;}

.red{color:#770A22;}
.blue{color:#487D8A;}
.darkgrey{color:#302F2F;}
.lightgrey{color:#666;}

/********* Main Wrappers **********/

#Wrapper {
	display:block;
	width:980px; height:100%;
	margin:0 auto 0 auto; padding:0; border:0;
}
#maincontent {
	display:block;
	width:980px; height:auto;
	background: url(../pics/bg-nav-sub.gif) left top repeat-y; 
	margin:0; padding:0; border:0; float:left;
}
#content {
	display:block;
	width: 450px; height: auto;
	margin:4px 0 0 0; padding:0 40px 0 40px; border:0;
	color:#333;
	text-align:left;
	float:left;
	clear:none;
}
/*fix for IE6 */
* html content{
	padding:0 40px 0 20px;
}

#intro {
	width:960px; min-height:218px; height:auto !important; height:218px;
	margin:0; padding:0 0 0 20px;
	background: #D7D7D7 url(../pics/bg-map.jpg) right top no-repeat;
	float:left; clear:both;
}

#intro p {width:600px;}

#social {width:191px; min-height:50px; height:auto !important; height:50px;
	margin:4px 0 0 0; padding:0 8px 10px 20px;
	background:url(../pics/social-icon-sub.gif) 20px 0px no-repeat; clear:both; color:#666}
	
#social p {margin: 0; padding:0;}
#social H3 {margin:0 0 20px 55px; color:#668F99; }

#social a:link, #social a:visited { color:#770A22; text-decoration:none;}
#social a:hover, #social a:active { color:#770A22; text-decoration:underline;}
#social img {margin: 8px 8px -8px 0;}

#basemetals {width:auto; margin: 0 0 15px 0; padding:0; float:left;}
#basemetals h2 {font-size:100%; margin:0 !important; padding:0; }
#basemetals a {color:#333;}
#basemetals img { float:left; margin:0 20px 10px 0; clear:none; border:0;}

/********* Top Banner **********/
#banner {
	display:block;
	height: 123px;
	width:980px;
	margin:0; padding:0;
	text-align:left;
}
.logo {
	display:block;
	width:309px; margin:35px 14px 0 50px; padding:0;
	float:left;
}
* html .logo {	
	margin:35px 14px 0 25px;
}
.strap {
	width:auto;
	margin:5px 0 0 50px;
	font-weight:bold; font-size:60%;
	word-spacing:3px;
	color:#000;
	float:left;	clear:left;
}
/*fix for IE6 */
* html .strap{
	margin:5px 0 0 25px;
}

#tel {
	width: 223px; min-height:70px; height:auto !important; height:70px;
	padding-top:25px;
	background: url(../pics/bg-tel.gif) right bottom repeat-x;
	text-align:left; font-size:110%;
	color:#fff;
	float:right;
}
#tel p{	margin: 5px 10px 0 30px; font-weight: bold;}

#tel a:link, #tel a:visited{color:#fff; text-decoration:none;}
#tel a:hover, #tel a:active{color:#fff; text-decoration:underline;}
/*********** Picture Sequence *************/
#photoimg {width:980px; height:262px;}
#bigPic{
	width:980px; height:262px;
	margin:0; padding:0; border: 0;
	background-repeat: no-repeat;
	float:left;
}
/********** Top Pictures Sub Pages *************/
#SubTopPic{
	width: 534px; height:145px;
	float:left;
}
#SubTopPic img {margin:0; padding:0; border:0; float:left;}

/*********** Main Content *************/

#content h1{
	margin:0 0 20px 0; padding:20px 0 0 0;
	font-weight:bold; font-size:110%;
	color:#333;
}

#content h1.thanks {padding:50px 0 0 0;}

#content h2, #content h3, #content h4, #content h5{
	margin: 0 0 10px 0; padding:10px 0 0 0;  font-size: 100%;
}
#content p{
	margin: 0 0 10px 0; padding:0; font-size:90%; line-height:150%;
}
.inpagePic {  margin:35px 20px 0 0; border: 1px solid #CACACB; float:left;}
.inpagePicR {margin:35px 0 0 0; border: 1px solid #CACACB; float:left;}
#content ul {
	margin:0 0 5px 0; padding:0;
	list-style:outside;
}
#content li{
	position:relative;
	margin:0 0 0 17px; padding:0 0 10px 0;
	list-style-image: url(../pics/bulletRed.gif);
}
#content ul ul{
	margin:8px 0 0 15px; padding:0; 
}
#content ul ul li {
	list-style-image: url(../pics/bulletRed.gif);
	position:relative;
	margin:0; padding:0 0 5px 0;
}
#content .ListLeft {float:left; width: 260px; margin:0 10px 0 0;}
#content .ListRight {float:left; width: 180px; margin:0;}
#content a:link, #content a:visited{color:#750A23; text-decoration:none; font-weight:bold;}
#content a:hover, #content a:active{color:#750A23; text-decoration:underline;}
#content table{ }
#content td{  }
#content th{ }

.hometable {width:600px; border:0; padding:0; margin-bottom:20px;}
.hometable td {vertical-align:top;}
/*********** 4 boxes *************/
#boxWrapper {
	width:223px;
	padding:46px 0 0 0; margin:0 0 10px 0;
	float:right; clear:none;
}
.boxes {
	width:211px; min-height: 97px; height:auto !important; height:97px;
	border:1px solid #CACACB; margin:0 0 4px 0; padding:0 5px 0 5px;
	background: url(../pics/bg-boxes.gif) 0 0 no-repeat;
	text-align:left;
	float:left;
}
.boxes .boxTitle  {margin:3px 0 0 0; padding:0; font-size:90%; font-weight:bold;}
.boxes .boxTitleSub  {display:inline; margin:3px 0 0 0; padding:0; font-size:90%;}

.boxes  a:link, .boxes  a:visited {	width:100px; text-decoration:none;}
.boxes  a:hover, .boxes  a:active {	width:100px; text-decoration:underline;}

.boxes p { width: auto; margin:20px 0 0 0; font-size:80%;}
.boxes img {float:right; margin:5px 0 0 7px; padding:0; border:0;}
.lastbox { width:211px; margin:0; background: url(../pics/bg-boxes.gif) 0 0 no-repeat; float:left;}

.more {font-weight:bold; padding:0 13px 0 0; margin:0;}
.mRed {color:#770A22; background:url(../pics/ArrowBoxRed.gif) right 51% no-repeat;}
.mBlue {color:#487D8A; background:url(../pics/ArrowBoxBlue.gif) right 51% no-repeat;}
.mDarkGrey {color:#333; background:url(../pics/ArrowBoxDarkGrey.gif) right 51% no-repeat;}
.mLightGrey {color:#666; background:url(../pics/ArrowBoxLightGrey.gif) right 51% no-repeat;}
/*********** Trade Logos *************/

#TradeLogos {
	width: 223px;
	margin:0 0 10px 0;
	float:right; clear:right; text-align:center;
}
#TradeLogos img {display:block; float:right; border:1px solid #969698; }
.LogoMargin{margin-right:18px;}
.Recycle {margin:25px 15px 0 0; border:0 !important;}

/*********** end *************/

/*********** location maps *************/
iframe{ border:1px solid #CACACB;}
small a:link, small a:visited{ padding-right:13px; background:url(../pics/ArrowBoxRed.gif) right 50% no-repeat;}

/*********** Resources Table *************/
#docTable{
	border:0;
	padding:0;
	margin:0;
	width:450px;
	border-spacing: 0;
}
#docTable th {padding:3px 0 3px 0; font-weight:bold; text-align:left; border-style:solid; border-color:#CCC; border-width:0 0 1px 0;}
#docTable td {padding:3px 10px 3px 0; margin:0;  border-style:solid; border-color:#CCC; border-width:0 0 1px 0; vertical-align:top;}
#docTable img {margin:3px 5px 3px 0; float:left; }
.pdfcell {width:100px; padding-right:2px; }

/*********** News Page *************/

#content h2.NewsTitle{
	display:block;
	width: auto;
	margin:30px 0 0 0; padding:0 0 5px 0;
	border-bottom: 1px solid #CACACB;
}
.pdfFormat {width:auto;}
.pdfFormat img {margin:0 3px 0 0; float:left;}
.pdfFormat a:link, .pdfFormat a:visited { padding:0 13px 0 0; background:url(../pics/ArrowBoxRed.gif) right 50% no-repeat;}

/*********** Jobs *************/

#content h1.jobref{display:block; width: auto; margin:30px 0 0 0; padding:0 0 5px 0; color:#770A22;}
#content h2.ref{display:block; width: auto; margin:10px 0 5px 0; padding:0 0 5px 0; border-bottom: 1px solid #CACACB;}

/*********** Contact us *************/


.tel, .fax{ font-weight:bold; margin:0 30px 0 0; color:#487D8A;}
.email {margin:10px 0 10px 0; padding:0 0 10px 0; border-bottom:1px solid #666;}
.email a{padding:0 13px 0 0; background:url(../pics/ArrowBoxRed.gif) right 50% no-repeat}
/*********** W3C icons *************/

.w3c{ width: 88px; display:inline; margin:20px 10px 0 0; float:left;}

/*********** Up Link *************/
#up {
	display:block;
	width: auto; height:auto;
	margin:0 0 10px 0; padding:0;
	text-align:right;
	font-weight:bold; 
	float:right; clear:right;
}
#up a:link, #up a:visited {	
	padding-top:15px;
	text-decoration:none; color:#333;
	background:url(../pics/up-u.gif) center top no-repeat;
}
#up a:hover, #up a:active {	
	text-decoration:underline;
	background:url(../pics/up-o.gif) center top no-repeat;
}

/*********** Copyright *************/


#copyright{
	display:block;
	bottom:0;
	width:980px;
	margin:0 auto 0 auto; padding: 10px 0 10px 0; border: 0;
	font-size:80%;	color:#fff; text-align:center; background-color:#585657;
	clear:both;
}
#copyright ul {
	display:block;
	margin:0 40px 0 40px; padding: 0; border:0;
	font-weight:normal;
}
#copyright ul li { 
	display: inline; margin:0 0 0 15px; padding:0;
	list-style-type: none;
}
#copyright ul li a:link, #copyright ul li a:visited {
	margin:0; padding: 0; border:0;
	color: #fff; font-weight:bold; text-decoration:none;
}
#copyright ul li a:hover, #copyright ul li a:active {
	text-decoration:underline;
}