/* --------------------------------------------------------------------------------- TDFC - Master Stylesheet Feris Internet Marketing - www.feris.com.au --------------------------------------------------------------------------------- */ body { background: #294a73; margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; } h1, h2, h4 { color: #416182; } h1 { font-size: 1.3em; text-transform: uppercase; font-weight: normal; } h2 { font-size: 1.1em; font-weight: normal; } h2 a { color: #416182; text-decoration:none; } h3 { font-size: 0.75em; text-transform: uppercase; color: #4c5259; margin: 0 0 0.2em 0; } h3 a { color: #4c5259;} h4 { font-size: 0.70em; text-transform: uppercase; margin: 0 0 0.2em 0;} p { color: #4c5259; font-size: 0.8em; line-height: 1.3em; margin: 0 0 1.2em 0; } p a { color: #cf0000; } p span { color: #94a5b9;} ul, ol { margin: 0 0 1.2em 0; padding: 0; } ol { margin: 0 0 1.2em 23px; } ul li, ol li { color: #4c5259; font-size: 0.8em; padding: 0; line-height: 1.3em;} ul li a, ol li a { color: #cf0000; } hr { display: none; } #header-wrap, #nav-wrap, #content-wrap, #footer-wrap { width: 100%; float: left; } #header-wrap { background: url(../images/bg-header.jpg) no-repeat center 0 #fff; height: 169px; } #nav-wrap { background: #294a73; height: 46px; } #content-wrap { background: url(../images/bg-contentwrap.gif) repeat-x 0 0 #e2ebf2; } #header, #nav, #content, #footer { width: 960px; margin: 0 auto; } #logo { margin: 73px 0 0 0; } #logo a { width: 260px; height: 72px; display: block; background: url(../images/logo.gif) no-repeat 0 0; text-indent: -5000px; outline: none; } #right { width: 734px; float: right; padding: 33px 0 15px 0; } /* --------------------------------------------------------------------------------- NAVIGATION --------------------------------------------------------------------------------- */ #nav { background: url(../images/bg-nav.gif) no-repeat 0 0; height: 46px; } #nav ul { float: right; margin: 0; padding: 0; } #nav ul li { list-style-type: none; padding: 0; float: left; padding: 0 0 0 27px; } #nav ul li a { display: block; height: 46px; float: left; color: #fff; text-indent: -5000px; } #nav ul li a:hover { background-position: 0 bottom; } #n01 { background: url(../images/n01.gif) no-repeat 0 0; width: 38px; } #n02 { background: url(../images/n02.gif) no-repeat 0 0; width: 162px; } #n03 { background: url(../images/n03.gif) no-repeat 0 0; width: 65px; } #n04 { background: url(../images/n04.gif) no-repeat 0 0; width: 176px; } #n05 { background: url(../images/n05.gif) no-repeat 0 0; width: 94px; } #n06 { background: url(../images/n06.gif) no-repeat 0 0; width: 61px; } /* --------------------------------------------------------------------------------- LEFT --------------------------------------------------------------------------------- */ #left { width: 205px; float: left; padding: 15px 0; } #servicesIn { background: url(../images/bg-services-bot.gif) no-repeat 0 bottom; width: 163px; padding: 26px 21px 15px 21px; float: left; } #services { background: url(../images/bg-services-top.gif) no-repeat 0 0 #dde7ef; width: 205px; float: left; } #services ul { margin: 0; padding: 0; float: left; width: 100%; } #services ul li { color: #617081; list-style-type: none; float: left; width: 100%; } #services ul li a { color: #617081; text-decoration: none; border-top: solid 1px #b1c1cd; padding: 9px 0 9px 13px; display: block; background: url(../images/arrow-01.gif) no-repeat 0 center; } #services ul li a:hover { color: #36577a; text-decoration: underline; } #services h3 { background: url(../images/h3-services.gif) no-repeat 0 0; height: 25px; display: block; text-indent: -5000px; } #testimonial { margin: 15px 0 0 0; background: url(../images/bg-testimonial-top.gif) no-repeat 0 0 #fff; width: 205px; float: left; } #testimonialIn { background: url(../images/bg-testimonial-bot.gif) no-repeat 0 bottom; width: 163px; padding: 21px 21px 0 21px; float: left; } .testimonie { font-weight: bold; } .testimonie span { font-weight: normal; font-size: 0.85em; text-transform: uppercase; color: #616970; } /* --------------------------------------------------------------------------------- RIGHT --------------------------------------------------------------------------------- */ #right ul li { list-style-type: none; padding: 0 0 0 12px; background: url(../images/arrow-01.gif) no-repeat 0 6px; } #right img { background: #fff; padding: 5px; border: solid 1px #b1c1cd; } .imgRight { margin: 0 0 12px 12px; } .imgLeft { margin: 0 12px 12px 0px; } #breadcrumbs { border-bottom: solid 1px #c8ccd2; margin: 0px 0 20px 0; font-size: 0.85em; height: 26px; padding-top: 9px; } #breadcrumbs p { color: #6c747c; } /* --------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */ #footer { background: url(../images/bg-footer.gif) no-repeat right 30px; min-height: 170px; } #footer p { color: #fff; } #footer p a { color: #f0a023; } .contactBox { width: 205px; float: left; padding: 25px 0 20px 0; } .linkBox { float: left; padding: 25px 0 20px 20px; width: 160px; } #footer h4 { background: url(../images/h4-contact.gif) no-repeat 0 0; height: 30px; text-indent: -5000px; } #footer ul li { list-style-type: none; padding: 0 0 2px 0; } #footer ul li a { color: #94a5b9; } #footer ul li a:hover { color: #fff; } .copyright { padding: 25px 0 0 0; text-align: right; float: right; } /* --------------------------------------------------------------------------------- SIFR STYLES --------------------------------------------------------------------------------- */ .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; } .sIFR-hasFlash h1 { font-size: 1.2em; }