body{
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-align: center;
	margin: 0px 0px 20px;
	font-size: 13px;
	background-color: #a5a5a5;
	background-image: url(images/bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
}

p{
	margin: 0px 0px 15px;
	line-height: 18px;
}

h2{
	font-weight: bold;
	font-size: 16px;
	margin: 0px 0px 5px;
	color: #666666;
}

#lid{
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	margin-top: 20px;
	background-image: url(images/pagebg.gif);
	background-repeat: repeat-y;
}

#menu{
	width: 750px;
	margin-right: auto;
	margin-left: auto;
	background-color: #000000;
	height: 80px;
	background-image: url(images/logo.jpg);
	background-repeat: no-repeat;
	background-position: 32px 18px;
}

#nav ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#nav{
	height: 80px;
	float: right;
	width: 546px;
}

#nav li{
	float: left;
}

#nav li a {
	height: 80px;
	width: 91px;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
}

#nav li a:hover{
	background-position: right top;
}

#nav li a span {
	display: none;
}

.active#home, .active#company, .active#processes, .active#capabilities, .active#media, .active#contact {
	background-position: right;
}

#home{
	background-image: url(images/nav_home.jpg);
}

#company{
	background-image: url(images/nav_company.jpg);
}

#processes{
	background-image: url(images/nav_processes.jpg);
}

#capabilities{
	background-image: url(images/nav_capabilities.jpg);
}

#media{
	background-image: url(images/nav_media.jpg);
}

#contact{
	background-image: url(images/nav_contact.jpg);
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 91px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	background-color: #a2a6ad;
	background-image: url(images/navshadow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b0b0b0;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#nav li li{
	float: none;
	margin: 0px;
	padding: 0px;
}

#nav li li a {
	width: 100%;
	text-transform: uppercase;
	color: #000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #d0d2d5;
	background-repeat: repeat-y;
	background-position: left top;
	font-size: 9px;
	background-image: url(images/navbg.gif);
	margin: 0px;
	height: auto;
	padding: 3px 6px;
	line-height: 13px;
	text-decoration: none;
}

html>body #nav li li a { 
	width: auto; 
}

#nav li li a:hover{
	background-color: #FFFFFF;
	background-image: none;
}

#nav li li .active{
	background-color: #FFFFFF;
	background-image: none;
	color: #666;
}

#maingraphic{
	height: 250px;
	width: 750px;
	background-repeat: no-repeat;
}

.home{
	background-image: url(images/home.jpg);
}

.overview{
	background-image: url(images/overview.jpg);
}

.history{
	background-image: url(images/history.jpg);
}

.mission{
	background-image: url(images/mission.jpg);
}

.experience{
	background-image: url(images/experience.jpg);
}

.location{
	background-image: url(images/location.jpg);
}

.metalstamping{
	background-image: url(images/metalstamping.jpg);
}

.assembly{
	background-image: url(images/assembly.jpg);
}

.laminationstamping{
	background-image: url(images/laminationstamping.jpg);
}

.diecasting{
	background-image: url(images/diecasting.jpg);
}

.scrollslitting{
	background-image: url(images/scrollslitting.jpg);
}

.welding{
	background-image: url(images/welding.jpg);
}

.equipment{
	background-image: url(images/equipment.jpg);
}

.designengineering{
	background-image: url(images/designengineering.jpg);
}

.tooling{
	background-image: url(images/tooling.jpg);
}

.qualitycontrol{
	background-image: url(images/qualitycontrol.jpg);
}

.processcontrol{
	background-image: url(images/processcontrol.jpg);
}

.news{
	background-image: url(images/news.jpg);
}

.contact{
	background-image: url(images/contact.jpg);
}

.employment{
	background-image: url(images/employment.jpg);
}

.suppliers{
	background-image: url(images/suppliers.jpg);
}


#subnav{
	float: left;
	width: 200px;
	background-image: url(images/graphicshadow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 30px;
}

#subnav ul{
	list-style: none;
	margin: 0 15 30;
	padding: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #e7e8e9;
}

#subnav li{
}

#subnav li a {
	width: 100%;
	display: block;
	padding-top: 4px;
	padding-right: 15px;
	padding-bottom: 4px;
	padding-left: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e7e8e9;
	text-transform: uppercase;
	color: #000000;
	text-decoration: none;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #f1f2f3;
	border-left-color: #f1f2f3;
	font-size: 11px;
}

html>body #subnav li a { 
	width: auto; 
}

#subnav li a:hover, #subnav li .active{
	background-color: #FFFFFF;
	border-right: 1px solid #e7e8e9;
	border-left: 1px solid #e7e8e9;
}

#subnav li .active{
	background-color: #FFFFFF;
	border-right: 1px solid #e7e8e9;
	border-left: 1px solid #e7e8e9;
	color: #666;
}

#content{
	float: left;
	width: 550px;
	background-image: url(images/graphicshadow.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

#content a{
	color: #000000;
}

#content a:hover{
	color: #ff0000;
	text-decoration: none;
}

#content li{
	margin-bottom: 5px;
}

#content dl.loc{
	margin: 0px;
	padding: 0px;
	width: 250px;
	float: left;
}

#content .loc dt{
	font-weight: bold;
}

#content .loc dd{
	line-height: 17px;
	margin: 0px;
}

#content dl.form{
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 30px;
	margin-left: 0px;
}

#content .form dt{
	margin-bottom: 5px;

}

#content .form dd{
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	font-size: 12px;

}

dd span{
	padding-left: 20px;
}

.clear{
	clear: both;
	height: 1px;
}

.padder{
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 15px;
	padding-left: 20px;
}

.subgraphic{
	height: 127px;
	width: 127px;
	background-color: #a5a5a5;
	background-repeat: no-repeat;
	background-position: 1px 1px;
	float: right;
	margin-bottom: 10px;
	margin-left: 10px;
}

#mission1{
	background-image: url(images/mission1.jpg);
}

#home1{
	background-image: url(images/home1.jpg);
}

#home2{
	background-image: url(images/home2.jpg);
}

#home3{
	background-image: url(images/home3.jpg);
}

#home4{
	background-image: url(images/home4.jpg);
}

#metalstamping1{
	background-image: url(images/metalstamping1.jpg);
}

#metalstamping2{
	background-image: url(images/metalstamping2.jpg);
}

#assembly1{
	background-image: url(images/assembly1.jpg);
}

#assembly2{
	background-image: url(images/assembly2.jpg);
}

#designengineering1{
	background-image: url(images/designengineering1.jpg);
}

#diecasting1{
	background-image: url(images/diecasting1.jpg);
}

#diecasting2{
	background-image: url(images/diecasting2.jpg);
}

#laminationstamping1{
	background-image: url(images/laminationstamping1.jpg);
}

#laminationstamping2{
	background-image: url(images/laminationstamping2.jpg);
}

#laminationstamping3{
	background-image: url(images/laminationstamping3.jpg);
}

#laminationstamping4{
	background-image: url(images/laminationstamping4.jpg);
}

#processcontrol1{
	background-image: url(images/processcontrol1.jpg);
}

#qualitycontrol1{
	background-image: url(images/qualitycontrol1.jpg);
}

#qualitycontrol2{
	background-image: url(images/qualitycontrol2.jpg);
}

#scrollslitting1{
	background-image: url(images/scrollslitting1.jpg);
}

#welding1{
	background-image: url(images/welding1.jpg);
}

#welding2{
	background-image: url(images/welding2.jpg);
}

.form{
	font-size: 13px;
}

.form .space{
	padding-bottom: 5px;
}

.textfield{
	width: 200px;
	margin-bottom: 5px;
	margin-top: 2px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size: 13px;
}

.textfield-small{
	width: 50px;
	margin-bottom: 5px;
	margin-top: 2px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size: 13px;
}


.textarea{
	width: 450px;
	height: 100px;
	margin-bottom: 5px;
	margin-top: 2px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size: 13px;
}

.button{
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

dl#Map{
	margin: 0;
	padding: 0;
	height: 250px;
	width: 750px;
	position: relative;
}

.location dt{ 
	margin: 0; 
	padding: 0; 
	position: absolute;  
	display: none; 
}

.location dd{ 
	margin: 0; 
	padding: 0; 
	position: absolute;  
}

/* ---------- Hotspot Declarations ---------- */
	
dd#bw{ 
	top: 110px; 
	left: 550px; 
}

dd#go{ 
	top: 103px; 
	left: 578px; 
}

dd#ma{ 
	top: 12px; 
	left: 616px; 
}

dd#mj{ 
	top: 96px; 
	left: 562px; 
}

dd#mo{ 
	top: 35px; 
	left: 513px; 
}

dd#mc{ 
	top: 215px; 
	left: 450px; 
}

dd#mx{ 
	top: 233px; 
	left: 424px; 
}

dd#bw a, dd#go a, dd#ma a, dd#mj a, dd#mc a, dd#mo a, dd#mx a  {
	position: absolute;
	width: 15px;
	height: 15px;
	text-decoration: none;
}

dd#bw a span, dd#go a span, dd#ma a span, dd#mj a span, dd#mc a span, dd#mo a span, dd#mx a span{
	display: none;	

}

dd#bw a:hover, dd#go a:hover, dd#ma a:hover, dd#mj a:hover, dd#mc a:hover, dd#mo a:hover, dd#mx a:hover{ 
	display: block;
}

dd#bw a:hover span, dd#go a:hover span, dd#ma a:hover span, dd#mj a:hover span, dd#mc a:hover span, dd#mo a:hover span, dd#mx a:hover span{
	color: #000;
	background-color: #FFFFFF;
	margin: 0;
	width: 200px;
	display: block;
	position: absolute;
	text-align: left;
	padding: 0px;
}

dd#bw a:hover span{
	top: -90px;
	left: -520px;		
	background-image: url(images/brentwood.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

dd#go a:hover span{
	top: -83px;
	left: -548px;
	background-image: url(images/gordonsville.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

dd#ma a:hover span{
	top: 2px;
	left: -586px;
	background-image: url(images/markham.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
} 

dd#mj a:hover span{
	top: -76px;
	left: -532px;	
	background-image: url(images/mtjuliet.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
} 

dd#mo a:hover span{
	top: -15px;
	left: -483px;	
	background-image: url(images/monroe.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

dd#mc a:hover span{
	top: -195px;
	left: -420px;
	background-image: url(images/mcallen.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

dd#mx a:hover span{
	top: -219px;
	left: -394px;
	background-image: url(images/monterrey.jpg);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}

.location dd p{
	padding-top: 120px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	font-size: 11px;
	line-height: 13px;
	border: 1px solid #554a20;
}