/* ------------------------------------------- project: antispam.ie date: 2008/02/12 ------------------------------------------- */ /* Reset ------------------------------------------- */ * {margin: 0; padding: 0; color: #555; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em;} a, span, strong {font-size: 1em;} span {color: inherit;} a, a:visited {text-decoration: underline;} a:hover {text-decoration: underline;} img {border: none;} /* layout ------------------------------------------- */ body {background: #fff url(../images/back.jpg) left top repeat-x;} body.home {background-image: url(../images/back-home.jpg);} h1 {color: #0A304A; font-weight: bold; font-size: 1.5em; line-height: 1.5em; text-transform: uppercase;} h2 {margin-top: 30px; color: #0A304A; font-weight: normal; font-size: 1.8em; line-height: 1.5em;} h3 {margin-top: 30px; color: #0A304A; font-weight: bold; font-size: 1.4em; line-height: 1.5em;} h4 {margin-top: 30px; color: #0A304A; font-weight: bold; font-size: 1.2em; line-height: 1.5em;} p {margin: 10px 0 10px 0;} p strong {color: #0A304A;} blockquote {width: 400px; margin: 10px 0 10px 15px; padding-left: 10px; border-left: 2px solid #AFBDC6;} a, a:visited {color: #205172; text-decoration: underline;} a:hover {color: #A7B023;} a.more-info, a.more-info:visited {display: block; float: left; width: 74px; height: 16px; margin-top: 15px; background: transparent url(../images/buttons/more-info-black.jpg) center center no-repeat; color: #fff; font-size: 0.8em; line-height: 16px; text-decoration: none; text-align: center; text-transform: uppercase;} a.more-info:hover {text-decoration: underline;} input, textarea, select {margin: 4px 2px 4px 2px; padding: 1px; border: 1px solid #d4d4d4; background: #fff;} input:hover, textarea:hover, select:hover, input:focus, textarea:focus, select:focus {border: 1px solid #0A304A;} input.submit {width: auto; color: #fff; font-size: 0.8em; text-transform: uppercase;} label {display: block; float: left; clear: left; margin: 4px 2px 4px 2px;} #header {position: relative; width: 950px; height: 97px; margin: 0 auto;} #logo {position: absolute; overflow: hidden; width: 350px; height: 59px; background: transparent url(../images/logo.jpg) center center no-repeat; text-indent: -500px;} #header ul {position: absolute;} #header ul li {display: block; float: left; list-style: none;} ul#tools {top: 15px; right: 0;} ul#tools li {border-right: 1px solid #3A586B;} ul#tools li.last {border-right: none;} ul#tools li a, ul#tools li a:visited {margin: 0 10px -3px 10px; color: #A9B5BD; text-decoration: none;} ul#tools li a:hover {text-decoration: underline;} ul#mainmenu {bottom: 7px; right: 0; height: 36px;} ul#mainmenu li {height: 36px; margin-left: 1px;} ul#mainmenu li a, ul#mainmenu li a:visited {display: block; height: 36px; padding: 0 10px 0 10px; background: transparent url(../images/mm-back.jpg) left top repeat-x; color: #fff; font-size: 0.8em; line-height: 36px; text-align: center; text-decoration: none; text-transform: uppercase;} ul#mainmenu li a:hover {background-position: left bottom; color: #90BAD6;} #subheader {position: relative; width: 735px; height: 162px; margin: 0 auto; padding: 20px 0 0 215px; background: transparent url(../images/headers/trash-header.jpg) left top no-repeat;} #subheader h1 {background: transparent url(../images/sifr-back.jpg) left top repeat-x;} #subheader.home {width: 950px; height: 248px; padding: 0; background-image: url(../images/headers/home-subheader2.jpg);} #subheader.home h1, #subheader.home h2 {display: none;} #home-welcome {position: absolute; left: 186px; top: 60px; width: 750px;} #home-welcome a.more-info {background-image: url(../images/buttons/more-info-red.jpg);} #graph-descr {position: absolute; left: 630px; top: 60px; width: 250px;} #graph-descr a.more-info {width: 98px; background-image: url(../images/buttons/graph-details.jpg);} #content {width: 950px; margin: 0 auto;} /* home page sections */ .home-section {float: left; width: 185px; padding: 187px 25px 10px 25px; border-left: 1px solid #e7e7e7; background-color: transparent; background-position: -1px top; background-repeat: no-repeat;} .home-section h2 {display: none;} #about-spam {background-image: url(../images/headers/about-spam.jpg);} #fighting-spam {background-image: url(../images/headers/fighting-spam.jpg);} #antispam-products {background-image: url(../images/headers/antispam-products.jpg);} #home-contact-form {float: right; width: 210px; padding: 15px 15px 10px 15px; border-left: 1px solid #e7e7e7; border-right: 1px solid #e7e7e7; background: #f0f0f0;} #home-contact-form h2 {overflow: hidden; height: 24px; margin-top: 0; background: transparent url(../images/headers/mail-form-header.jpg) left top no-repeat; text-indent: -2000px;} #home-contact-form fieldset {border: none;} #home-contact-form legend {display: none;} #home-contact-form label {width: 50px; color: #205172; font-size: 0.9em; font-weight: bold;} #home-contact-form input {width: 140px;} #home-contact-form textarea {width: 140px; height: 80px;} #home-contact-form input.submit {width: 61px; height: 16px; border: none; background: #f0f0f0 url(../images/buttons/submit.jpg) center center no-repeat; line-height: 16px;} #sidebar {float: right; width: 195px; padding: 15px 20px 0 0;} ul#side-menu {margin-bottom: 20px; border-bottom: 1px solid #e7e7e7;} ul#side-menu li {display: block; margin: 0; list-style: none; border-bottom: 1px solid #e7e7e7;} ul#side-menu li a, ul#side-menu li a:visited {display: block; padding: 5px 10px 5px 10px; color: #777; text-decoration: none;} ul#side-menu li a:hover {background: #BC2A13 url(../images/sidemenu-back-over.jpg) left top repeat-x; color: #fff;} a#contact-banner {display: block; overflow: hidden; width: 193px; height: 77px; margin: 0 auto; margin-top: 10px; background: transparent url(../images/contact-us-banner.jpg) center center no-repeat; text-indent: -500px;} #main-content {float: left; width: 604px; padding: 5px 0 0 20px; border-left: 1px solid #e7e7e7;} #breadcrumb {padding: 10px 0 10px 0; border-style: double; border-color: #e7e7e7; border-top: none; border-left: none; border-right: none;} .current-title {color: #4483A4; font-weight: bold;} #main-content ul {margin: 10px 0 10px 25px;} #main-content ul li {margin: 5px 0 5px 0;} #footer {clear: both; width: 950px; margin: 0 auto; margin-top: 60px; padding-top: 10px; padding-bottom: 20px; border-top: 1px solid #e7e7e7; color: #000; font-size: 0.8em; text-transform: uppercase;} ul#footer-menu {display: inline; margin-left: 30px;} ul#footer-menu li {display: inline; padding: 0 10px 0 10px; border-left: 1px solid #ccc; font-size: 0.8em;} ul#footer-menu li:first-child, ul#footer-menu li.first {border-left: none;} ul#footer-menu li a, ul#footer-menu li a:visited {color: #476477; text-decoration: none;} ul#footer-menu li a:hover {color: #CA401C; text-decoration: underline;} /* classes ------------------------------------------- */ .clear {overflow: hidden; clear: both; height: 0;} /* IDs ------------------------------------------- */ /* sIFR ------------------------------------------- */ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; }