/* Name: ATSI Description: ATSI Website Global CSS Version: 1.0 Author: Lauren Scime ------------------------------ Object Adjective, LLC Object Adjective Studio 650 Delancey St. Unit 220 San Francisco, CA 94107 US 415-722-1323 http://www.objectadjective.com ------------------------------ */ html, body {background: #f5f4f1; font: 10pt 'Century Gothic', Helvetica, sans-serif; color: #1a1b18; margin:0; padding: 0; } body {background: #f5f4f1 url(../img/homeGradient.jpg) 0 0 repeat-x; } p, h1, h2, h3, h4, h5, h6, div, table, td, tr, th, ul, li, ol {margin: 0; padding: 0; } a, a:visited {color: #164f87; text-decoration: none; } a:hover, a:active {color:#990; } a img {border: none; } :focus, :active {outline: none;} .clear {clear: both; } /*MAIN CONTENT AREA STYLES*/ #wrapper {width: 960px; margin: 0 auto; overflow: hidden; } #header {width: 960px; margin: 0 auto; border-bottom: 10px solid #93adcb; } #header img {float: left; clear: none; width: 239px; margin: 7px 0 ;} #header #topNav {width: 290px; float: right; clear: none; margin-top: 10px; font-family:Arial, Helvetica, sans-serif; text-align: right; } #header #topNav li {padding: 3px 5px; border-right: 1px solid #333; display: inline; list-style: none; } #header #topNav li.last {border-right: none; } #header #topNav li a {color: #1a1b18;} #header #mainNav {width: 960px; clear: both; margin-top: 20px; background: url(../img/navBkgd.jpg) 0 0 repeat-x; height: 37px; } #header #mainNav li {color: #fff; font-family: helvetica, century gothic, geneva, sans-serif; float: left; clear: none; list-style: none; background: url(../img/navLine.png) right 2px no-repeat; padding-right: 1px; position: relative; } #header #mainNav li a {padding: 11px 29px 11px 30px; display: block; color: #e7ecf2; } #header #mainNav li a:hover, #header #mainNav li a:active, #header #mainNav li a.on {background: url(../img/mainNavHover.png) 0 0 repeat-x; } #header #mainNav ul {display: none; width: 200px; background: #383A48; position: absolute; top:37px; left:0; z-index: 100; } #header #mainNav ul li a {padding: 7px 13px; border-top: 1px solid #434553; border-bottom: 1px solid #333543; } #header #mainNav ul li a:hover, #header #mainNav ul li a:active {background: #506987; border-top: 1px solid #718BA9; border-bottom: 1px solid #304765;/*--url(../img/dropdown_nav.png) right bottom no-repeat;--*/ } #header #mainNav ul li {float: none; } .block {display: block !important;} #header #mainNav ul li {background-image: none; } /*Content Area ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #content {min-height: 600px; width: 100%; overflow: hidden; } #content a {font-weight: bold; } #topBlock {background: #e3e8ee; width: 960px; overflow: hidden; } #topBlock a {color: #1a1b18; } #mainText ul {margin: 10px 0 10px 20px; } #mainText ul li {list-style: outside; } #mainText h3 {color: #304765; padding-top: 14px; } #mainText h4 {padding-top: 20px; margin-bottom: -8px; } #mainText img {float: left; margin: 0 10px 10px 0;} /*Sitemap Styles */ #sitemap ul {margin: 0 0 0 20px; } #sitemap ul li {margin: 0px; list-style-position: outside; } #topBlock #photoBlock {float: left; clear: none; width: 473px; height: 290px; margin: 10px; background: url(../img/photos/hpPhoto.jpg) 0 0 no-repeat; position: relative; z-index: 1; } #topBlock #photoBlock .photos {width: 473px; height: 290px;} h1.slogan { font-size: 30pt; color: #ffffda; margin: 0 20px 0px 20px; font-family: helvetica, arial, sans-serif; font-weight: normal; letter-spacing: .03em; position: absolute; bottom: 10px; left: 10px; z-index: 50; height: auto;} .slogan span{font-size: 20pt; font-style: italic; color: #ffffda; margin: 0px 0px 30px 30px; font-weight: normal; font-family: helvetica, arial, sans-serif; } /*COMPANY SPOTLIGHT*/ #companySpotlight {width: 436px; float: right; margin-right: 20px; } #companySpotlight h1 {margin: 20px 0 10px; font-weight: normal; color: #383a48;} #companySpotlight a {font-weight: normal; font-size: 9pt; } .spotTop {width: 436px; height: 8px; margin: 0; padding: 0; background: url(../img/spotTop.png) 0 0 no-repeat; } .spotItem {width: 434px; min-height:55px; background: #d2d2d2 url(../img/spotMid.png) 0 0 no-repeat; border-right: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; } .spotBottom {width: 436px; height: 7px; margin: 0 0 10px 0; padding: 0; background: url(../img/spotBottom.png) 0 0 no-repeat; } * html .spotBottom {margin-bottom: 5px; } .spotItem p a { display: block; margin: 0 0px; padding: 2px 10px 0px 35px; background: url(../img/whiteArrowGreenCircle.png) 10px 3px no-repeat; } /*MISSION STATEMENT*/ #missionText {clear: both; width: 430px; float: left; margin: 30px 20px; text-align: justify; } #missionText h2 {font-size: 12pt; } #missionText p {line-height: 1.3; margin: 0 0 20px 0; clear: left;} /*Feature Box*/ #featureBox {float: right; clear: none; width: 400px; padding: 5px; border: 1px solid #c3c6a7; margin: 30px 20px; overflow: hidden; } #featureBox img {float: right; margin-left: 10px;} #featureBox h2 { width: 200px; float: left; background: url(../img/cleanTechIcon.png) 150px top no-repeat; font-size: 12pt; margin: 20px 10px 10px 15px; font-weight: normal; color: #7c8429; } #featureBox p {margin: 10px; margin-left: 15px; } /*FOOTER AREA --------------------------------------------------------------------------------------------------*/ #footer {clear: both; width: 960px; min-height: 120px; } #footer ul {background: #383a48; width: 960px; overflow: hidden; } #footer ul li { float: left; clear: none; list-style: none; padding: 10px 0px; } #footer ul li a {color: #bababa; display: block; padding: 0px 20px; border-right: 1px solid #bababa; } #footer ul li a.last {border-right: none; } #footer ul li a:hover, #footer ul li a:active {text-decoration: underline; } .copy {float: left; clear: none; margin-top: 10px; font-size: 9pt; } .iso {float: right; clear: none; margin-top: 10px; font-size: 9pt; } /*SECTION PAGE SPECIFIC STYLES ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #bodysection #content {background: #fff; } #bodysection #topBlock h1 {margin: 10px 30px 10px 0; font-weight: normal; text-align: right; font-size: 18pt; margin: 3px 15px;} #col1 {float: left; clear: none; width: 560px; margin: 0px 30px 20px 30px; } #col1 p {text-align: justify; margin: 20px 0 10px 0; } #col1 p.more {margin-top: 0px; text-align: right;} #quoteText {width: 235px; float: right; clear: none; } #quoteText h3 {line-height: 1.8; font-style: italic; font-weight: bold; font-size: 125%; color: #996; margin: 5px 0 10px 25px; } #col1 hr {margin: 20px 0; color: #EEEEEE; clear: both; width: 100%; } #col2 {float: right; clear: none; width: 300px; margin: 5px 15px 30px 0; } .subnav li {list-style: none; } #col1 table tr td { padding: 10px 20px 20px 10px; } .pdf {display: block; padding: 2px 0 2px 20px; background: url(../img/pdf.jpg) 0 0 no-repeat; } .subnav li {margin-bottom: 0px; } .subnav li ul li {margin-bottom: 0px; } .subnav li a, .subnav li span { display: block; padding: 5px 10px; width: 280px; padding: 5px 10px; background: #93a852; color: #fff; font-size: 12pt; font-weight: normal; margin-bottom: 2px; font-weight: normal !important; } .subnav li a:hover, .subnav li a:active, .subnav li span:hover, .subnav li span:active {background: #dfdfdf; color: #355e86; } .subnav li a.selected {background: #717696; color: #fff; font-weight: normal;} .subnav ul {display: none; margin: 0; } /*SEARCH POP DIV ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #search {width: 320px; float: right; clear: right; background: #e3e8ee; padding: 10px; } #searchForm {width: 300px; margin: 10px auto; } .searchfield {width: 200px !important; } .searchWrap {width: 207px; float: left; clear: none; margin-bottom: 20px; } .submitWrap {float: left; clear: none; width: 30px;} /* POP UP DIV STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .pop {position: absolute; z-index: 20000 !important; left: 50%; display: none; background: #fff; top: 60px; } #overlay {background: #000; opacity: .40; position: absolute; top: 0; left: 0; width: 100%; z-index: 1500; display: none; } #overlay:after {content: "."; clear: both; height: 0; visibility: hidden; display: block;} .close {width: 22px; height: 22px; float: right; clear: none; margin: 0 0px 5px 10px; display: block; background: url(../img/close-button.jpg) 0 0 no-repeat; } .close:hover {background: url(../img/close-button-on.jpg) 0 0 no-repeat; } .pop {width: 300px; margin-left: -200px; border: 1px solid #999; text-align: left; padding: 10px; border: 20px solid #717696; } .pop p {margin: 5px 0; } .pop h3 {font-size: 14pt; margin: 0 0 10px 0; } #mailinglist {background: #b7b4a1 url(../img/mailing_list_icon.jpg) right bottom no-repeat !important; border: 20px solid #778942 !important; padding-bottom: 30px; } #mailinglist p.eco-message {margin: 10px 10px 10px 0px; } #mailinglist input{width: 200px; } #mailinglist input#submit {width: 70px; margin-top: 10px; } #refer {width: 400px; margin-left: -200px; padding-left: 10px; } /* CONTACT FORM -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ #contactform p {background-color: #F5F7F9; margin-bottom: -10px; padding: 5px; width: 505px;} #contactform label {float: left; width: 195px; margin-right: 20px; padding-top: 5px; text-align: right; } .clear {clear: both;} #submit input {float: right;} #checkbox p, #submitform p {background: none;} /* BREADCRUMBS STYLES -----------------------------------------------------------------------------------------------------------------------------------------------------------------------*/ .bread {font-size: 11px; margin: 0; padding: 3px 0px; border-bottom: 1px solid #ddd; border-right: none; border-left: none; } ul.vids li {list-style: none !important; margin-bottom: 5px;} .vid {background: url(../img/movie_icon.jpg) 0 0 no-repeat; display: block; height: 25px; width: 300px; padding: 3px 0 3px 30px;} #object {border: 1px solid #333 !important; width: 480px; height: 285px; margin: 20px 0 0 0; } /*Miscellaneous */ a.tell-a-friend {display: none; }