@charset "UTF-8";

/* NAOMI PAGE */
#naomi { background-color: #f5f5f5; }
img { _behavior: url(../../js/iepngfix/iepngfix.htc); border: 0; } 

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

/* NAOMI NAVIGATION
---------------------------------------- */
#naomi_navigation { position: relative; margin: 0 auto 5px; padding: 0; border: 0; width: 770px; height: 40px; zoom: 1; }
#naomi_navigation:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#naomi_navigation h1 { line-height: 40px; display: inline; float: left; margin: 0; padding: 0; }
#naomi_navigation h1 a { line-height: 40px; background-position: 0 0; background-repeat: no-repeat; color: #ccc; display: block; font-weight: normal; width: 133px; height: 40px; position: relative; outline: none; text-decoration: none; text-indent: -9999px; background: url(../../images/naomi/common/NAOMI_logo.png) no-repeat 0 0; _background-image: url(../../images/naomi/common/NAOMI_logo.gif); cursor: pointer; }
#naomi_navigation ul { display: inline; float: right; margin: 0; font-weight: normal; font-size: 12px; line-height: 18px; }
#naomi_navigation ul li { display: inline; }
#naomi_navigation ul li a { color: #999; float: left !important; margin-top: 25px; margin-left: 25px; margin-right: 5px; padding: 0; text-decoration: none; }
#naomi_navigation ul li.on a { color: #369; }
#naomi_navigation ul li a:hover { color: #369; }

/* IMAGES */
img.iconimg { float: left; margin: 2px 10px 5px 0; border: 0; }
img.titleimg { float: left; margin: 2px 0 10px 0; border: 0; }


/* NAOMI CONTAINER
---------------------------------------- */
/* BASE LAYOUT */
#naomi-containerimg { position: relative; width: 800px; height: auto; margin: 0; padding: 0; }
#naomi-containerimg img { vertical-align: bottom; display: inline; border: 0; }
#naomi-containerimg  #topcomment { position: absolute; left: 40px; top: 120px; width: 230px; margin: 0; padding: 0; } 
#naomi-container { position: relative; width: 800px; margin: 0; padding-top: 40px; background: url(../../images/naomi/common/naomibg_head.jpg) no-repeat 0 0; }
#naomi-main { position: relative; width: 800px; margin: 0; padding-bottom: 40px; background: url(../../images/naomi/common/naomibg_btm.jpg) no-repeat 0 100%; }
#naomi-main #naomi-content { position: relative; width: 800px; margin: 0; padding: 0; background: url(../../images/naomi/common/naomibg_body.jpg) repeat-y; }

/* BOX */
#naomi-main #naomi-content #naomi-box { position: relative; margin: 0 40px; padding: 0 0 1px 0; }
#naomi-main #naomi-content #naomi-box .naomibox { position: relative; margin-bottom: 40px; padding: 0; zoom: 1; }
#naomi-main #naomi-content #naomi-box .naomibox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#naomi-main #naomi-content #naomi-box .naomibox.top { padding-top: 40px; }
#naomi-main #naomi-content #naomi-box .naomibox.bottom { margin-bottom: 0; }
#naomi-main #naomi-content #naomi-box .naomibox img.main_imgr { float: right; margin: 2px 0 0 40px; border: 0; }
#naomi-main #naomi-content #naomi-box .naomibox img.main_imgl { float: left; margin: 2px 40px 0 0; border: 0; }
#naomi-main #naomi-content #naomi-box .naomibox img.main_imgc { margin: 0 0 15px 0; border: 0; }

/* BORDER BOX */
#naomi-main #naomi-content .borderbox { position: relative; top: 0; width: 800px; margin: 0; padding-top: 40px; padding-bottom: 1px; background: url(../../images/naomi/common/naomibg_border.jpg) no-repeat 0 0; }
#naomi-main #naomi-content .borderbox .contentsbox { position: relative; margin: 0 40px 40px; padding: 0 0 1px 0; zoom: 1; }
#naomi-main #naomi-content .borderbox .contentsbox:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#naomi-main #naomi-content .borderbox .contentsbox.bottom { margin-bottom: 0; }
#naomi-main #naomi-content .borderbox .contentsbox ul { list-style: disc inside; margin: 10px 0 10px; font-weight: normal; font-size: 12px; color: #666; }
#naomi-main #naomi-content .borderbox .contentsbox li { margin-bottom: 0; padding-left: 5px; line-height: 18px; }


/* COLUMN
---------------------------------------- */
.naomicol { position: relative; margin-bottom: 40px; padding: 0; width: 720px; height: auto; zoom: 1; }
.naomicol:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.naomicol.top { padding-top: 40px; }
.naomicol.bottom { margin-bottom: 0; }

.naomicol .column2first, .naomicol .column2last,
.naomicol .column3first, .naomicol .column3last,
.naomicol .column4first, .naomicol .column4last,
.naomicol .column5first, .naomicol .column5last  { position: relative; display: inline; float: left; padding: 0; }

.naomicol .column2first { width: 345px; margin-right: 30px; }
.naomicol .column2last { width: 345px; margin-right: 0; }
.naomicol .column3first { width: 220px; margin-right: 30px; }
.naomicol .column3last { width: 220px; margin-right: 0; }
.naomicol .column4first { width: 165px; margin-right: 20px; }
.naomicol .column4last { width: 165px; margin-right: 0; }
.naomicol .column5first { width: 136px; margin-right: 10px; }
.naomicol .column5last { width: 136px; margin-right: 0; }

.naomicol .column2first.bottom, .naomicol .column2last.bottom,
.naomicol .column3firts.bottom, .naomicol .column3last.bottom,
.naomicol .column4first.bottom, .naomicol .column4last.bottom,
.naomicol .column5first.bottom, .naomicol .column5last.bottom { margin-bottom: 0; }


/* STANDARD LINKS COLUMN */
.naomicol3ad { position: relative; margin: 0; padding: 0; width: 720px; height: 200px; background: url(../../images/naomi/common/column3ad_bg.gif) no-repeat 0 0; zoom: 1; }
.naomicol3ad:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.naomicol3ad .column3ad { position: relative; display: inline; float: left; width: 240px; margin: 0; padding: 0; }
.naomicol3ad .column3ad img { margin: 0; border: 0 }


/* BANNER AD
---------------------------------------- */
.banner_ad { position: relative; width: 720px; height:50px; margin-bottom: 20px; padding: 0; zoom: 1; }
.banner_ad:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.banner_ad img { float: left; margin: 0; border: 0; }


/* FEATURES PAGE
---------------------------------------- */
h1.features_headline { position: relative; top: 75px; margin-bottom: 15px; height: 25px; background: url(../../images/naomi/features/features_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.features_text { position: relative; top: 75px; margin-bottom: 20px; width: 400px; }
/* FAQ */
h1.faqtitle { margin-bottom: 20px; }
h4.question { color: #369; margin-bottom: 0; }
img.middle { margin: 5px 0 10px; }


/* DISTINCTION PAGE
---------------------------------------- */
h1.distinction_headline { position: relative; top: 75px; margin-bottom: 15px; height: 25px; background: url(../../images/naomi/distinction/distinction_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.distinction_text { position: relative; top: 75px; margin-bottom: 20px; width: 400px; }
ul.uservoice { list-style: disc; margin-bottom: 10px; font-weight: normal; font-size: 12px; color: #666; padding-left: 18px; }


/* APPLICATION PAGE
---------------------------------------- */
h1.appli_headline { position: relative; top: 50px; margin-bottom: 15px; height: 50px; background: url(../../images/naomi/application/application_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.appli_text { position: relative; top: 50px; margin-bottom: 20px; width: 275px; }
p.appli_cap { position: relative; top: 50px; margin-bottom: 15px; width: 275px; font-size: 10px; line-height: 15px; color: #999; }
#iconbox { position: relative; float: left; width: 210px; margin: 0 40px 0 0; padding: 0; }
#iconbox ul { list-style-type: none; }
#iconbox li { height: 34px; margin: 0; padding: 0; font-size: 12px; line-height: 30px; color: #999; }
#iconbox li img { float: left; margin: 0 15px 4px 0; border: 0; }
#applibox { position: relative; float: left; width: 470px; margin: 0; padding: 0; }
img.sample { float: left; margin: 2px 10px 20px 0; }
h3.sample { margin-top: 8px; }
#applispec table { width: 720px; background: #fff; border-collapse: collapse; text-align: left; }
#applispec th, #applispec tr, #applispec td { border-collapse: collapse; vertical-align: middle; padding: 7px 0 7px 10px; }
#applispec td { border: 1px solid #ccc; }
#applispec th { font-weight: bold; font-size: 12px; line-height: normal; color: #333; padding-left: 0; }
#applispec td.cap { font-weight: normal; font-size: 10px; line-height: normal; color: #333; width: 85px; }
#applispec td.txt { font-weight: normal; font-size: 10px; line-height: normal; color: #666; }


/* SAMPLE PAGE
---------------------------------------- */
h1.sample_headline { position: relative; top: 20px; margin-bottom: 15px; height: 25px; background: url(../../images/naomi/sample/sample_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
p.sample_text { position: relative; top: 20px; margin-bottom: 20px; width: 300px; }
p.sample_cap { position: relative; top: 20px; margin-bottom: 15px; width: 300px; font-size: 10px; line-height: 15px; color: #999; }
p.thumbnail { text-align: center; margin-bottom: 0; }
img.thumbnail { margin: 0 5px 5px; width: 125px; height: 150px; border: 0; }


/* OPTIONAL ITEMS PAGE
---------------------------------------- */
h1.option_headline { position: relative; top: 120px; margin-bottom: 15px; height: 25px; background: url(../../images/naomi/option/option_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
#displayspec { float: right; margin-left: 10px; padding: 0; width: 450px; }
#displayspec table { border-collapse: collapse; margin: 8px 0 0; padding: 0; font-weight: normal; font-size: 10px; line-height: 15px; }
#displayspec tr, #displayspec th, #displayspec td { border: 1px solid #ccc; padding: 5px; vertical-align: middle; }
#displayspec th { font-weight: bold; color: #333;  height: 25px; }
#displayspec td.cap { width: 90px; color: #333; }
#displayspec td.txt { width: 330px; color: #666; }
#displayspec td.comment { color: #666; }
img.zooml { float: left; margin: 0 0 10px 0; }
img.zoomlbtm { float: left; margin: 0; }
img.optional { float: right; margin: 0; }


/* SPECIFICATION PAGE
---------------------------------------- */
h1.spec_headline { position: relative; top: 50px; margin-bottom: 15px; height: 45px; background: url(../../images/naomi/spec/spec_h1text20090121.jpg) no-repeat 0 0; text-indent: -9999px; overflow: hidden; }
ul.spec_text { position: relative; top: 50px; margin-bottom: 20px; width: 350px; list-style: disc inside; font-size: 10px; line-height: 15px; color: #999; }
#specsystem { width: auto; margin: 0; padding: 0; }
#specsystem p { margin-bottom: 10px; }
#specsystem p.last { margin-bottom: 0; }
#specsystem ul  { list-style: square inside; margin-top: 0; margin-bottom: 10px; }
#specsystem li { font-weight: normal; font-size: 12px; line-height: 18px; color: #999; }
#specsystem li.title { font-weight: bold; font-size: 12px; line-height: 18px; color: #666; list-style-type: none; } 
#specsystem .codicil { padding-left: 12px; }

/* SPEC TABLE */
.specbox { float: right; margin-left: 30px; padding: 0; width: 510px; }
.specbox table { border-collapse: collapse; margin: 5px 2px 0 0; padding: 0; font-weight: normal; font-size: 10px; line-height: 15px; }
.specbox tr, .specbox th, .specbox td { border: 1px solid #ccc; padding: 5px; vertical-align: middle; }
.specbox th { font-weight: bold; color: #666;  }
.specbox td.cap { width: 95px; color: #333; }
.specbox td.txt { width: 400px; color: #666; }

/* PERMISSION TABLE */
#permission { margin: 0; padding: 0; width: 720px; }
#permission table { border-collapse: collapse; margin: 10px 0 0; padding: 0; font-weight: normal; font-size: 12px; line-height: 18px; }
#permission tr, #permission th, #permission td { border: 1px solid #ccc; padding: 5px 10px; vertical-align: middle; }
#permission th { color: #333; background-color: #eee; }
#permission td.name { width: 400px; color: #666; }
#permission td.number { width: 280px; color: #666; }

/* NAOMI Slide */
#naomi-main #naomi-content #naomi-box .naomibox.btmdttd 
{ border-bottom: 1px dotted #ccc; margin-bottom: 35px; padding-bottom:35px; }
img.floatleft, h2.flleft { float:left; }
.slide_explan { width:720px; height:105; margin-top:10px; }