body { margin: 0; padding: 0; background: #fff; font-family: arial, sans-serif; font-size: .90em; color: #646f74; } a { text-decoration: none; outline: none; } a:hover { text-decoration: underline; } img a, a img { border: 0; } .a { width: 990px; margin: 0 auto; position: relative; outline: none; } .gray { color: #d0d4d5; } .clear { clear: both; display: block; } .small { font-size: 7pt; font-style: italic; } .floatleft { float: left; display: inline; width: 259px; } .floatleft p { width: 259px!important; } .floatright { float: right; display: inline; width: 659px; } /* homepage styles */ #top { height: 479px; background: url(../i/bg-hm-top.jpg) 0 0 repeat-x; } body.child #top { height: 168px; background: url(../i/bg-hm-top.jpg) 0 -311px repeat-x; } .logo { width: 193px; height: 150px; float: left; display: inline; /*position: absolute; top: 20px; left: 0;*/ } .topnav { width: 183px; height: 25px; float: right; display: inline; margin: 20px 43px 0 0; background: url(../i/bg-topnav.gif) 0 5px no-repeat transparent; } a.home { display: block; float: left; display: inline; width: 34px; height: 25px; margin: 0 14px 0 0; } a.home:hover, a.home-active { display: block; float: left; display: inline; width: 34px; height: 25px; margin: 0 14px 0 0; background: url(../i/nav-home_hover.gif) 0 5px no-repeat; } a.about { display: block; float: left; display: inline; width: 35px; height: 25px; margin: 0 13px 0 0; } a.about:hover, a.about-active { display: block; float: left; display: inline; width: 35px; height: 25px; margin: 0 13px 0 0; background: url(../i/nav-about_hover.gif) 0 5px no-repeat; } a.contact { display: block; float: left; display: inline; width: 44px; height: 25px; margin: 0 14px 0 0; } a.contact:hover, a.contact-active { display: block; float: left; display: inline; width: 44px; height: 25px; margin: 0 14px 0 0; background: url(../i/nav-contact_hover.gif) 0 5px no-repeat; } a.news { display: block; float: left; display: inline; width: 29px; height: 25px; margin: 0; } a.news:hover, a.news-active { display: block; float: left; display: inline; width: 29px; height: 25px; margin: 0; background: url(../i/nav-news_hover.gif) 0 5px no-repeat; } .nav { width: 585px; _width: 630px; .width: 715px; height: 17px; float: right; display: inline; margin: 70px 20px 0 0; } .nav a { margin: 0 0 0 35px; display: block; float: left; } .nav-know { width: 142px; height: 31px; background: url(../i/nav-know-the-facts.gif) 0 0 no-repeat; } .nav-know:hover, .nav-know-active { width: 142px; height: 31px; background: url(../i/nav-know-the-facts.gif) 0 -31px no-repeat; } .nav-discover { width: 209px; height: 31px; background: url(../i/nav-discover-uv-tech.gif) 0 0 no-repeat; } .nav-discover:hover, .nav-discover-active { width: 209px; height: 31px; background: url(../i/nav-discover-uv-tech.gif) 0 -31px no-repeat; } .nav-start { width: 120px; height: 31px; background: url(../i/nav-our-solution.gif) 0 0 no-repeat; } .nav-start:hover, .nav-start-active { width: 120px; height: 31px; background: url(../i/nav-our-solution.gif) 0 -31px no-repeat; } #mid { padding: 35px 0 35px 0; position: relative; z-index: 1; } #subnav { text-align: right; postion: absolute; top: 0; right: 20px; z-index: 3; padding-right: 35px; } .underlined { border-bottom: 1px solid #e2e2e2; padding-bottom: 15px; margin-bottom: 35px; } h3.subtitle { padding: 0; width: 220px; position: absolute; top: -15px; .top: 0; _top: 0; left: 16px; z-index: 4; } h2 { font-size: 1.1em; font-weight: bold; color: #41a0cf; margin: 0 0 0 16px; } #subnav a { color: #646f74; padding: 0 4px 0 4px; } #subnav a.active { font-weight: bold; } #mid a { color: #41a0cf; } body.child #mid { padding: 50px 0 35px 0; position: relative; z-index: 1; } body.child .know-the-facts { background: url(../i/gallery-01.jpg) right top no-repeat #fff; min-height: 1%; } body.child .blank { background: #fff; min-height: 1%; } * html body div.know-the-facts { height: 1%; } #gallery { min-height: 310px; } #mid h1 { font-size: 1.3em; color: #41a0cf; font-family: trebuchet, 'trebuchet ms', arial, sans-serif; margin: 0 0 25px 16px; font-weight: normal; } #mid h1.homepage { width: 480px; height: 30px; background: url(../i/h1-intro.gif) 0 0 no-repeat transparent; text-indent: -9999px; margin: 0 0 0 15px; padding: 0; } #mid h1.know-the-facts { _float: left; _display: inline; width: 464px; height: 85px; background: url(../i/h1-know-the-facts.gif) 0 0 no-repeat transparent; text-indent: -9999px; margin: 0 0 25px 15px; padding: 0; } #mid h1.discover-uv-tech { _float: left; _display: inline; width: 464px; height: 186px; background: url(../i/h1-discover-uv-tech.gif) 0 0 no-repeat transparent; text-indent: -9999px; margin: 0 0 25px 15px; padding: 0; } #mid h1.our-solution { _float: left; _display: inline; width: 464px; height: 160px; background: url(../i/h1-our-solution.gif) 0 0 no-repeat transparent; text-indent: -9999px; margin: 0 0 25px 15px; padding: 0; } #mid p { width: 625px; line-height: 1.4; margin: 5px 0 15px 17px; } #mid p.wide { width: 990px!important; } body.child #mid p { width: 450px; _float: left; line-height: 1.4; margin: 5px 0 15px 17px; _margin: 5px 0 15px 7px; } body.child .blank p { width: 650px; _float: left; line-height: 1.4; margin: 5px 0 15px 17px; _margin: 5px 0 15px 7px; } .buttons { width: 185px; float: right; display: inline; margin: 40px 15px 0 0; } .buttons img { margin: 0 0 5px 0; } .thmbox { width: 496px; float: right; display: inline; margin: 295px 15px 0 0; text-align: center; } .thmbox a { outline: none; } #bot { background: url(../i/bg-hm-bot.jpg) 0 0 repeat-x #fff; padding: 82px 0 50px 0; /*font-size: .75em;*/ } #bot-alt { background: url(../i/bg-hm-bot.jpg) 0 0 repeat-x #fff; padding: 44px 0 50px 0; } .fleft-alt { float: left; display: inline; width: 670px; margin: 0 0 21px 25px; font-weight: normal; line-height: 1.6; } .fleft { float: left; display: inline; width: 670px; margin: 0 0 0 25px; font-weight: bold; line-height: 1.6; font-size: .75em; } .fleft a { color: #646f74; } .fleft a.gray { color: #d0d4d5; } .fright { float: right; display: inline; width: 260px; margin: -6px 25px 0 0; text-align: right; font-weight: bold; position: relative; z-index: 2; } .fright a { color: #2e7598; } .fright img { padding: 0 0 0 3px; } a.tint:hover img, img a.tint:hover { filter: alpha(opacity=65); -moz-opacity: 0.65; opacity: 0.65; } ul#vioSlideshow { clear: both; display: block; margin: 0; padding: 0; height: 328px; overflow: hidden; width: 990px; list-style-type: none; } ul { margin: 0 0 10px 15px; padding: 0; list-style-type: none; } ul li { margin: 4px 0 4px 0; padding: 0; list-style-type: none; } #flash { clear: both; width: 990px; height: 328px; background: url(../i/slideshow/pic-home-6.jpg) no-repeat transparent; } #mid table td { padding: 3px 0 3px 17px; } #mid textarea { width: 250px; } #mid .texti { width: 250px; } .con { background: url(../i/bg-contact.jpg) right top no-repeat; min-height: 475px; } .pimg { float: right; display: inline; margin: 0 0 50px 50px; } .alr { text-align: right; padding-right: 30px; } .rt { float: right; display: inline; width: 400px; margin-right: 90px; } .lft p { float: left; display: inline; margin-top: 5px!important; margin-bottom: 10px!important; } .imgleft { float: left; display: inline; margin: 2px 20px 10px 0; } .withseparators td { border-bottom: 1px solid #e2e2e2; } .footnote { font-size: .75em; } .shortp p { width: 200px!important; } /* Salesforce login */ #salesforceLogin { } #salesforceLogin input.text { } #salesforceLogin input.button { }