@charset "utf-8";
/* CSS by iiCREATiVE J Baigert  */
/* This rule resets a core set of elements so that they will appear consistent across browsers. Without this rule, content styled with an h1 tag, for example, would appear in different places in Firefox and Internet Explorer because each browser has a different top margin default value. By resetting these values to 0, the elements will initially be rendered in an identical fashion and their properties can be easily defined by the designer in any subsequent rule. */
html, body, div, p, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,img,a {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
}
body {
	font: 11px/1.5em Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	background: url(../images/BGFull2.jpg) repeat-x top;
}
a {color: #678898}

#wrapper{
	position: relative;
	width: 833px;
	margin: 0px auto;
	height: auto;
}
#topNav {
	margin: 4.62em auto 0 auto;
	height: 2.45em;
	float: right;
}
#Header {
	margin:0;
	padding:0;
		}
#logo {
	position:absolute;
	top: 0;
	left: -1px;
	z-index: 100;
	width: 222px;
}
#clickFor {
	position:absolute;
	top:0;
	right: 0;
	}

/*SPACE UNDER LOGO not all pages*/
#sublogo {
	position: absolute;
	top: 78px;
	left: 0px;
	padding: auto;
	height: 178px;
	width:195px;
	letter-spacing: -1px;
	font-size: 11px;
	color: #CC3300;
	font-weight: bold;
	line-height: 20px;
	background: no-repeat;
	padding: 30px 0px 0px 32px;
	width:187px;
}
#sublogo.history{
	background: url(../images/HistoryBox.jpg);
	}
#sublogo.facility{
	background: url(../images/facilityBox.jpg);
	}
#sublogo.service{
	background: url(../images/SvcBox.jpg);
	padding: 30px 0px 0px 32px;
	width:187px;
		}
#sublogo.quality{
	background: url(../images/qualityBox.jpg);
	padding: 30px 0px 0px 32px;
	width:187px;
		}
#sublogo.metal{
	background: url(../images/metalBox.jpg);
	padding: 30px 0px 0px 32px;
	width:187px;
	}
#sublogo a:link, #sublogo a:visited {
	text-decoration: none;
	color: #497286;
	font-weight: bold;
	}
#sublogo a:hover {
	text-decoration: none;
	color: #999;
	font-weight: bold;
	}

#thumbs {
	position: absolute;
	top: 78px;
	left: 0;
	padding: 20px 12px 0px 12px;
	height: 178px;
	width:195px;
	font-size: 9px;
	text-align: center;
	}
#thumbs.chrome{
	background: url(../images/galleryChromeBox.jpg) no-repeat;
}
#thumbs.nickel {
	background: url(../images/nickelBox.jpg) no-repeat;}
#thumbs.powder {
	background: url(../images/powderBox.jpg) no-repeat;}
#thumbs.electro {
	background: url(../images/ElectroBox.jpg) no-repeat;}
#thumbs.special {
	background: url(../images/SpecialtyBox.jpg) no-repeat;}
#thumbtable {
	padding: 12px 0 0 28px;
}
#thumbtable8 {
	padding: 12px 0 0 5px;
}
.redfont {
	color: #f00;
}
#thumbtext {
	line-height: 7px;
	}
/*PRODUCT IMAGE FADE INS*/
#loadarea {
	position: absolute;
	top: 78px;
	right: 0;
	padding: 0;
	margin: 0;
	height: 178px;
	/*width: 581px;*/
	}

/*PRODUCT NAVIGATION*/
#midNav {
	height: 50px;
}
ul#menu{
	margin:0;
	padding:0;
	list-style-type:none;
	width:800px;
	position:relative;
	height:33px;
	font-size:13px;
	background: url(../images/buttonColor.gif) ;
	font-family:Helvetica,Arial,Verdana,sans-serif;  width: 100%;

}

ul#menu li {
	float:left;
	margin:0;
	padding: 0;
	border-right:1px solid #fff;
	}
ul#menu li a{
	float:left;
	margin:0;
	padding:0;
	color:#fff;
	text-decoration:none;
	padding:10px 20px 7px 19px;
	}

ul#menu li a:hover {
	display:block;
	padding:10px 20px 0 19px;
	background-color:#999;
	height: 23px;
	}
.off {
	display:block;
	padding:10px 20px 0 19px;
	background-color:#CC3300;
	height: 33px;
	}


/*SIDEBAR*/
#SideBar {
	padding: 0 0 0 0;
	float: left;
	height: 245px;
	margin: 35px 0 0 0 ;
	border-right: 1px solid #678898;
	width:210px;

	}
#SideBar h5 {
	color: #678898;
	padding: 15px 0 0 22px;
	font-size: 13px;
	font-style: bold;
}
ul.RNoBullet  {
	width: 16em;
	list-style: none;
	padding: 0  0 0 22px;
	margin: 0;
}
ul.RBullet  {
	padding: 0  0 0 36px;
	margin: 0;
}
#SideBar.home {
	height: 450px;
	background: url(../images/sideBarHome.jpg) no-repeat bottom;
}

#SideBar.history {
	background: url(../images/sideBarHistory.jpg) no-repeat bottom;
	height: 378px;
}
#SideBar.enviro {
	background: url(../images/sideBarEnviro.jpg) no-repeat bottom;
	height: 360px;
}
#SideBar.facility {
	background: url(../images/sideBarFacility.jpg) no-repeat bottom;
	height: 410px;
}
#SideBar.service {
	background: url(../images/sideBarService.jpg) no-repeat bottom;
	height: 1100px;}
#SideBar.quality {
	height: 415px;
	background: url(../images/sideBarService.jpg) no-repeat bottom;
	 }
#SideBar.metal {
	height: 300px;
	background: url(../images/sideBarService.jpg) no-repeat bottom;
	 }
#SideBar.contact {
	height: 750px;
	background: url(../images/sideBarContact.jpg) no-repeat bottom;
	 }
#SideBar.galleryNickel {
	height: 485px;
	background: url(../images/sideBarGrid.jpg) no-repeat bottom;
	 }
#SideBar.galleryChrome {
	height: 320px;
	background: url(../images/sideBarGrid.jpg) no-repeat bottom;
	 }
#SideBar.galleryPowder{
	height: 600px;
	background: url(../images/sideBarGrid.jpg) no-repeat bottom;
	 }
#SideBar.galleryPrepFinish{
	height: 1200px;
	background: url(../images/sideBarGrid.jpg) no-repeat bottom;
	 }

#SideBar.industries {
	height: 1100px;
		 }
#SideBar.sample {
	height: 1400px;
	background: url(../images/sideBarPlating.jpg) no-repeat bottom;
		 }
#address {
	display: block;
	text-align: right;
	font-size: 10px;
	padding: 0 20px 5px 0;
}

/*MAIN CONTENT*/
#MainContent {
	padding: 5px 0 0 0;
	height: auto;
	width:570px;
	float: right;
	scroll: auto;
}
#MainContent p {
	margin-top: 5px;
}
#MainContent .captions {
	margin-top:50px;
}

#pageLoc{
	font-size: 10px;
}
#pageLoc a:link, #pageLoc a:visited{
	color: #000;
	}
#pageLoc a:hover {
	color: #6a6d74;
}
#MainContent h1{
	font-size: 18px;
	font-weight: normal;
	margin-top: 7px;
	color:#678898;
}
#MainContent h2{
	font-size: 12px;
	font-weight: normal;
	margin-top: 15px;
	color:#CC3300;
}
#MainContent h3{
	font-size: 11px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 2px;
	}
#MainContent .bulletLead{
	font-size: 11px;
	font-weight: bold;
	margin-top: 110px;
	margin-bottom: 5px;
	}
#MainContent .bulletLeadNoSpace{
	font-size: 11px;
	font-weight: bold;
	margin: 20px 0 0 0;
	}
.solutionslist {
	font-size: 11px;
	width: 570px;
}
.solutionslist li {
	width:260px;
	margin: 5px 0 0 0;
	padding: 0 5px 0 0;
	line-height:1em;
	float: left;
}
.solutionslist br{
	clear: left;
}

.extraSpace {
	padding-bottom: 17px;
}

/*FORMS*/
form div {
	clear: left;
	padding: .25em;
}
fieldset {
	margin: 1em 0;
	padding: 1em;
	border: none;
}
label {
	float: left;
	width: 9em;
	cursor: pointer;
}
.dimensions{
	display: block;
	cursor: pointer;
	}

input{
	width: 30em;
			}
input[type="text"]:focus, textarea:focus{
	background: #ffc;
}
input[type="text"], textarea {
	border-top: 2px solid #999;
	border-left: 2px solid #999;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
}
input#city {
	width: 18em;
	margin-right: 0.5em;
}
input#state {
	width: 2em;
	margin-right: 0.5em;
}
input.radio, input.checkbox, input.submit {
	width; auto:
}
input#LotSize, input#TurnAround {
	width:15em;
}

.legendLabel {
	color: #678898;
	font-size: 13px;
	font-style: bold;
}
/*textarea {
	width: 30em;
	height: 8em;
}*/
.required {
	font-size: 0.75em;
	color:#cc3300;
}
button {
	margin-left: 8em;
}

input#height, input#width, input#depth, input#weight {
	width: 3em;
	cursor: pointer;
	clear; left;

}
#finishingRequest .col input {
	width: auto;
}
fieldset#finishingRequest {
	margin: 1em 0 0 1em;
	padding: 0;
	border: none;
	background: transparent;
	width: 40em;
}

#finishingRequest .col {
	width:40em;
	float: left;
	clear: none;
}

#finishingRequest label {
	float:none;
	width: auto;
	margin-right: 1em;

}


#Footer {
	border-top: 5px #678898 solid;
	float: left;
	width: 800px;
	font-size: 9px;
	color: #497286;
	padding: 10px;}
#container5 {
	clear:left;
	float:left;
	width:100%;
	overflow:hidden;

}
#container4 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container3 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container2 {
	clear:left;
	float:left;
	width:100%;
	position:relative;
	right:20%;

}
#container1 {
	float:left;
	width:100%;
	position:relative;
	right:20%;

}

#column1 {
	float:left;
	width:30%;
	position:relative;
	left:80%;
	overflow:hidden;

}
#column2 {
float:left;
	width:20%;
	position:relative;
	left:81%;
	overflow:hidden;
}
#column3 {
	float:left;
	width:17%;
	position:relative;
	left:84%;
	overflow:hidden;
}
#column4 {
float:left;
	width:16%;
	position:relative;
	left:85%;
	overflow:hidden;
}#column5 {
float:left;
	width:16%;
	position:relative;
	left:85%;
	overflow:hidden;

}
#Footer a{
	text-decoration:none}

#Footer a:link, #footer a:visited{
	text-decoration: none;
	color: #497286;
	}

#Footer a:hover{
	color: #615b5b;}

#Footer ul  {
	padding: 0 10px 0 0;
	list-style:none;
}
.column li {
		display: inline;
		float: left;
		width: 160px;
}

/*****************************************/.col1, .col2, .col3, .col4, .col5{
  float: left;
}