@charset "utf-8";
/* CSS Document */

body { margin-top:0px; margin-bottom:0px; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:12px; }
h1 { font-size:19px; margin-left:25px; letter-spacing:1px; font-weight:lighter; font-variant:small-caps; margin-top:0px; }
h2 { font-size:16px; font-weight:lighter; letter-spacing:1px; margin-left:25px; color:#015EAB; }
h3 { font-size:13px; font-weight:lighter; letter-spacing:1px; margin-left:25px; }
a { color:#e15c2d; text-decoration:none; }
a:hover { color:#015fac; }
img { border:0px; }
hr { color: #dbdbdb; background-color: #dbdbdb;  border: 1px solid #dbdbdb;  border-style: none none solid; margin-top:10px; margin-bottom:10px; clear:both; }

.view-more-link { text-align:right; margin-bottom:15px; }
.jump-links { font-size:12px; color:#e15c2d; font-weight:bold; }
.padding-25 { margin-left:25px; }
.jl-padding { font-size:12px; padding-left:5px; padding-right:5px; color:#333; }
.mission { font-size:13px; color:#003366; margin-top:0px; font-weight:bold; }
.name { font-size:14px; }
.list-selection { background:#FFFFCC; }
.home-lower { font-size:16px; }
.news { font-size:16px; letter-spacing:1px; color:#015fac; }
.column-caption { color:red; text-align:center; font-weight:bold; }

input, textarea, select { font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:3px; }
textarea { width:300px; }
input { width:160px; }

#wrapper { margin-left:auto; margin-right:auto; width:900px; }
#header { width:900px; float:left; }
#logo { width:310px; float:left; }
#navigation { width:510px; float:right; text-align:right; height:25px; margin-right:25px; margin-left:55px; font-size:11px; }
#navigation a { background:url(images/nav1.jpg) repeat-x top #ededed; width:100px; float:left; padding-bottom:5px; padding-top:5px; color:#333; text-decoration:none; text-align:center; margin-left:1px; margin-right:1px; text-transform:uppercase; letter-spacing:1px; }
#navigation a:hover { background:url(images/nav2.jpg) repeat-x top; height:35px; padding-bottom:20px; }
#footer { width:900px; float:left; margin-top:35px; background:#cecece; padding-bottom:15px; *padding-bottom:0px; font-size:11px; color:#0072b7; }
#footer a { color:#015fac; text-decoration:none; }
#footer a:hover { color:#e15c2d; }
#links { width:900px; text-align:center; font-size:10px; background:#fff; margin-bottom:15px; }
#links a { padding-left:7px; padding-right:7px; }
#copy { margin-left:25px; width:400px; float:left; }
#fotter-logo { width:400px; float:right; text-align:right; }

#spacer { line-height:0px; clear:both; }

/* ----- Home Page ----- */
#container { width:900px; float:left; margin-top:25px; }
#top { width:900px; float:left; margin-bottom:25px; }
#js-rotate { width:351px; height:210px; float:left; margin-left:25px; }
#video { width:465px; height:210px; float:right; margin-left:20px; margin-right:25px; background-color:#CCC; }
#middle { width:900px; float:left; }
#bottom { width:850px; float:left; margin-top:25px; margin-left:25px; margin-right:25px; }
#bottom  h2 { margin-left:0px; color:#333; margin-top:15px; }

#featured { width:247px; float:left; margin-right:12px; }
#featured1 { width:247px; height:32px; float:left; background:url(images/featured-products.jpg) no-repeat; padding-top:10px; text-align:center; letter-spacing:1px; color:#fff; font-size:18px; font-weight:bold; }
#featured2 { width:222px; float:left; background:url(images/home-lower-narrow-middle.jpg) repeat-y; padding-left:13px; padding-right:12px; min-height:402px; *height:431px; }
featured2 p img { margin-right:15px; }
#featured3 { width:247px; float:left; height:18px; background:url(images/home-lower-narrow-bottom.jpg) no-repeat; }
#featured p { *margin-top:15px; }

#explosive { width:278px; margin-right:12px; float:left; margin-left:11px; }
#explosive1 { width:278px; height:42px; float:left; background:url(images/explosives-detection.jpg) no-repeat;}
#explosive1 h2 { text-align:center; letter-spacing:1px; color:#fff; font-size:18px; font-weight:bold; margin-top:10px; }
#explosive2 { width:253px; float:left; background:url(images/home-lower-wide-middle.jpg) repeat-y; padding-left:13px; padding-right:12px; }
#explosive3 { width:278px; height:18px; float:left; background:url(images/home-lower-wide-bottom.jpg) no-repeat; }
#explosive p { *margin-top:15px; }
#explosive ul { margin-left:0px; padding-left:15px; }
#explosive p img { margin-right:7px; vertical-align:bottom; }

#solvent { margin-left:11px; width:278px; float:left; }
#solvent1 { width:278px; height:42px; float:left; background:url(images/solvent-protection.jpg) no-repeat;}
#solvent1 h2 { text-align:center; letter-spacing:1px; color:#fff; font-size:18px; font-weight:bold; margin-top:10px; }
#solvent2 { width:253px; float:left; background:url(images/home-lower-wide-middle.jpg) repeat-y; padding-left:13px; padding-right:12px; min-height:402px; *height:431px; }
#solvent3 { width:278px; height:18px; float:left; background:url(images/home-lower-wide-bottom.jpg) no-repeat; }
#solvent p { *margin-top:15px; }
#solvent p img { margin-right:7px; vertical-align:bottom; }
/* ----- End Home Page ----- */

/* ----- Products Page ----- */
#product { width:820px; margin-left:25px; margin-right:25px; float:left; margin-top:25px; border:solid 1px #ccc; padding:15px; }
#product-img { margin-right:15px; margin-bottom:15px; float:left; width:200px; margin-top:15px; *margin-top:0px; }
#product-content { width:540px; float:left; margin-bottom:20px; }
#product ul { padding-left:25px; }
#product li { padding-bottom:3px; }
/* ----- End Products Page ----- */

/* ----- Technology Page ----- */
#columns { width:850px; margin-left:25px; margin-right:25px; }
#columns h2 { margin-top:0px; margin-left:0px; }
#columns p { text-align:justify; line-height:18px; }
#column1 { width:262px; float:left; padding-right:20px; }
#column2 { width:262px; float:left; padding-right:20px; }
#column3 { width:282px; float:left; }
#nanometric { width:850px; float:left; text-align:center; *margin-top:15px; }
/* ----- End Technology Page ----- */

/* ----- About Page ----- */
#news { width:200px; float:left; margin-left:25px; padding:15px; background:#dcdcdc; border:solid 1px #999; }
#news ul { padding-left:0px; margin-top:10px; }
#news ul li { list-style:none; margin-bottom:5px; padding-bottom:6px; padding-top:6px; border-bottom:solid 1px #999; text-align:justify; }
#company-bio { width:590px; float:right; margin-right:25px; margin-left:25px; }
#company-bio p { text-align:justify; line-height:18px; }
#staff-bios { width:850px; float:left; margin-left:25px; margin-right:25px; }
#staff-bios img { float:left; margin-right:15px; margin-bottom:5px; }
#staff-bios h3 { margin-left:0px; text-align:center; font-size:15px; border-bottom:solid 1px #015fac; padding-top:5px; padding-bottom:5px; background:#ddd; color:#333; }
#staff-bios h2 { margin-left:0px; font-variant:small-caps; font-size:17px; }
#staff-bios p { text-align:justify; line-height:18px; }
/* ----- End About Page ----- */

/* ----- Contact Page ----- */
#contact { width:850px; float:left; margin-left:25px; margin-right:25px; }
#contact h2 { margin-left:0px; }
#contact-left { width:315px; float:left; padding-right:10px; }
#contact-right { width:515px; float:left; padding-left:10px; }
#thankyou { margin-left:25px; margin-right:25px; width:850px; float:left; }
/* ----- End Contact Page ----- */

/* ----- Content Viewer - Home Page ----- */
#whatnewstoggler { background:#015fac; min-height:200px; }
#whatnewstoggler a { display:block; clear:both; float:left; padding-bottom:5px; padding-top:5px; width:160px; }
#whatsnew { float:right; height:200px; width:680px; line-height:18px; }
#whatsnew h2 { margin-top:0px; margin-left:0px; color:#333; }
#whatsnew img { margin-left:15px; }
#js-container { width:850px; float:left; margin-left:25px; margin-right:25px; }

.fadecontentwrapper { /* Total width: 350px+5px+5px=360px Read relative width relations for the other two containers below! */
position: relative; width: 350px; height: 250px; /* Set height to be able to contain height of largest content shown*/
border: 1px solid #cdcdcd; overflow: hidden; }

.fadecontent { /*style for each fade content DIV within wrapper. Total width: 330px+10px+10px=350px (".fadecontentwrapper" width minus its padding and borders, if any) */
position: absolute; background: #fff; padding: 20px; visibility: hidden; width:640px; }

.fadecontenttoggler { /*style for DIV used to contain toggler links. Total width: 350px+5px+5px=360px */
border: 1px solid #cdcdcd; border-right:0px; overflow: hidden; }

.fadecontenttoggler a{ /*style for every navigational link within toggler */
text-decoration: none; padding: 0 10px; float: left; display: block; font-weight: bold; color: #fff; }

.fadecontenttoggler a:hover{ background:url(images/js-hover.jpg) repeat-y; color: #333; }

.fadecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */ }

.fadecontenttoggler a.prev, .fadecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
color: black; }

.fadecontenttoggler a.prev:hover, .fadecontenttoggler a.next:hover { color: white; background: black; }

.fadecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background:url(images/js-hover.jpg) repeat-y; color: #333; }