/* ----- styles for ometric.com ----- */ body { background: #fff url(/images/ui/bg-1.gif); margin: 0; padding: 0 0 70px 0; font: .8em Verdana; text-align: center; color: #7e7e7e; } h1 { font-size: 2em; font-weight: bold; } h2 { font-size: 1.6em; font-weight: bold; } h3 { font-size: 1.4em; font-weight: bold; } h4 { font-size: 1.2em; font-weight: bold; } h5 { font-size: 1.1em; font-weight: bold; } h6 { font-size: 1em; font-weight: bold; } h1.imgHdr { margin: 0 0 5px 0; font-size: .5em; text-indent: -9999px; height: 13px; } h2.imgHdr { margin: 0 0 5px 0; font-size: .5em; text-indent: -9999px; height: 13px; } h3.imgHdr { margin: 0 0 5px 0; font-size: .5em; text-indent: -9999px; height: 13px; } address { font-style: normal; } a { color: #9c0; } form { margin: 0; } div { text-align: left; } img { border: none; } .sep { clear: both; } /* nav styles */ #gnArea { margin: 0 auto; padding: 0; width: 700px; clear: both; } #gnArea ul { margin: 0; float: right; } #gnArea li { float: left; margin: 0; padding: 0; list-style: none; text-indent: -9999px; } #gnArea a { display: block; height: 37px; text-decoration: none; } a#gnHome { background: url(/images/ui/gn-home.gif) no-repeat; width: 57px; margin-left: 0; } a:hover#gnHome { background: url(/images/ui/gn-home-s.gif) no-repeat; } li#gnHome-s { background: url(/images/ui/gn-home-s.gif) no-repeat; width: 57px; height: 37px; margin-left: 0; } a#gnAdvantage { background: url(/images/ui/gn-advantage.gif) no-repeat; width: 95px; margin-left: 0; } a:hover#gnAdvantage { background: url(/images/ui/gn-advantage-s.gif) no-repeat; } li#gnAdvantage-s { background: url(/images/ui/gn-advantage-s.gif) no-repeat; width: 95px; height: 37px; margin-left: 0; } a#gnRevolutionary { background: url(/images/ui/gn-Revolutionary.gif) no-repeat; width: 101px; margin-left: 0; } a:hover#gnRevolutionary { background: url(/images/ui/gn-Revolutionary-s.gif) no-repeat; } li#gnRevolutionary-s { background: url(/images/ui/gn-Revolutionary-s.gif) no-repeat; width: 101px; height: 37px; margin-left: 0; } a#gnIndustry { background: url(/images/ui/gn-Industry.gif) no-repeat; width: 94px; margin-left: 0; } a:hover#gnIndustry { background: url(/images/ui/gn-Industry-s.gif) no-repeat; } li#gnIndustry-s { background: url(/images/ui/gn-Industry-s.gif) no-repeat; width: 94px; height: 37px; margin-left: 0; } a#gnAbout { background: url(/images/ui/gn-About.gif) no-repeat; width: 76px; margin-left: 0; } a:hover#gnAbout { background: url(/images/ui/gn-About-s.gif) no-repeat; } li#gnAbout-s { background: url(/images/ui/gn-About-s.gif) no-repeat; width: 76px; height: 37px; margin-left: 0; } a#gnNews{ background: url(/images/ui/gn-News.gif) no-repeat; width: 68px; margin-left: 0; } a:hover#gnNews { background: url(/images/ui/gn-News-s.gif) no-repeat; } li#gnNews-s { background: url(/images/ui/gn-News-s.gif) no-repeat; width: 68px; height: 37px; margin-left: 0; } a#gnContact { background: url(/images/ui/gn-Contact.gif) no-repeat; width: 51px; margin-left: 0; } a:hover#gnContact { background: url(/images/ui/gn-Contact-s.gif) no-repeat; } li#gnContact-s { background: url(/images/ui/gn-Contact-s.gif) no-repeat; width: 51px; height: 37px; margin-left: 0; } a#gnProcess { background: url(/images/ui/gn-process.gif) no-repeat; width: 95px; margin-left: 0; } a:hover#gnProcess { background: url(/images/ui/gn-process-s.gif) no-repeat; } li#gnProcess-s { background: url(/images/ui/gn-process-s.gif) no-repeat; width: 95px; height: 37px; margin-left: 0; } #pageFooter { width: 700px; margin: 25px auto 0 auto; font-size: smaller; padding: 0; text-align: left; } #telephone { margin: 0; padding-left: 30px; float: left; } #fax { margin-left: 40px; float: left; } #email { margin-left: 40px; float: left; } #mail { margin-left: 40px; float: left; } #hq { margin-left: 40px; float: left; } #copy { margin: 0; text-align: right; float: right; } #siteby { margin: 0 0 0 30px; text-align: right; float: right; } /* home page styles */ #hdrHome { width: 700px; margin: 0 auto; } #flashElt-1 { width: 350px; float: left; } #container1 { width: 700px; margin: 0 auto; } div.normal { background-color: Transparent; color: #7e7e7e; } div.effect { background-color: #676767; color: #fff; } div.normal #containerTOA { width: 556px; margin: 15px auto 0 auto; padding: 8px 0 8px 144px; background: url(/images/toa-normal.jpg) 0 8px no-repeat; } div.effect #containerTOA { width: 556px; margin: 15px auto 0 auto; padding: 8px 0 8px 144px; background: url(/images/toa-effect.jpg) 0 8px no-repeat; } div.normal #toaHdg, div.normal #broiaHdg, div.normal #salesHdg, div.normal #fuapHdg { font-size: 1em; text-indent: 15px; margin: 0; background: url(/images/icon-arrow-1.gif) no-repeat 0 4px; } div.effect #toaHdg, div.effect #broiaHdg, div.effect #salesHdg, div.effect #fuapHdg { font-size: 1em; text-indent: 15px; margin: 0; background: url(/images/icon-arrow-2.gif) no-repeat 0 4px; } div.normal a { color: #7e7e7e; text-decoration: none; } div.normal a:hover { text-decoration: underline; } div.effect a { color: #fff; text-decoration: none; } div.effect a:hover { text-decoration: underline; } div.normal div.toaCol1, div.effect div.toaCol1 { font-size: .8em; margin: 5px 0; width: 125px; float: left; } div.normal div.toaCol2, div.effect div.toaCol2, div.normal div.toaCol3, div.effect div.toaCol3, div.normal div.toaCol4, div.effect div.toaCol4 { font-size: .8em; margin: 5px 0 0 15px; width: 125px; float: left; } div.normal #rtHdg, div.normal #ilHdg, div.normal #egHdg, div.normal #efHdg { font-size: 1em; text-indent: 15px; margin: 0; background: url(/images/icon-arrow-1.gif) no-repeat 0 3px; } div.effect #rtHdg, div.effect #ilHdg, div.effect #egHdg, div.effect #efHdg { font-size: 1em; text-indent: 15px; margin: 0; background: url(/images/icon-arrow-2.gif) no-repeat 0 3px; } div.normal #containerbroia { width: 556px; margin: 0 auto; padding: 8px 0 8px 144px; background: url(/images/broia-normal.jpg) 0 8px no-repeat; } div.effect #containerbroia { width: 556px; margin: 0 auto; padding: 8px 0 8px 144px; background: url(/images/broia-effect.jpg) 0 8px no-repeat; } div.normal #containerfuap { width: 556px; margin: 0 auto; padding: 8px 0 8px 144px; background: url(/images/ispsa-normal.jpg) 0 8px no-repeat; } div.effect #containerfuap { width: 556px; margin: 0 auto; padding: 8px 0 8px 144px; background: url(/images/ispsa-effect.jpg) 0 8px no-repeat; } div.normal #containersales { width: 556px; margin: 0 auto; padding: 8px 0 8px 144px; background: url(/images/clean-effect.jpg) 0 8px no-repeat; } div.effect #containersales { width: 556px; margin: 0 auto; padding: 8px 0 8px 144px; background: url(/images/clean-normal.jpg) 0 8px no-repeat; } /* title styles */ h1#home-1 { background: url(/images/h1-home-1.gif) no-repeat; width: 470px; height: 58px; margin-top: 8px; }