/* --------------------------------------------------------------------------------- 177 Central - Master Stylesheet Author: Pixel House Website: www.pixel-house.com.au --------------------------------------------------------------------------------- */ body { margin: 0; padding: 0; background: url(../images/bg.gif) repeat-x 0 0; font-family: Verdana, Arial, sans-serif; color: #4c4c4c; margin: 0 0 1.0em 0; } h1, h2 { font-family: Arial, Helvetica, sans-serif; margin: 0 0 0.6em 0; } h1 { color: #1346ba; font-size: 1.4em; font-weight: normal; } h2 { font-size: 0.8em; } h2 span { font-weight: normal; } p { font-size: 0.7em; line-height: 1.5em; } #outer { width: 100%; float: left; background: url(../images/bg-header.jpg) no-repeat center 0; } #wrapper { width: 860px; margin: 0 auto; } #logo { float: left; margin: 51px 0 0 0; background: url(../images/logo.jpg) no-repeat 0; } #logo a { width: 197px; height: 51px; display: block; text-indent: -5000px; } #logo a:hover { background: url(../images/logo.jpg) no-repeat 0; } #slogan { float: right; margin: 51px 0 0 0; background: url(../images/slogan.jpg) no-repeat 0; width: 349px; height: 42px; text-indent: -5000px; } /* --------------------------------------------------------------------------------- NAVIGATION --------------------------------------------------------------------------------- */ #navigation { float: left; width:860px; } #navigation ul { margin: 0; padding: 0; background: #fea30a; width: 100%; float: left; border-top: solid 5px #1346ba; } #navigation ul li { float: left; list-style-type: none; background: #fea30a; } #navigation ul li a { display: block; float: left; text-decoration: none; text-align: center; height: 30px; text-transform: uppercase; font-size: 0.7em; color: #fff; font-weight: bold; padding-top: 17px;} #navigation ul li a:hover { background: url(../images/nav-divider.gif) no-repeat 0 15px #ffb100; } #n01 { width: 76px; } #n02 { width: 132px; } #n03 { width: 106px; } #n04 { width: 164px; } #n05 { width: 206px; } #n06 { width: 79px; } #n07 { width: 97px; } #n02, #n03, #n04, #n05, #n06, #n07 { background: url(../images/nav-divider.gif) no-repeat 0 17px; } #navigation #n01:hover { background: #ffb100; } /* --------------------------------------------------------------------------------- LEFT CONTENT --------------------------------------------------------------------------------- */ #content { float: left; width: 100%; padding-bottom: 30px; } #left { float: left; padding: 10px 0 0 18px; width: 420px; } #content ul { margin: 0; padding: 0 0 0 13px; } #content ul li { font-family: verdana; color: #4c4c4c; font-size: 0.7em; line-height: 1.5em; padding-top: 10px; } #content a { color: #4c4c4c; text-decoration: none; } #content a:hover { text-decoration: underline; } #imageMain { float: left; margin-top: 18px; width: 860px; height: 309px; } #imageSub { float: left; margin: 20px 0 0 0; padding: 0; } h1 { display: block; height: 25px; } h1 span { display: none; } #H1-central { background: url(../images/H1-Central.gif) no-repeat 0 3px; } #H1-Property { background: url(../images/H1-Property.gif) no-repeat 0 3px; } #H1-Location { background: url(../images/H1-Location.gif) no-repeat 0 3px; } #H1-Retirement { background: url(../images/H1-Retirement.gif) no-repeat 0 3px; } #H1-Accommodation { background: url(../images/H1-Accommodation.gif) no-repeat 0 3px; } #H1-Contact { background: url(../images/H1-Contact.gif) no-repeat 0 3px; } /* --------------------------------------------------------------------------------- RIGHT CONTENT --------------------------------------------------------------------------------- */ #content .student { margin-top: 57px; } #right { float: right; display: inline; margin: 50px 0 0 35px; padding: 0; width: 385px; } #right p { margin: 0 0 1.0em 0; } #right ul { margin: 0; padding: 0; } #right ul li { list-style-type: none; margin: 0px; padding: 2px 0; float: left; width: 320px; clear: both; } .pdf { background: url(../images/icon-pdf.gif) no-repeat 0px 0px; padding: 3px 0 3px 30px; display: block; } .word { background: url(../images/icon-word.gif) no-repeat 0px 0px; padding: 3px 0 3px 30px; display: block; } #right .pdf-li { background: url(../images/icon-pdf-li.gif) no-repeat 0px 0px; padding: 3px 0 3px 30px; display: block; color: #bbbbbb; } #pHome #content { background: url(../images/3D-image.jpg) no-repeat 472px bottom; } #pRetirement #content { background: url(../images/floor-plan.jpg) no-repeat 472px bottom; padding-bottom: 25px; } #pStudent #content { background: url(../images/floor-plan2.gif) no-repeat 472px bottom; } #map { float: right; margin: 59px 0 0 0; padding: 0; } #mapOuter { margin: 0; padding: 0 20px 0 0; } #videoBG { float: left; width: 860px; height: 360px; background: url(../images/img-video.jpg) no-repeat 0 14px; padding: 14px 0px; } #videoBox { padding: 48px 0 0 432px; } #right .access { background: #b20000; border: solid 1px #620d0d; color: #fff; padding: 6px; width: 350px; } #right .access a { color: #fff; font-weight: bold; } /* --------------------------------------------------------------------------------- FOOTER --------------------------------------------------------------------------------- */ #footer { float: left; border-top: solid 4px #1346bb; text-align: center; width: 824px; height: 100px; padding: 10px 0; margin: 1px 0px 0 20px; display: inline; } #footer hr { display: none; } #footer ul { margin: 0 0 8px 0; padding: 0; width: 100%; } #footer ul li { list-style-type: none; display: inline; padding-right: 5px; } #footer ul li a { font-size: 0.7em; color: #4c4c4c; text-decoration: none; } #footer ul li a:hover { color: #1346bb; } .divider { border-left: solid 1px #ccc; padding-left: 10px; }