/*
	ATMI
	
	Resets Styles for Increased Cross Browser Optimization
	link - http://meyerweb.com/eric/thoughts/2008/01/15/resetting-again/

*/	

/*-----------Style Reset-------------*/	
	
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*-----------Basic Styles-------------*/	
	
body {
margin: 0; padding: 0;
color: #fff;
background: #292929;
font-family: Arial, Verdana, sans-serif;
font-size: 12px;
text-align: center;
}

a:link, a:visited{ color: #0095eb; text-decoration: none;}
a:hover, a:active{ color: #0095eb; text-decoration: underline; }

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

img{ display: block; border: 0; }

h1{ 
color: #fff;
font-weight: normal;
font-size: 36px;
}

h2{ 
color: #fff;
font-size: 18px;
font-weight: normal;
margin-bottom: 10px;
}

h3{ 
color: #ffc52d;
font-size: 15px;
font-weight: normal;
margin-bottom: 5px;
padding-top: 15px;
}
h3.no_pad{padding-top: 0;}

h4{ 
color: #fff;
font-size: 12px;
font-weight: bold;
}
h4.black{ 
color: #000;
font-size: 14px;
font-weight: bold;
}

h5{ 
color: #fff;
font-size: 12px;
font-weight: bold;
margin: 15px 0;
}

	

/*-----------Navigation-------------*/	

#nav{
height: 88px;
position: relative;
}

#nav_main{
position: absolute;
top: 0;
left: 0;
}

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

#nav_main li {
display: block;
list-style: none;
float: left;
margin: 0; padding: 0;
}

#nav_main a {
display: block;
overflow: hidden;
height: 0px !important;
height /**/: 88px; /*For IE5 Win */
padding: 88px 0 0 0;
}

#nav_main a:hover{
background-position: 0 -88px;
}
#nav_main .active a{
background-position: 0 -88px;
}

.nav1 a{ width: 192px;	background: url('../images/nav/nav_atmi.gif') top left no-repeat;}
.nav3 a{ width: 160px;	background: url('../images/nav/nav_semiconductor.gif') top left no-repeat;}
.nav4 a{ width: 160px;	background: url('../images/nav/nav_lifescience.gif') top left no-repeat;}
.nav2 a{ width: 160px;	background: url('../images/nav/nav_company.gif') top left no-repeat;}
.nav5 a{ width: 160px;	background: url('../images/nav/nav_investors.gif') top left no-repeat;}
.nav6 a{ width: 158px;	background: url('../images/nav/nav_careers.gif') top left no-repeat;}

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

#subnav li{
	width: 192px;
	padding: 0;
	margin: 0;
}
	#subnav li ul{
		padding: 4px 0 4px 0;
		margin: 2px 0 0 0;
		background: url('../images/bg/bg_list_borderfix.gif') bottom left no-repeat;
	}
		#subnav li ul li a{
		padding: 0 0 8px 30px;
		_padding: 0 0 10px 30px;
		font-size: 9px;
		font-weight: bold;
		line-height: 11px;
		color: #ccc;
		margin: 0;
		width: 170px;
		border: none;
		}
		#subnav li ul li a:hover, #subnav li ul li a.active{
		padding: 0 0 8px 30px;
		_padding: 0 0 10px 30px;
		color: #0095eb;
		font-size: 9px;
		font-weight: bold;
		background: url('../images/icons/carrot_blue.gif') 20px 1px no-repeat;
		margin: 0;
		width: 170px;
		border: none;
		}
#subnav a{
	width: 172px;
	border-bottom: 2px solid #1a1a1a;
	display: block;
	color: #fff;
	font-size: 10px;
	text-decoration: none;
	padding: 10px 0 10px 20px;
}
#subnav a:hover, #subnav a.active{
	width: 170px;
	background:#0096ec;
	border-right: 2px solid #0072b4;
	border-bottom: 2px solid #0072b4;
	display: block;
	font-size: 10px;
	text-decoration: none;
	color: #fff;
	padding: 10px 0 10px 20px;
}

#subnav li .nobord{border-bottom: none;}
#subnav li .nobord:hover{padding-bottom: 10px; *padding-bottom: 8px;}
#subnav li .nobord:hover.active{padding-bottom: 10px; _padding-bottom: 10px;}
#subnav li .nobord.active{padding-bottom: 10px;}

#search{
height: 56px;
background: #333 url('../images/bg/bg_search.gif') repeat-x;
}
.searchform{margin-left: 672px; padding-top: 10px;}

#search input.searchBox {width: 220px;  font-size: 96%; float: left; margin-top: 8px;}

#search .goBtn{
display: block;float: left;
width: 38px;
margin-left: 15px;
}


/*-----------Layout-------------*/		

#wrapper{
margin: 0px auto;
padding: 0 5px;
background: #333 url('../images/bg/bg_wrapper.gif') repeat-y;
text-align: left;
width: 990px;
position: relative;
}

#footer{
background: url('../images/bg/bg_footer.gif') repeat-x;
height: 57px;
color:#fff;
font-size: 10px;
padding: 0 28px;
}
#footer a:link, #footer a:visited{color: #fff;}
#footer a:hover, #footer a:active{color: #fff;}

#footer p{float: left; margin: 0; padding: 0; display: inline; margin-top: 23px;}
#footer .japan{float: right; display: inline; margin-top: 19px;}

#shadow{
margin: 0px auto;
height: 3px;
background: #292929 url('../images/bg/bg_footer_shadow.gif') no-repeat;
width: 1000px;
}
	/*-----------Banners-------------*/
	
	#home #main_banner{
	background: url('../images/home/bg_main.jpg') no-repeat;
	height: 290px;
	color: #fff;
	} #home #main_banner .pad{float: center; padding: 165px 40px 0 482px; font-size: 15px; line-height: 1.7em;}
	
	#interior #main_banner{
		background: url('../images/bg/bg_interior_header.jpg') no-repeat;
		height: 175px;
		color: #fff;
	} #interior #main_banner .pad{padding: 66px 28px 0 28px; font-size: 48px; letter-spacing: 12px;}
	
	#onecolumn #main_banner{
		background: url('../images/bg/bg_interior_header.jpg') no-repeat;
		height: 175px;
		color: #fff;
	} #onecolumn #main_banner .pad{padding: 66px 28px 0 28px; font-size: 48px; letter-spacing: 12px;}
	
	#yellowside #main_banner{
		background: url('../images/bg/bg_interior_header.jpg') no-repeat;
		height: 175px;
		color: #fff;
	} #yellowside #main_banner .pad{padding: 66px 28px 0 28px; font-size: 48px; letter-spacing: 12px;}
	
	#job_detail #main_banner{
		background: url('../images/bg/bg_interior_header.jpg') no-repeat;
		height: 175px;
		color: #fff;
	} #job_detail #main_banner .pad{padding: 66px 28px 0 28px; font-size: 48px; letter-spacing: 12px;}
	
	/*-----------Home-------------*/
	
	.home_col{
		float: left;
		width: 439px;
		padding: 30px 20px 0 28px;
	}
		.home_col p{float:left;padding: 0 80px 20px 0; font-size: 14px;}
		.home_col .button{float: right; display: block; padding-bottom: 10px; margin-top: -10px;}
		#semiconductor .button{float: right; display: inline; padding-bottom: 0px; margin-top: -20px;}
		
	/*-----------Interior Pages-------------*/
	
	#content{
		width: 990px;
		background: url('../images/bg/bg_content.gif') repeat-y;
		position: relative;
	}
	#yellowside #content{
		width: 990px;
		background: url('../images/bg/bg_content_yellow_col.gif') repeat-y;
		position: relative;
	}
	 #semiconductor #content {border-top: 3px solid #fecd4d;}
	 
	#onecolumn 	#content{
	width: 990px;
	background: url('../images/bg/bg_content.gif') repeat-y;
	position: relative;
	}
	
	#onecolumn #content .left{
		width: 192px;
		float: left;
		height: 500px;
		background: url('../images/bg/bg_subnav.jpg') bottom left no-repeat;
	}
	#onecolumn #content .mid{
		width: 700px;
		float: left;
		padding: 15px 0 0 30px;
	}	
	
	#content .left{
		width: 192px;
		float: left;
		height: 500px;
		background: url('../images/bg/bg_subnav.jpg') bottom left no-repeat;
	}
	#content .mid{
		width: 480px;
		float: left;
		padding: 15px 0 0 30px;
	}
	 #content .calc .mid{ width: 580px; padding: 15px 0 0 25px; _padding: 15px 0 0 15px;}
	 #content .ratios .mid{ width: 580px; padding: 15px 0 0 25px; _padding: 15px 0 0 15px;}
	 #content .pressevents .mid{ width: 580px; padding: 25px 0 0 25px; _padding: 15px 0 0 10px;}
	 #job_detail #content .mid{ width: 620px; padding: 15px 0 0 25px; _padding: 15px 0 0 15px;}
	
	 #job_detail #content .mid .leftcol{width: 160px; float: left;}
	 #job_detail #content .mid .rightcol{float: left; width: 450px;}
		
	 #yellowside #content .mid{width: 455px; _width: 447px; padding: 15px 25px 0 30px;}
	 
	#content .right{
		float: left;
		padding: 55px 0 0 20px;
	}
	 #content .calc .right{width: 155px; padding: 0 0 0 20px; margin: 82px 0 0 0}
	 #content .ratios .right{width: 155px; padding: 0 0 0 20px; margin: 62px 0 0 0}
	 #content .pressevents .right{width: 155px; padding: 0 0 0 20px; margin: 28px 0 0 0}
	 #content .bio .right{padding: 76px 0 0 65px;}
	 
	 #yellowside #content .right{
	 	background: url('../images/bg/bg_yellow_col_top.gif') no-repeat; width: 242px;
	 	padding: 31px 30px 100px 15px;
	 	font-size: 11px;
	 	color: #000;
	 }.rule{background: url('../images/bg/rule.gif') repeat-x; height: 2px; margin-right: 5px; margin-bottom: 15px;}
	
	#semiconductor #content .mid{
		width: 798px;
		padding: 0;
	}
		#semiconductor #content .mid .top{
			float: right;
			width: 798px;
			height: 432px;
			background: url('../images/bg/bg_semi_header.jpg') no-repeat;
		}#semiconductor #content .mid .top p{padding:180px 40px 0 319px; color: #000; font-size: 13px;}
		#semiconductor #content .mid #bot{
			width: 798px;
			height: 160px;
		}
		#semiconductor #content .mid #bot #products{
			width: 225px;
			height: 130px;
			padding: 20px 20px 10px 20px;
			background-color: #121212;
			float: left;
		}
		#productdesc1{float: left;width: 440px;padding: 15px 30px 30px 30px;}
		#productdesc2{float: left;width: 440px;padding: 15px 30px 30px 30px;}
		#productdesc3{float: left;width: 440px;padding: 15px 30px 30px 30px;}
		#productdesc4{float: left;width: 440px;padding: 15px 30px 30px 30px;}
		#productdesc5{float: left;width: 440px;padding: 15px 30px 30px 30px;}
	
	#contact_swf{
	
	}
	
/*-----------Forms-------------*/		
	
	form, fieldset {
		margin: 0;
		padding: 0;
	}
		
		form ol { margin: 0; padding: 0; }
		form ol li{ list-style: none; }
		input, textarea, select { margin: 0; }
		form legend { font-weight: bold; padding: 10px 0 15px 0px; color: #666; margin-left: -7px; }
		
		form fieldset {
			border: none;
			clear: left;
		}
			
			form fieldset li {
				clear: left;
				padding: 5px 0 5px 0;
			}
	
		form div{
			width: 200px;
			float: left;
			line-height: 140%;
			margin-bottom: 10px;
		}
		
		form .button{ margin: 10px 0 0 150px; }


/*-----------Tables Data-------------*/		
.ratiotable {margin: 5px 0 15px 0;}
.ratiotable td, .ratiotable caption { background-color: #3d3d3d;}
.ratiotable td, .ratiotable th { padding: 7px; }
.ratiotable th,.ratiotable th a { color: #fff; }
.ratiotableBottom td { border-bottom: 0px;}

/* to get rid of bottom line on tables, uncomment: */
/* td.ratiotableBottom {border-bottom:0;} */
.ratiotable .total td {
  font-weight: bold;
}
.ratiotable .special td { color: #CC9900; }

.dataTable { }
.dataTable td, .dataTable caption { background-color: #3d3d3d;}
.dataTable td, .dataTable th { padding: 13px; }
.dataTable th,.dataTable th a { color: #fff; }
.dataTableBottom td { border-bottom: 0px;}
.dataTable td a { line-height: 18px;}

/* to get rid of bottom line on tables, uncomment: */
/* td.dataTableBottom {border-bottom:0;} */
.dataTable .total td {
  font-weight: bold;
}
.dataTable .special td { color: #CC9900; }

th, caption { 
background-color: #3594e8;
color: #fff;
font-weight: bold;
text-align: left;
vertical-align: bottom; 
padding: 3px;
}

.primary, .primary td, .primarybold, .primarybold td {
vertical-align: top;
}
.primarybold, .primarybold td {
font-weight: bold;
}

.alternate, .alternate td {
background-color: #2e2e2e;
vertical-align: top;
}
.ratiotable .alternate, .ratiotable .alternate td {
background-color: #2f2f2f;
vertical-align: top;
}

.nostyle,.nostyle td {
  padding: 0px;
  margin: 0px;
  border: 0px;
}


/* --------Shareholder Tools ------*/

#toolbar {
font-size: 11px;
}

#toolbar a{
color: #fff;
vertical-align: middle;
text-decoration: none;
}
#toolbar a:hover{
color: #fff;
vertical-align: middle;
text-decoration: underline;
}

#toolbar .ToolbarContent {
padding: 0;
text-align: left;
}

#toolbar .ToolbarTitle {
padding-left: 0px;
margin-bottom: 5px;
text-align: left;
font-weight: bold;
}

#toolbar ul {
margin: 0;
padding: 0;
}

#toolbar ul li {
padding:2px 0 2px 0;
margin: 0;
list-style-type: none;
}

#toolbar img {
padding-left: 2px;
float: left;
padding-right: 5px;
border: 0px;
vertical-align: middle;
}




/*-----------Lists UL/OL-------------*/		
	
	ul{ margin-left: 0; padding-left: 10px;}
	ul li{ margin-left: 0; padding-left: 0; margin-bottom: 10px;}
	
	.mid ul{ margin-left: 0; padding-left: 5px;}
	.mid ul li{ margin-left: 0; padding-left: 8px; margin-bottom: 10px; line-height: 1.3em; background: url('../images/bg/bg_list_mini.gif') 0 5px no-repeat;}
	
	ol{ margin-left: 0; padding-left: 20px;}
	ol li{ margin-left: 0; padding-left: 0;}

/*----------sIFR ------------*/
.sIFR-flash {
  visibility: visible !important;
  margin: 0;
  padding: 0;
}

.sIFR-unloading .sIFR-flash {
  visibility: hidden !important;
}

.sIFR-replaced, .sIFR-ignore {
  visibility: visible !important;
}

.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

.sIFR-replaced div.sIFR-fixfocus {
  margin: 0pt; 
  padding: 0pt; 
  overflow: auto; 
  letter-spacing: 0px; 
  float: none;
}

.sIFR-dummy { 
  width: 0px;
  height: 0px;
  margin-left: 42px;
  z-index: 0;
}

/*----sifr Header styling---*/

.sIFR-active h1 {
  visibility: hidden;
  font-family: Arial;
  font-size: 48px;
}

.sIFR-active h2 {
  visibility: hidden;
  font-family: Arial;
  font-size: 18px;
  margin-bottom: 0;
}

.sIFR-active h3 {
  visibility: hidden;
  font-family: Arial;
  font-size: 16px;
  margin-bottom: 0px;
  padding-top: 15px;
}

.sIFR-active h3.no_pad{
  visibility: hidden;
  font-family: Arial;
  font-size: 16px;
  margin-bottom: 0px;
  padding-top: 0px;
}

.sIFR-active h4.black{
  visibility: hidden;
  font-family: Arial;
  font-size: 16px;
  margin-bottom: 0px;
  padding-top: 0px;
}


/*-----------Misc-------------*/		
	
	.clearB{ clear: both; }
	.clearR{ clear: right; }
	.clearL{ clear: left; }
	
	/* Valuation Changes up or down (Calculator, Stock quote, etc.) */
	.pricedown { color: #900; }
	.priceup{ color: #69b769; }
	
	.disclaimer {font-size: 11px;color: #999;}
	
	.job_icon{float: left; padding-right: 25px; padding-bottom: 25px;}
	.return_btn{padding-bottom: 15px;}
	
	.yellow{color:#ffc52d;}
	
	.right_holder{float: left;}

	
	.inline{display: inline;}
	
	.left_border{ border-left: 1px solid #5c5c5c;}