/* --------------------------------------------------------------------------------- Aizer Building Solutions - Master Stylesheet Author: Pixel House Website: www.pixel-house.com.au --------------------------------------------------------------------------------- */ body { margin: 0 11% 0 0; padding: 0; font-family: arial, helvetica, sans-serif; } p { color: #737373; font-size: 0.80em; line-height: 1.4em; margin: 0 0 1.2em 0; } p a, li a, table a { color: #3b347c; } ul { margin: 0 0 1.0em 0; padding: 0; } ul li { color: #737373; font-size: 0.80em; margin: 0; padding: 0; list-style-type: none; } ol { margin: 0 0 1.0em 24px; padding: 0; } ol li { color: #616161; font-size: 0.80em; padding: 0 0 15px 0; } h1, h2, h3, h4, h5, h6 { margin: 0 0 0.6em 0; } h1 { /* color: #848576; */ color: #fff; text-transform: uppercase; font-size: 1.4em; margin: 0; } h1 { font-weight: normal; } h2, h3 { color: #5b5b5b; font-size: 0.8em; margin: 0; line-height: 1.4em; } h3 { text-transform: uppercase; } hr { display: none; } a img { border: none; } table { color: #737373; border-collapse: collapse; } #headerborder { border-top: solid 8px #5e57a2; width: 100%; height: 10px; position: absolute; z-index: 1; top: 0px; left: 0px; } #headerbg { width: 89%; height: 150px; background: url(../images/bg-header.jpg) no-repeat center 0 #d5d8a9; position: absolute; z-index: 10; top: 121px; left: 0px; } #headerbg100 { width: 100%; height: 150px; background: #d5d8a9; position: absolute; z-index: 1; top: 121px; left: 0px; } #wrapper { width: 960px; margin: 0px auto; position: relative; z-index: 100; } #header { width: 960px; float: left; height: 113px; background: url(../images/bg-headgradient.jpg) no-repeat 195px 0px; margin-top: 8px; } #main { width: 765px; float: right; } #check { float: left; background: url(../images/bg-header.jpg) no-repeat -115px 0; height: 150px; width: 195px; } #logo { margin: 48px 0px 0px 16px; float: left; display: inline; } #logo a { width: 157px; height: 42px; background: url(../images/logo.gif) no-repeat 0 0; display: block; text-indent: -5000px; outline: none; } #slogan { width: 280px; height: 150px; float: left; background: url(../images/bg-slogan2.jpg) no-repeat 0 0 #29245d; margin: 0; text-indent: -5000px; } #flash { width: 485px; height: 287px; float: right; background: #fff; } #content { float: left; width: 740px; padding: 30px 0 25px 25px; background: url(../images/bg-content2.jpg) no-repeat 0 0; } #right { float: right; width: 460px; } /* --------------------------------------------------------------------------------- NAVIGATION --------------------------------------------------------------------------------- */ #nav { float: right; width: 746px; margin: 0; padding: 74px 0 0 0; } #nav li { padding: 0; list-style-type: none; float: left; margin-right: 5px; display: inline; } #nav li a { float: left; display: block; height: 20px; text-indent: -5000px; outline: none; } #nav li a:hover { background-position: 0px -20px; } #n01 a { width: 43px; background: url(../images/nav-home.gif) no-repeat 0 0; } #n02 a { width: 67px; background: url(../images/nav-about.gif) no-repeat 0 0; } #n03 a { width: 99px; background: url(../images/nav-prestige.gif) no-repeat 0 0; } #n04 a { width: 162px; background: url(../images/nav-building.gif) no-repeat 0 0; } #n05 a { width: 62px; background: url(../images/nav-contact.gif) no-repeat 0 0; } #p01 #n01 a, #p02 #n02 a, #p03 #n03 a, #p04 #n04 a, #p05 #n05 a { background-position: 0px -40px; background-color: #29245d; } /* --------------------------------------------------------------------------------- CONTENT --------------------------------------------------------------------------------- */ .leftbox { width: 255px; float: left; padding: 6px 0 15px 0; } .divider { border-top: solid 1px #29245d; height: 3px; margin-bottom: 14px; overflow: hidden; } .width01 { border-left: solid 102px #29245d; margin-bottom: 20px; } .width02 { border-left: solid 124px #29245d; } .width03 { border-left: solid 122px #29245d; } #aboutA ul { margin: 0; } #aboutA ul li { background: url(../images/arrow-02.gif) no-repeat 0 center; text-indent: 10px; } #aboutA p { width: 225px; } .noMargin { margin: 0; } .lmargin { margin-left: 25px; display: inline; } #content .replace { display: block; height: 15px; text-indent: -5000px; margin: 0 0 10px 0; } #content li { line-height: 1.4em; } #heading { width: 460px; height: 30px; float: left; background: url(../images/bg-cheading.gif) no-repeat 0 0; padding: 120px 0px 0px 25px; } #h2-about { background: url(../images/h2-about.gif) no-repeat 0 0; } #h2-prestige { background: url(../images/h2-prestige.gif) no-repeat 0 0; } #h2-building { background: url(../images/h2-building.gif) no-repeat 0 0; } .subList { margin: 0; padding: 0; } .subList li { padding: 0; list-style-type: none; color: #616161; font-size: 0.80em; float: left; width: 100%; } .subList li a { color: #7f7f7f; float: left; width: 230px; text-decoration: none; padding: 6px 0px; border-bottom: solid 1px #ccc; display: block; background: url(../images/arrow-02.gif) no-repeat 0 center; text-indent: 10px; } .subList li a:hover { color: #363636; background: url(../images/arrow-01.gif) no-repeat 0 center; } #contentList li a { background: url(../images/arrow-02.gif) no-repeat 0 center; } #contentList li a:hover { background: url(../images/arrow-01.gif) no-repeat 0 center; } /* #contentList .active a { color: #3d3780; background: url(../images/arrow-01.gif) no-repeat 0 center; width: 255px; } #contentList .active { background: url(../images/sublist-active.gif) repeat-y right 0; border-top: solid 1px #ccc; margin-top: -1px; } #contentList .active a:hover { text-decoration: none; } */ .sp01 #s01, .sp02 #s02, .sp03 #s03, .sp04 #s04, .sp05 #s05, .sp06 #s06, .sp07 #s07 { background: url(../images/sublist-active.gif) repeat-y right 0; border-top: solid 1px #ccc; margin-top: -1px; } .sp01 #s01 a, .sp02 #s02 a, .sp03 #s03 a, .sp04 #s04 a, .sp05 #s05 a, .sp06 #s06 a, .sp07 #s07 a { color: #000; background: url(../images/arrow-01.gif) no-repeat 0 center; width: 255px; } #p03.sp01 #heading { background: url(../images/headers/header-01.jpg) no-repeat 0 0; } #p03.sp02 #heading { background: url(../images/headers/header-03.jpg) no-repeat 0 0; } #p03.sp03 #heading { background: url(../images/headers/header-04.jpg) no-repeat 0 0; } #p03.sp04 #heading { background: url(../images/headers/header-05.jpg) no-repeat 0 0; } #p03.sp05 #heading { background: url(../images/headers/header-06.jpg) no-repeat 0 0; } #p03.sp06 #heading { background: url(../images/headers/header-13.jpg) no-repeat 0 0; } #p04.sp01 #heading { background: url(../images/headers/header-07.jpg) no-repeat 0 0; } #p04.sp02 #heading { background: url(../images/headers/header-08.jpg) no-repeat 0 0; } #p04.sp03 #heading { background: url(../images/headers/header-09.jpg) no-repeat 0 0; } #p04.sp04 #heading { background: url(../images/headers/header-10.jpg) no-repeat 0 0; } #p04.sp05 #heading { background: url(../images/headers/header-11.jpg) no-repeat 0 0; } #p04.sp06 #heading { background: url(../images/headers/header-01.jpg) no-repeat 0 0; } #p04.sp07 #heading { background: url(../images/headers/header-13.jpg) no-repeat 0 0; } #p05 #heading { background: url(../images/headers/header-01.jpg) no-repeat 0 0; } #p02 #heading { background: url(../images/headers/header-02.jpg) no-repeat 0 0; } #right ul li { background: url(../images/arrow-02.gif) no-repeat 0 6px; padding: 0 0 0 14px; } #right .strong { font-size: 1.05em; line-height: 1.3em; color: #848576; } #h3-building, #h3-prestige { width: 100%; height: 13px; display: block; margin: 0 0 10px 0; text-indent: -5000px; } #h3-building { background: url(../images/h3-building.gif) no-repeat 0 0; } #h3-prestige { background: url(../images/h3-prestige.gif) no-repeat 0 0; } #right .twoCol { float: left; width: 100%; } #right .twoCol li { float: left; width: 200px; } #gallery { padding: 10px 0 0 0; float: left; } #gallery a img { border: none; padding: 0; float: right; margin-left: 1px; } #slideshow1 { float: left; background: #000; width: 458px; height: 290px; overflow: hidden; border: solid 1px #c8c7cc; background: #fff; } #slideshow1 img { padding: 4px; } .testimonial { border-bottom: solid 1px #ccc; margin-bottom: 20px; padding: 0 45px 10px 0; float: left; width: 415px; background: url(../images/bg-testimonial.gif) no-repeat right 5px; } .testimonial p span { font-weight: bold; font-size: 0.85em; line-height: 1.2em; } .leftbox img { padding: 5px; background: #fff; border: solid 1px #c8c8c8; margin-top: -10px; } .leftbox p { width: 215px; } .bold { font-weight: bold; } /* --------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */ #footer-wrap { width: 100%; float: left; background: url(../images/bg-footer.gif) no-repeat 0 0; } #footer { width: 960px; margin: 0px auto; height: 80px; } .fright { width: 460px; float: right; padding: 15px 0px 15px 25px; margin-bottom: 30px; background: url(../images/bg-footer.jpg) no-repeat 0 0; } .fleft { float: left; width: 210px; padding: 15px 0px 0px 240px; text-align: right; } #footer p { font-size: 0.7em; color: #8e8e8e; } #footer p a { color: #8e8e8e; } #footer ul { float: left; margin: 0; padding: 0; } #footer ul li { font-size: 0.7em; color: #7e7e7e; list-style-type: none; padding: 0px; line-height: 1.4em; } #footer ul li a { color: #989898; text-decoration: none; } #footer ul li a:hover, #footer p a:hover { color: #363636; text-decoration: underline; } .fwidth01 { width: 155px; } .fwidth02 { width: 155px; } .fwidth03 { width: 140px; } #greensmart { width: 100%; height: 30px; background: url(../images/hia-greensmart.gif) no-repeat right 2px; float: left; margin: 0; } #greensmart span { display: none; } /* --------------------------------------------------------------------------------- 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 h1 { visibility: hidden; } .sIFR-hasFlash h1 { font-size: 1.5em; }