/* ----- styles for ometric.com ----- */
body { background: #fff url(/images/ui/bg-1.gif); margin: 0; padding: 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 { font-size: 1.5em; font-weight: bold; margin-bottom: 25px; font-family:Verdana, Arial, Helvetica, sans-serif; }
h2.imgHdr { font-size: 1.3em; font-weight: bold; margin-bottom: 25px; }
h3.imgHdr { font-size: 1.1em; font-weight: bold; margin-bottom: 25px; }

address { font-style: normal; }
a { color: #9c0; }
form { margin: 0; }
div { text-align: left; }
.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 2em; padding: 0; list-style: none; font-size: 1em; font-weight: bold; }
#gnArea a { text-decoration: none; }

#pageFooter { width: 700px; margin: 25px auto 50px 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/fuap-normal.jpg) 0 8px no-repeat; }
div.effect #containerfuap { width: 556px; margin: 0 auto; padding: 8px 0 8px 144px; background: url(/images/fuap-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; }