/* --------------------------------------------------------------------------------- PHDC - Master Stylesheet Author: Pixel House Website: www.pixel-house.com.au --------------------------------------------------------------------------------- */ body { margin: 0; padding: 0; background: #82c6e6; font-family: arial, helvetica, sans-serif; } p { font-size: 0.8em; color: #5b8ba2; line-height: 1.5em; margin: 0 0 1.2em 0; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; } h1, h2.sifr { font-size: 2.0em; font-weight: normal; color: #5b8ba2; margin: 15px 0 60px 0; } h2, h1.service { font-size: 1.5em; font-weight: normal; color: #6eb245; margin: 50px 0 20px 0; } h3 { font-size: 1.0em; font-weight: bold; color: #5b8ba2; margin: 30px 0 0 0; } #headerbg { width: 100%; height: 47px; background: url(../images/nav-bg.gif) repeat-x 0 0 #83c7e6; position: absolute; top: 0; left: 0; z-index: 10; } #wrapperOuter { float: left; width: 100%; background: url(../images/body-bg.jpg) no-repeat center 0px #fff; margin-top: 47px; } #wrapper { width: 960px; position: relative; z-index: 100; margin: 0 auto; z-index: 20; } #wrapperInner { width: 960px; float: left; background: url(../images/bg-wrapperInner.gif) repeat-y 0 0; min-height: 590px; } #logo { position: absolute; background: url(../images/phdc-logo.gif) no-repeat 0 0; top: 0px; left: 51px; z-index: 1000; float: left; } #logo a { display: block; width: 209px; height: 134px; text-indent: -5000px; outline: none; } #logo { margin: 0; } /* --------------------------------------------------------------------------------- NAVIGATION --------------------------------------------------------------------------------- */ #nav { float: right; width: 597px; height: 47px; margin: -47px 0 0 0; position: relative; z-index: 120; } #nav li { float: left; list-style-type: none; } #nav li a { float: left; display: block; height: 47px; text-indent: -5000px; } #nav li a:hover { background-position: 0 -47px; } #n01 a { background: url(../images/n01.jpg) no-repeat 0 0; width: 94px; } #n02 a { background: url(../images/n02.jpg) no-repeat 0 0; width: 98px; } #n03 a { background: url(../images/n03.jpg) no-repeat 0 0; width: 116px; } #n04 a { background: url(../images/n04.jpg) no-repeat 0 0; width: 174px; } #n05 a { background: url(../images/n05.jpg) no-repeat 0 0; width: 109px; } .divider { border-right: solid 1px #c9e7fc; padding-right: 0px; } #home #n01 a { background-position: 0 bottom; } #about #n02 a { background-position: 0 bottom; } #services #n03 a { background-position: 0 bottom; } #payments #n04 a { background-position: 0 bottom; } #contact #n05 a { background-position: 0 bottom; } /* --------------------------------------------------------------------------------- SIDEBAR --------------------------------------------------------------------------------- */ #sidebar { margin: -47px 0 0 0; width: 312px; background: url(../images/sidebar-bg.jpg) no-repeat 0 0; position: absolute; clear: both; top: 0; left: 0; z-index: 10; } #subnav { margin: 206px 51px 0 51px; width: 210px; display: inline; padding: 0; list-style-type: none; float: left; } #subnav li { float: left; width: 100%; } #subnav li a { font-size: 0.80em; color: #6eb245; text-decoration: none; line-height: 1.9em; float: left; width: 100%; } #subnav li a:hover { color: #538635; } .subdivider { border-bottom: solid 1px #b6d8a1; } #sidecontact { height: 70px; padding: 67px 51px 42px 51px; float: left; } .hide { display: none; } #cForm { float: left; } #emailform { border: none; margin: 0; padding: 104px 0 0 0; float: left; } #emailform label { float: left; } #emailform input, #emailform textarea { font-family: arial; color: #497387; font-size: 0.9em; } #emailform input:focus, #emailform textarea:focus { background: #ecf5fc; color: #3f6476; } .field { float: right; width: 153px; border: 1px solid #9fc0d1; padding: 2px; } #emailform p { float: left; width: 100%; margin: 10px 0 0 0; line-height: 1.7em; } .pRight { float: right; } #sidebarH { float: left; width: 312px; height: 700px; } #fromblog { float: left; margin: 170px 51px 0 51px; width: 210px; display: inline; min-height: 200px; background: url(../images/fromtheblog.gif) no-repeat 0 0; padding-top: 30px; } #fromblog h4 { display: none; } #fromblog ul { margin: 0; padding: 0; border-top: solid 1px #a7cadc; } #fromblog ul li { float: left; padding: 0; list-style-type: none; width: 100%; font-size: 0.8em; line-height: 1.5em; } #fromblog ul li a { float: left; width: 100%; color: #5b8ba2; text-decoration: none; border-bottom: solid 1px #a7cadc; padding: 4px 0; } #fromblog ul li a:hover, #fromblog p a:hover { color: #355a6b; } #fromblog p { font-weight: bold; text-transform: uppercase; font-size: 0.7em; float: left; padding-top: 10px; line-height: 1.5em;} #fromblog p a { color: #5b8ba2; text-decoration: none; } /* --------------------------------------------------------------------------------- MAIN --------------------------------------------------------------------------------- */ #main { float: right; width: 648px; min-height: 800px; } #content { padding: 25px 0 35px 50px; margin: 0; } #content ul { margin: 0; padding: 0; } #content ul li { font-size: 0.8em; color: #5b8ba2; line-height: 1.8em; list-style-type: none; background: url(../images/tick.gif) no-repeat 0 4px; padding-left: 25px; } #content a { color: #5b8ba2; text-decoration: none; } #content a:hover { color: #6eb245; text-decoration: underline; } #tcs { text-decoration: underline; } #pcontact { float: left; width: 250px; } #pcontact #emailform { padding: 0 35px 25px 0; } #map { float: right; border: solid 1px #c9e7fc; margin-top: 22px; } .img-right { float: right; } .bold { font-weight: bold; } #content .suburbs { float: left; margin: 0 0 45px 0; } #content .suburbs li { background: none; float: left; width: 170px; padding: 0; line-height: 1.5em; color: #6eb244; } /* --------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */ #footer-wrap { float: left; width: 100%; height: 150px; background: url(../images/footer-bg.gif) repeat-x 0 0 #7bc4e3; } #footer { width: 960px; position: relative; margin: 0 auto; z-index: 3; } #footer p { color: #fff; font-weight: normal; } #footer p a { color: #fff; } #footer p a:hover { color: #5b8ba2;} #footer-left { float: left; background: url(../images/footer-logo.gif) no-repeat 0 0; padding-top: 50px; margin-top: 26px; } #footer-left a { text-decoration: none; } #footer-right { float: right; text-align: right; width: 650px; } #footer ul { float: right; display: block; clear: both; margin: 0; padding-bottom: 5px; width: auto; } #footer li { float: left; list-style-type: none; padding-left: 7px; line-height: 0.8em; } #footer li a { float: left; font-size: 0.8em; color: #fff; } #footer li a:hover { color: #5b8ba2; } .footerdiv { border-right: solid 1px #fff; padding-right: 7px; } #footer #main-nav { margin: 46px 0 14px 0; } #footer #main-nav li a { color: #5b8ba2; text-decoration: underline; } #footer #main-nav li a:hover { color: #fff; } #footer #main-nav .footerdiv { border-right: solid 1px #5b8ba2; } #footer .flist2 { width: 546px; } #footer .flist3 { width: 535px; } /* --------------------------------------------------------------------------------- SIFR STYLES --------------------------------------------------------------------------------- */ /* 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 #content h1, .sIFR-hasFlash h2 { visibility: hidden; } .sIFR-hasFlash h1 { }