@charset "UTF-8";

/* NAOMI's TECNOLOGIES BASE
---------------------------------------- */
#technologies { margin: 0; padding: 0; color: #999; background-color: #ccc; 
background-image: url(../../images/naomi/tech/common/tech_bg.gif); background-repeat: repeat-x; }
#technologies a { text-decoration: none; }
#technologies a:hover { color: #08c; text-decoration: underline; }
#technologies img { _behavior: url(../../js/iepngfix/iepngfix.htc); border: 0; } 
h1 { font-weight: bold; font-size: 16px; line-height: 24px; text-align: left; color: #fff; margin-bottom: 20px; }
h2 { font-weight: bold; font-size: 14px; line-height: 20px; text-align: left; color: #947d3d; margin-bottom: 15px; }
h3 { font-weight: bold; font-size: 12px; line-height: 18px; text-align: left; color: #fff; margin-bottom: 5px; }
h4 { font-weight: bold; font-size: 12px; line-height: 18px; text-align:left; color: #333; margin-bottom: 18px; }
h5 { font-weight: bold; font-size: 10px; line-height: 10px; text-align: left; color: #fff; margin-bottom: 5px; }
h6 { font-weight: normal; font-size: 10px; line-height: 13px; text-align: left; color: #999; margin-bottom: 10px; }
p { font-weight: normal; font-size: 12px; line-height: 18px; text-align: left; color: #999; margin-bottom: 15px; }
.gold { color: #947d3d; }
.white { color: #fff; }
.mgnarrow { margin-bottom: 5px; }
.mgwiden { margin-bottom: 15px; }

/* TECH LAYOUT
---------------------------------------- */
#wrapper { position: relative; margin: 0 auto; padding:0; border: 0; width: 800px; text-align: left; }
#header, #breadcrumbs, #footer, #technavigation { position: relative; margin: 0 auto; padding: 0; border: 0; width: 800px; clear: both; }
#header { margin-bottom: 10px; height: 90px; }
#breadcrumbs { margin-bottom: 25px; font-size: 10px; line-height: 15px; color: #999; text-decoration: none; text-indent: 5px; }
#breadcrumbs a { color: #999; }
#footer { margin: 80px auto; }
/* TECH-FOOTER */
#global_footer a { color: #08c; text-decoration: none; }
#global_footer a:hover { text-decoration: underline; }

/* TECH NAVIGATION
---------------------------------------- */
#technavigation { margin: 0 auto 5px; width: 780px; height: 25px; zoom: 1; }
#technavigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#technavigation h1 { line-height: 25px; display: inline; float: left; margin: 0; padding: 0; }
#technavigation h1 a { line-height: 25px; background-position: 0 0; background-repeat: no-repeat; color: #ccc; display: block; font-weight: normal; width: 200px; height: 25px; position: relative; outline: none; text-decoration: none; text-indent: -9999px; background-image: url(../../images/naomi/tech/common/tech_logo.png); _behavior: url(../../js/iepngfix/iepngfix.htc); cursor: pointer; }
#technavigation ul { display: inline; float: right; margin: 0; font-weight: normal; font-size: 10px; line-height: 15px; }
#technavigation ul li { display: inline; }
#technavigation ul li a { color: #ccc; float: left !important; margin-top: 1em; margin-left: 25px; margin-right: 5px; padding: 0; text-decoration: none; }
#technavigation ul li.on a { color: #fff; font-weight: bold; }
#technavigation ul li a:hover { color: #08c; }

/* TECH CONTAINER
---------------------------------------- */
#tech-container { width: 800px; margin: 0; padding-top: 40px; 
background-image: url(../../images/naomi/tech/common/bgtable_head.png); 
_background-image: url(../../images/naomi/tech/common/bgtable_head.gif); background-repeat: no-repeat; background-position: 0 0; }
#tech-main { width: 800px; margin: 0; padding-bottom: 40px; 
background-image: url(../../images/naomi/tech/common/bgtable_btm.png); 
_background-image: url(../../images/naomi/tech/common/bgtable_btm.gif); background-repeat: no-repeat; background-position: 0 100%; }
#tech-content { width: 800px; margin: 0; padding: 0; 
background-image: url(../../images/naomi/tech/common/bgtable_body.png); 
_background-image: url(../../images/naomi/tech/common/bgtable_body.gif); background-repeat: repeat-y; }
#tech-content #tech-top, #tech-content #tech-multiccd, 
#tech-content #tech-structure, #tech-content #tech-radiation { margin: 0 40px; padding: 0; }

/* SUB MENU
---------------------------------------- */
#tech_submenu { width: 720px; margin: 0; padding: 5px 0; border-width: 1px 0; border-style: solid; 
border-color: #ccc; text-align: left; }
#tech_submenu p { display: inline; float: left; margin-bottom: 0; padding-left: 10px; text-align: left; font-weight: normal; font-size: 10px; line-height: 15px; color: #ccc; }
#tech_submenu ul { display: inline; float: right; list-style: none; margin: 0 auto; padding: 0; border: 0; }
#tech_submenu li { display: inline; }
#tech_submenu li a { float: left !important; margin-right: 10px; padding-left: 10px; border-left: 1px solid #ccc; font-weight: normal; font-size: 10px; line-height: 15px; color: #ccc; }
#tech_submenu li a:link, a:visited { color: #ccc; text-decoration: none; }
#tech_submenu li a:hover { color: #08c; text-decoration: underline; }
#tech_submenu li.first { border-left: 0; }

/* INDEX
---------------------------------------- */
#tech-top img.topimg { margin-bottom: 40px; border: 0; }
#tech-top #imgbox { width: 720px; margin: 0 0 40px 0; padding: 0; }
#tech-top #imgbox img.3column { float: left; margin-bottom: 40px; margin-right: 15px; border: 0; }
#tech-top #imgbox img.3columnlast { float: left; margin-bottom: 40px; margin-right: 0; border: 0; }

/* MULTI-CCD DETECTOR SYSTEM PAGE
---------------------------------------- */
#tech-multiccd img.imgleft { float: left; margin: 0; border: 0; }
#tech-multiccd img.imgright { float: right; margin: 0; border: 0; }
#tech-multiccd img.diagram { margin: 30px 85px; border: 0; }
#tech-multiccd #description { width: 720px;  margin-bottom: 40px; padding: 0; } 
#tech-multiccd #description .tech3column { display: inline; float: left; width: 230px; margin-right: 15px; padding: 0; }
#tech-multiccd #description .tech3columnlast { display: inline; float: left; width: 230px; margin-right: 0; padding: 0; }
#tech-multiccd #description h6.tech3c { margin-bottom: 20px; }

/* CCD STRUCTURE PAGE
---------------------------------------- */
#tech-structure #shooting { position: relative; width: 720px; margin: 0 0 15px 0; padding: 0; border: 0; }
#tech-structure #shootingimg { display: inline; float: right; width: 475px; height: 325px; margin: 0 0 15px 15px; padding: 0; border: 0; background: url(../../images/naomi/tech/ccdstructure/shooting.png) no-repeat 0 0; _behavior: url(../../js/iepngfix/iepngfix.htc); }
#tech-structure #shootingimg img { _behavior: url(../../js/iepngfix/iepngfix.htc); border: 0; z-index: 10; }
#tech-structure #shootingimg img.zoombtn_naomi { position: relative; left: 150px; top: 225px; }
#tech-structure #shootingimg img.zoombtn_normal { position: relative; left: 275px; top: 225px; }
#tech-structure #ccdpitch { position: relative; width: 720px; margin: 0 0 15px 0; padding: 0; border: 0; }
#tech-structure #ccdpitch #table-area { display: inline; float: left; width: 305px; margin: 0; padding: 0; border: 0; }
#tech-structure #ccdpitch #table-area table { margin: 0 0 5px 0; border-collapse: collapse; }
#tech-structure #ccdpitch #table-area tr, th, td { font-weight: normal; font-size: 10px; line-height: 15px; text-align: left; vertical-align: middle; color: #ccc; padding: 5px; border: 1px solid #999; border-collapse: collapse; background-color: #000; }
#tech-structure #ccdpitch #table-area th { width: 288px; font-weight: bold; color: #fff; background-color: #2c2c2c; }
#tech-structure #subcontents { position: relative; width: 720px; margin: 0 0 40px 0; padding: 0; border: 0; }
#tech-structure #subcontents .boxmainte { display: inline; float: left; width: 352px; margin: 0 8px 0 0; padding: 0; border: 0; }
#tech-structure #subcontents .boxappli { display: inline; float: left; width: 352px; margin: 0 0 0 8px; padding: 0; border: 0; }

/* RADIATION PAGE
---------------------------------------- */
#tech-radiation #radiationsample { margin-bottom: 40px; }