* {
	padding: 0;
	margin: 0;
}
body {
	background: #DAE2E3;
	text-align:center;
	font: 14px/17px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#container {
	position: relative;
	width: 809px;
	margin: 0 auto;
	text-align: left;
}

#globalnav {
	height: 150px;
	background: url(../_img/nav_back.gif) no-repeat left top;	
}
#globalnav h1 {
	text-indent: -3333px;
}
#globalnav ul {
	list-style: none;
	position: absolute;
	left: 183px;
	top: 18px;
	background: #fff;	
	height: 77px;
}
#globalnav ul li {
	float: left;
	height: 77px;
}
#globalnav ul li  a {
	display: block;
	text-indent: -3333px;
	text-decoration: none;
	outline: none;
	height: 77px;
	z-index: 2000;
}
#globalnav ul li:hover,
#globalnav ul li.sfhover {
	background-position: 0 -77px;
}
#globalnav ul li#nav-home  {
	background-image: url(../_img/nav/home.gif);
	width: 67px;
}
#globalnav ul li#nav-background  {
	width: 73px;
	background-image: url(../_img/nav/about_us.gif);
}
#globalnav ul li#nav-why  {
	background-image: url(../_img/nav/why.gif);
	width: 80px;
}
#globalnav ul li#nav-capabilities  {
	background-image: url(../_img/nav/capabilities_2009.gif);
	width: 67px;
}
#globalnav ul li#nav-customers  {
	background-image: url(../_img/nav/customers_2009.gif);
	width: 74px;
}
#globalnav ul li#nav-materials  {
	background-image: url(../_img/nav/materials.gif);
	width: 54px;
}
#globalnav ul li#nav-quotations  {
	background-image: url(../_img/nav/quotations.gif);
	width: 70px;
}
/* =============================================== */
/* ================= ACTIVE NAVS ================= */
/* =============================================== */
#homepage #globalnav ul li#nav-home,
#backgroundpage #globalnav ul li#nav-background,
#whypage #globalnav ul li#nav-why,
#customerspage #globalnav ul li#nav-customers,
#materialspage #globalnav ul li#nav-materials,
#quotationspage #globalnav ul li#nav-quotations,
#contactpage #globalnav ul li#nav-contact {
	background-position: 0 -77px;
}

.capspage #globalnav ul li#nav-capabilities {
	background-position: 0 -154px;
}
.capspage #globalnav ul li#nav-capabilities:hover,
.capspage #globalnav ul li#nav-capabilities.sfhover {
	background-position: 0 -77px;
} 
#customerspage #globalnav ul li#nav-customers {
	background-position: 0 -154px;
}
#customerspage #globalnav ul li#nav-customers:hover,
#customerspage #globalnav ul li#nav-customers.sfhover {
	background-position: 0 -77px;
} 
/* =============================================== */
/* ============ SUBNAV HIDE 'n' HOVER ============ */
/* =============================================== */
#globalnav ul li#nav-capabilities #subnav {
	position: absolute;
	top: -3000px;
	width: 237px;
	height: 276px;
	background: url(../_img/subnav_back_2009.gif) no-repeat left top;	
}
#globalnav li#nav-capabilities:hover #subnav,
#globalnav ul li#nav-capabilities.sfhover #subnav { 
		position : absolute;
		z-index: 2000;
		left: 182px;
		top: 77px;
		
}
/* =============================================== */
/* ============ CUSTOMER NAV HIDE 'n' HOVER ============ */
/* =============================================== */
#globalnav ul li#nav-customers #customer_nav {
	position: absolute;
	top: -3000px;
	width: 209px;
	height: 78px;
	background: url(../_img/customer_nav_back.gif) no-repeat left top;	
}
#globalnav li#nav-customers:hover #customer_nav,
#globalnav ul li#nav-customers.sfhover #customer_nav { 
		position : absolute;
		z-index: 2000;
		left: 245px;
		top: 77px;
		
}

#globalnav ul li#nav-customers #customer_nav li#cn-market,
#globalnav ul li#nav-customers #customer_nav li#cn-market a  {
	float:none;
	height: 31px;
}
#globalnav ul li#nav-customers #customer_nav li#cn-market a {
	text-indent: -3333px;
	margin-left: 12px;
	width: 158px;
	background-image: url(../_img/nav/cn-market.gif);
}
#globalnav ul li#nav-customers #customer_nav li#cn-market a:hover {
	background-position: 0 -31px;
}
#globalnav ul li#nav-customers #customer_nav li#cn-case,
#globalnav ul li#nav-customers #customer_nav li#cn-case a {
	float:none;
	height: 24px;
}
#globalnav ul li#nav-customers #customer_nav li#cn-case a {
	text-indent: -3333px;
	margin-left: 12px;
	width: 158px;
	background-image: url(../_img/nav/cn-case.gif);
}
#globalnav ul li#nav-customers #customer_nav li#cn-case a:hover {
	background-position: 0 -24px;
}
#globalnav ul li#nav-customers #customer_nav li#cn-testimonials,
#globalnav ul li#nav-customers #customer_nav li#cn-testimonials a {
	float:none;
	height: 16px;
}
#globalnav ul li#nav-customers #customer_nav li#cn-testimonials a {
	text-indent: -3333px;
	margin-left: 12px;
	width: 158px;
	background-image: url(../_img/nav/cn-testimonials.gif);
}
#globalnav ul li#nav-customers #customer_nav li#cn-testimonials a:hover {
	background-position: 0 -16px;
}
/* =============================================== */
/* ================ SUBNAV STYLE ================= */
/* =============================================== */
#globalnav ul li#nav-capabilities #subnav li {
	float:none;
	height: 22px;
}
#globalnav ul li#nav-capabilities #subnav li#sn-equip,
#globalnav ul li#nav-capabilities #subnav li#sn-equip a {
	height: 31px;
}
#globalnav ul li#nav-capabilities #subnav li#sn-lead,
#globalnav ul li#nav-capabilities #subnav li#sn-lead a {
	height: 16px;
}
#globalnav ul li#nav-capabilities #subnav li a {
	text-indent: -3333px;
	height: 22px;
	margin-left: 12px;
	width: 221px;
}
#globalnav ul li#nav-capabilities #subnav li a:hover {
	background-position: 0 -22px;
}
/* deal with odd heights (first and last buttons) */
#globalnav ul li#nav-capabilities #subnav li#sn-equip,
#globalnav ul li#nav-capabilities #subnav li#sn-equip a {
	height: 31px;
}
#globalnav ul li#nav-capabilities #subnav li#sn-equip a:hover {
	background-position: 0 -31px;
}
#globalnav ul li#nav-capabilities #subnav li#sn-lead,
#globalnav ul li#nav-capabilities #subnav li#sn-lead a {
	height: 16px;
}
#globalnav ul li#nav-capabilities #subnav li#sn-lead a:hover {
	background-position: 0 -16px;
}
/* subnav images */
#globalnav ul li#nav-capabilities #subnav li#sn-equip a {
	background-image: url(../_img/nav/sn-equip.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-surface a {
	background-image: url(../_img/nav/sn-surface.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-hand a {
	background-image: url(../_img/nav/sn-hand.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-flow a {
	background-image: url(../_img/nav/sn-flow.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-unit a {
	background-image: url(../_img/nav/sn-unit.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-test a {
	background-image: url(../_img/nav/sn-test.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-engine a {
	background-image: url(../_img/nav/sn-engine.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-design a {
	background-image: url(../_img/nav/sn-design.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-bga a {
	background-image: url(../_img/nav/sn-bga.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-lead a {
	background-image: url(../_img/nav/sn-lead.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-aoi a {
	background-image: url(../_img/nav/sn-aoi.gif);
}
#globalnav ul li#nav-capabilities #subnav li#sn-final a {
	background-image: url(../_img/nav/sn-final.gif);
}

/* ======================================================= */
/* =============== The TWO BUTTONS top right ============= */
/* ======================================================= */
#nav-leadfree {
	position: absolute;
	left: 668px;
	top: 32px;
}
#nav-leadfree a {
	display: block;
	text-indent: -3333px;
	background-image: url(../_img/nav/top-lead.gif);
	width: 136px;
	height: 38px;
	text-decoration: none;
	outline: none;
}
#nav-contact {
	position: absolute;
	left: 668px;
	top: 70px;
}
#nav-contact a {
	display: block;
	text-indent: -3333px;
	background-image: url(../_img/nav/top-contact.gif);
	width: 136px;
	height: 38px;
	text-decoration: none;
	outline: none;
}
#nav-leadfree a:hover,
#nav-contact a:hover {
	background-position: 0 -38px;
}





/*================================================== */
/*================ THE FLASH STRIP ================= */
/*================================================== */
#flashcontent {
	height: 102px;
	background: url(../_img/flash_back.gif) no-repeat left top;
	padding-left: 5px;
}



/*================================================== */
/*=================== THE CONTENT ================== */
/*================================================== */
#content {
	background: url(../_img/body_back.gif) no-repeat left bottom;
	padding-left: 6px;
	padding-bottom: 32px;
}

/*================================================== */
/*================== THE HOME PAGE ================= */
/*================================================== */
#homepage #content h3 {
	width: 566px;
	height: 111px;
	background: url(../_img/home_curvy_panel.gif) no-repeat left top;	
}
#homepage #content h3 span {
	display: block;
	padding: 14px 48px 14px 23px;
	color: #004D45;
	font: normal 15px/21px Arial, Helvetica, sans-serif;
}
#homepage #content ul {
	padding: 20px 0 0 20px;	
	list-style: none;
}
#homepage #content ul li {
	font-size: 17px;
	line-height: 25px;
	height: 25px;
	color: #CCE70B;
	background: url(../_img/list_bullet.gif) no-repeat left center;
	padding-left: 20px;
}
#homepage p#quote {
	margin: 32px 0 0 185px;
	width: 290px;
	border-top: 2px solid #48706A;
	border-bottom: 2px solid #48706A;
	text-align:right;
	font-size: 16px;
	font-weight: normal;
	line-height: 21px;
}
#homepage p#quote cite {
	display:block;
	padding: 3px 50px 3px 2px;
}

#homepage #cutout {
	left: 430px;
	top: 335px;
	position: absolute;
	z-index: 0;
}
#homepage #cap_button a,
#homepage #why_button a{
	width: 137px;
	height: 125px;
	text-indent: -3333px;
	display: block;
	text-decoration: none;
	outline: none;
}
#homepage #cap_button a:hover,
#homepage #why_button a:hover{
	background-position: 0 -125px;
}
#homepage #cap_button a {
	position: absolute;
	left: 631px;
	top: 289px;
	background: url(../_img/home_cap_button.gif);
}

#homepage #why_button a {
	position: absolute;
	left: 631px;
	top: 438px;
	background: url(../_img/home_why_button.gif);
}
#homepage #manufacturing_button a {
	position: absolute;
	left: 631px;
	top: 289px;
	width: 159px;
	height: 113px;
	text-indent: -3333px;
	display: block;
	text-decoration: none;
	outline: none;
	background: url(../_img/home_solutions_button.gif);
}
#homepage #manufacturing_button a:hover {
	background-position: 0 -113px;
}
#homepage #teaser_button  {
	position: absolute;
	left: 628px;
	top: 414px;
	width: 165px;
	height: 119px;
}
#homepage #panorama_button a {
	position: absolute;
	left: 631px;
	top: 545px;
	width: 159px;
	height: 72px;
	text-indent: -3333px;
	display: block;
	text-decoration: none;
	outline: none;
	background: url(../_img/home_360_button.gif);
}
#homepage #leadfree {
	margin-top: 32px;
}
#homepage #leadfree span {
	float: left;
}
#homepage #leadfree a {
	float: left;
	width: 270px;
	padding-top: 12px;
	padding-left: 12px;
	font-size: 12px;
	line-height: 19px;
}

/*================================================== */
/*================== GENERIC PAGES ================= */
/*================================================== */
#content h2 {
	height: 64px;
	background: url(../_img/generic_curvy_panel.gif) no-repeat right top;
	width: 751px;	
}

#content h2 span {
	display: block;
	padding: 0px 48px 0px 23px;
	color: #004D45;
	width: auto;
	font: bold 30px/64px Arial Narrow, Helvetica, sans-serif;
}
#content #innercontent {
	width: 500px;
	margin: 25px 0 25px 25px;
}
#content #innercontent h3 {
	font-size: 18px;
	font-weight: bold;
	color: #fff;
	padding-bottom: 5px;
}
#content #innercontent p {
	padding-bottom: 1.5em;
}
#content #innercontent p strong{
	
}
#content ul {
	padding-left: 24px;
	padding-bottom: 1.5em;
}
#content ul li {
	padding-bottom: 4px;
}
#content #innercontent p.quote {
	float: right;
	width: 115px;
	text-align: right;
	padding: 0 0 20px 20px;
	font: bold 18px/23px "Arial Narrow", Arial;
	color: #CCE70B;
}


#content #main_image {
	padding:0;
	margin: 0;
	position: absolute;
	left: 578px;
	top: 342px;
}

/*======================================================== */
/*================== Why Us? PAGE BUTTON ================= */
/*======================================================== */
#content #main_image #quality_policy {
	display: block;
	text-indent: -3333px;
	margin-top: 12px;
	height: 53px;
	background: url(../_img/quality_policy_button.jpg) no-repeat;
	text-decoration: none;
	outline: none;
}
#content #main_image #quality_policy:hover {
	background-position: 0 -53px;
}


/*======================================================== */
/*================== CAPABILITES PAGES   ================= */
/*======================================================== */
/* override the h2 style */

.capspage #content h2 {
	height: auto;
	background: none;
	width: auto;	
	display: inline;
	float: left;
}

.capspage #content h2 span {
	display: block;
	padding: 0px 18px 0px 23px;
	color: #004D45;
	width: auto;
	font: bold 30px/64px Arial Narrow, Helvetica, sans-serif;
}
.capspage #cap-panel {
	height: 64px;
	background: url(../_img/generic_curvy_panel.gif) no-repeat right top;
	width: 751px;	
}
/*======================================================== */
/*=============== CAPABILITES NAVIGATION   =============== */
/*======================================================== */
.capspage #cap-panel ul {
	padding-top: 10px;

}
.capspage #cap-panel ul li {
	float: left;
	list-style: none;
	padding-right: 13px;
}
.capspage #cap-panel ul li a {
	color: #004D45;
	font: bold 12px/19px Arial Narrow, Helvetica, sans-serif;
	text-decoration: none;
}
.capspage #cap-panel ul li a:hover {
	color: #000;
	text-decoration: underline;
}
#equipmentpage #cap-equip a,
#surfacepage #cap-surface a,
#handpage #cap-hand a,
#flowpage #cap-flow a,
#unitpage #cap-unit a,
#testpage #cap-test a,
#enginepage #cap-engine a,
#designpage #cap-design a,
#bgapage #cap-bga a,
#aoipage #cap-aoi a,
#finalpage #cap-final a,
#leadpage #cap-lead a {
	color: #000;
	text-decoration: underline;
}

/*======================================================== */
/*================= HOW TO FIND US LIST   ================ */
/*======================================================== */
#contactpage #content ul li {
	padding-bottom: 1em;
	
}




.clr {
	clear: both;
}
a {
	color: #fff;
}
a:hover {
	color:#CCE70B;
}
img {
	border: none;
}

a.casestudylink {
	color:#CCE70B;
}
a.casestudylink:hover {
	color:#fff;
}