/* CSS Document */

body 								{ text-align: center; background: #005A9B url(images/cont_bg.gif) repeat-y center top; } 
body								{ behavior:url("../csshover.htc"); }/* IE 5.5, 6 */

body,div,p,a,ul,ol,li,dl,dt,dd,img,table,td,form,fieldset
							{ margin: 0px; padding: 0px; border: 0px; list-style: none; font-size: 11px; color: #005A9B; font-family: arial, sans-serif; line-height: 1.5em;  }
p							{ margin-bottom: 5px; }
.clearme					{ clear: both; }
.attn						{ color: #f0f; }
a:link						{  }
a:hover						{ color: #333; } 

div#contain					{ margin: 0 auto; width: 746px; text-align: left; }
div#header					{ border-top: 1px solid #4C4C4C; height: 148px; background: #fff; }
div#bot						{ clear: both; float: left; width: 746px; }

div#nav						{ background: url(images/nav_bar.gif) repeat-x center top; border: 1px solid #4C4C4C; border-width: 1px 0; width: 746px; height: 28px; }

/* nav (pre JQuery nav) * /

div#nav li					{ display: inline; float: left; position: relative; color: #D73647; border-left: 1px solid #92B7D3; }

div#nav li a				{ color: #D73647; display: block; text-decoration: none; text-transform: uppercase; padding: 0 13px; line-height: 28px; text-align: center; }
div#nav li a:link			{ color: #D73647; }
div#nav li a:hover			{ color: #fff; background: url(images/bg_005A9B_at_90.png) repeat left top; }

div#nav li:hover a			{ color: #fff; background: url(images/bg_005A9B_at_90.png) repeat left top; }
div#nav li:hover li a		{ background: url(images/arrow.gif) no-repeat 3px 4px; }

div#nav li ul				{ width: 150px; display: none; position: absolute; background: url(images/bg_005A9B_at_85.png) repeat left top; z-index: 99; }
div#nav li li				{ width: 150px; display: inline; padding: 5px 0; border: none; }
div#nav li li:hover			{ background: url(images/bg_005A9B_at_90.png) repeat left top; }
div#nav li li a				{ width: 150px; display: block; color: #fff; text-align: left; text-transform: none; background: url(images/arrow.gif) no-repeat 3px 4px; 
							  padding-left: 13px; line-height: 14px; font-weight: bold; }	
div#nav li li a:link		{ color: #fff; }
div#nav li li a:hover		{ color: #ddd; background: url(images/arrow.gif) no-repeat 3px 4px; }


/* --- fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left * /
div#nav li>ul 			{ top: auto; left: auto; } 

/* --- lists nested under hovered list items * /
div#nav li:hover ul	 	{ display: block; }
*/

/* Internal and about us nav */
div#rtcol							{ width: 480px; margin-left: 205px;  }
body#contact div#rtcol				{ width: 500px; height: 446px; background: url(images/cont_bkgr.jpg) no-repeat left bottom; }

div#ltcol							{ width: 180px; float: left; min-height: 300px; background: url(images/int_lt_side.gif) no-repeat left bottom; }

ul#ltnav li							{ text-align: right; background: #B7D0E2 url(images/lt_nav_base.gif) no-repeat left bottom; border-bottom: 1px solid #818E97; }
ul#ltnav li a						{ text-decoration: none; padding-right: 5px; text-transform: uppercase; color: #333; display: block; height: 29px; line-height: 29px; border-right: 1px solid #818E97; }
ul#ltnav li a:hover					{ color: #005A9B; }

body#titan div#ltcol,body#customer div#ltcol,body#ava div#ltcol,body#order div#ltcol,body#process div#ltcol	
									{ padding-bottom: 200px; }
/* home specifics   */
body#home h1				{ font-style: italic; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 2em; color: #005A9B; }

body#home div#ltcol			{ width: 455px; float: left; background: none; border: none;  }
body#home div#rtcol			{ width: 271px; float: right; padding-right: 10px; margin: 0; border: none !important; }

/* innerfade JQuery-related items */
body.homejq div#ltcol		{ width: 455px; float: none; position: absolute; z-index: 20; }
body.homejq div#rtcol		{ height: 580px; }

body.homejq div#nav			{ position: relative; }

#fade1,#fade2,#fade3,#fade4 { width: 220px; height: 270px; float: left; }
body.homejq #ltcol li					{ width: 220px; height: 270px; }
body.homejq #ltcol li.jqhide			{ display: none; }

/* nav for JQ */

div#navjq						{ width: 746px; height: 28px; position: absolute; top: 150px; z-index: 9999; left: 50%; margin-left: -373px; }
div#navjq li					{ display: inline; float: left; position: relative; color: #D73647; border-left: 1px solid #92B7D3; }

div#navjq li a					{ color: #D73647; display: block; text-decoration: none; text-transform: uppercase; padding: 0 13px; line-height: 28px; text-align: center; }
div#navjq li a:link				{ color: #D73647; }
div#navjq li a:hover			{ color: #fff; background: url(images/bg_005A9B_at_90.png) repeat left top; }

div#navjq li:hover a			{ color: #fff; background: url(images/bg_005A9B_at_90.png) repeat left top; }
div#navjq li:hover li a			{ background: url(images/arrow.gif) no-repeat 3px 4px; }

div#navjq li ul					{ width: 150px; display: none; position: absolute; background: url(images/bg_005A9B_at_85.png) repeat left top; z-index: 99; }
div#navjq li li					{ width: 150px; display: inline; padding: 5px 0; border: none; }/**/
div#navjq li li:hover			{ background: url(images/bg_005A9B_at_90.png) repeat left top; }
div#navjq li li a				{ width: 150px; display: block; color: #fff; text-align: left; text-transform: none; background: url(images/arrow.gif) no-repeat 3px 4px; 
								  padding-left: 13px; line-height: 14px; font-weight: bold; }	/* */
div#navjq li li a:link			{ color: #fff; }
div#navjq li li a:hover			{ color: #ddd; background: url(images/arrow.gif) no-repeat 3px 4px; }


/* --- fixes top and left in browsers other than IE that position to the top right of the parent li, not bottom left */
div#navjq li>ul 			{ top: auto; left: auto; } 

/* --- lists nested under hovered list items */
div#navjq li:hover ul	 	{ display: block; }

/* --- exceptions */
body#home div#navjq li#homelk	{ display: none; }
div#navjq li#home				{ border-left: none; }
body#home div#navjq li#about  	{ border-left: none; }
li#services ul					{ width: 170px !important; }
li#services ul *				{ width: 170px !important; }

body#home div#navjq li#about	{ border-left: 1px solid #92B7D3; }
body#home div#navjq li a	   	{ padding: 0 18px; }

/* >>> END nav dropdown ids and classes */

/* footer */
div#foot					{ clear: both; }

ul#footernav				{ text-align: center; clear: both; padding-top: 30px;  }
ul#footernav li				{ display: inline; padding: 5px; }
ul#footernav li a			{ text-transform: uppercase; color: #333; text-decoration: none; font-size: 9px; }
ul#footernav li a:hover		{ color: #005A9B; }	

.footer						{ color: #333; text-align: center; clear: both; padding: 5px 10px; font-size: 9px; }

/*exceptions for footer nav*/
body#home ul#footernav li#homefoot		{ display: none; }
body#titan ul#footernav,body#customer ul#footernav,body#ava ul#footernav,body#order ul#footernav	{ padding-top: 150px; }



/*about us left nav 
li#compro,li#loc,li#his	*/
#perabt								{ margin-left: 15px; }

/*products left nav  
li#fin,li#fiwire,li#groun,li#cent,li#roll,li#shape,li#ingot		*/
ul#ltnav li#groun a					{ padding: 5px; line-height: 14px; }

/*services left nav
li#lab,li#rad,li#assis */

/*whats new left nav 
li#pub,li#trad	 */

/*Titanium left nav
li#link,li#proc */

/*contacts left nav 
li#hum,li#geni,li#prodi	*/

/* login left nav
li#cust,li#os,li#asp */

/* Header tags  */
h1									{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; line-height: 1.35em; color: #005A9B; margin-top: 20px; }
h2									{ font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; line-height: 1.35em; color: #005A9B; margin-top: 10px; }
body#tradeshows h2					{ line-height: 1.35em; margin-bottom: 0; }
ul.lists li							{ list-style: circle; padding: 0 3px; margin-left: 25px; }

/* locations */

ul#imgmap							{ position: absolute; background: url(images/LocationsMap.jpg) no-repeat left top; z-index: 1; width: 515px; height: 252px; }/* */
ul#imgmap li						{ position: absolute; width: 25px; height: 15px; }
ul#imgmap li li						{ position: absolute; display: none; top: 5px; width: 200px; background: url(images/bg_tt_top.gif) no-repeat -80px top; height: auto; padding-top: 33px; }
ul#imgmap li:hover li				{ display: block; }
ul#imgmap li li p					{ background: #fff; border: 1px solid #333; border-top: 0; padding: 5px; }

li#loc1								{ left: 90px;   top: 100px; width: 30px !important; height: 25px !important; }
ul#imgmap li#loc1 li				{ left: 20px;   top: -50px; background: url(images/bg_tt_top_hq.gif) no-repeat left -30px; padding: 0 0 0 33px; }
ul#imgmap li#loc1 li p				{ border-top: 1px solid #000 !important; border-left: 0; margin: 0; }
li#loc2								{ left: 90px;   top: 126px; }
li#loc2 li							{ left: -45px;  background-position: -140px top !important; }
li#loc3								{ left: 95px;   top: 141px; }
li#loc3 li							{ left: -145px; background-position: -40px top !important; }
li#loc4								{ left: 18px;   top: 143px; }
li#loc4 li							{ left: -75px;  background-position: -110px top !important; }
li#loc5								{ left: 230px;  top: 101px; }
li#loc5 li							{ left: -95px;  background-position: -90px top !important; }
li#loc6								{ left: 420px;  top: 150px; }
li#loc6 li							{ left: -150px; background-position: -40px top !important; }
li#loc7								{ left: 475px;  top: 140px; }
li#loc7 li							{ left: -155px; background-position: -30px top !important; }

/* image text  */

p#imgtext							{ color: #333; font-size: 10px; }


/* product internal nav  */

div#prodnav							{ width: 188px; margin: 40px 0 0 0; }
dl#pnav								{ background: url(images/prod_bot.gif) no-repeat left bottom; padding-bottom: 50px; border-top: 1px solid #666; }
dl#pnav dt							{ background: #B7D0E2 url(images/lt_nav_base.gif) no-repeat left bottom; text-decoration: none; text-align: center; height: 23px; line-height: 23px; border: 1px solid #818E97; border-width: 0 1px 1px 1px;  }
dl#pnav dt:hover					{ color: #005A9B; text-decoration: none; }
dl#pnav dd							{ background: #005A9B; border: 1px solid #fff; position: absolute; margin-left: 200px; width: 200px; text-decoration: none; }
dl#pnav dd p						{ color: #fff; padding: 5px; }
dl#pnav dd#p1						{ margin-top: -20px; }

ul.listprod							{ margin: 5px 0; }
ul.listprod li						{ color: #fff; list-style: circle; padding: 0 3px; margin-left: 25px; }


/*div#rollover						{ background: url(images/timeline_slide.gif) no-repeat center top; height: 339px; float: left; width: 85px; margin-top: 30px;  }*/

dl#timeline dt						{ padding: 5px 0 5px 10px; float: none; color: #000; }
dl#timeline dt img					{ border: 1px solid #333; text-align: center; }

div#timelinecopy					{ margin-left: 10px; margin-top: 10px; float: right; width: 380px; }

.prodimg							{ border: 1px solid #666; float: right; clear: none; width: 280px; margin-top: 35px; margin-right: 10px; position: relative; }
