/*---------- Condor Group - CSS Document ----------*/ @import url("reset.css"); /*---------- LaYoUT STYLeS ----------*/ body { color: #727275; background-color: #ffffff; font: 62.5%/1.9em Helvetica, Verdana, Arial, sans-serif; } #container { width: 860px; margin: 0 auto; font-size: 1.2em; } #content { text-align: center; padding: 10px 0; } #p-quote #content { padding: 10px 0; text-align: left; } #text { width: 580px; margin: 20px auto; } /*---------- CoMMoN STYLeS ----------*/ a { text-decoration: underline; } a:hover { text-decoration: none; } h1, h2, h3, h4 { font-family: Georgia, sans-serif; font-weight: normal; padding: 10px 0; } h1 { font-size: 1.7em; width: 580px; } h2 { font-size: 1.5em; } h3 { font-size: 1.4em; } h4 { font-size: 1.2em; } strong { font-weight: bold; } hr { border: none; border-bottom: 1px solid #5A5758; margin: 10px; } p { margin: 10px 0; } ul { margin: 10px 30px; list-style-type: square; } .clear { display: block; clear: both; } .hidden { display: none; } .top { border-top: 1px solid #5A5758; text-align: right; font-size: 0.9em; margin: 10px 15px 0; } #mudmap { margin: 10px; float: right; } #gallery { margin: 10px 0; } #gallery ul { margin: 0 0 0 15px; list-style-type: none; } #gallery ul li { float: left; width: 110px; } #p-home h1 { background: url(../images/core/welcome.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-printing h1 { background: url(../images/core/printing.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-design h1 { background: url(../images/core/design.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-interactive h1 { background: url(../images/core/interactive.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-marketing h1 { background: url(../images/core/marketing.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-contact h1 { background: url(../images/core/contact.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-quote h1 { background: url(../images/core/instant-quote.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-login h1 { background: url(../images/core/login.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-thankyou h1 { background: url(../images/core/thankyou.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-terms h1 { background: url(../images/core/terms.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-privacy h1 { background: url(../images/core/privacy.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } #p-login h1 { background: url(../images/core/coming-soon.gif) no-repeat 50% 50%; text-indent: -9999px; display: block; height: 20px; } /*---------- HeaDeR STYLeS ----------*/ #header { height: 117px; width: 860px; border-bottom: 1px solid #5A5758; } #header img#logo { padding-left: 215px; } /*---------- FlaSH STYLeS -------------*/ #flash { width:860px; height:151px; position:relative; background:#494a4e; } ul#color-navigation { height:146px; width:860px; padding-top:5px;} ul#color-navigation li{ display:block; height:146px; line-height:146px; float:left;} ul#color-navigation li a{ text-indent:-9999em; height:146px; display:block; background:url(../images/nav/colour-navigation.jpg) no-repeat 0 0; } ul#color-navigation li#one a{ width:176px; background-position:0 0; } ul#color-navigation li#two a{ width:68px; background-position:-330px 0;} ul#color-navigation li#three a{ width:67px; background-position:-549px 0;} ul#color-navigation li#four a{ width:68px; background-position:-768px 0;} ul#color-navigation li#five a{ width:64px; background-position:-990px 0;} ul#color-navigation li#six a{ width:67px; background-position:-1206px 0;} ul#color-navigation li#seven a{ width:68px; background-position:-1425px 0;} ul#color-navigation li#condor a{ width:25px; height:107px; background:url(../images/nav/colour-navigation-background.gif) 0 0 no-repeat;} ul#color-navigation li#condor a:hover { background-position:0 -107px; } /*---------- NaVIGaTIoN STYLeS ----------*/ #nav { width: 860px; height: 31px; padding-top: 15px; } #nav ul { list-style-type: none; margin: 0; } #nav ul li { display: inline; float: left; height: 16px; overflow: hidden; } #nav ul li a { display: block; height: 16px; text-indent: -9999px; } #nav ul li a:hover { background-position: 0 -16px !important; } #nav li#home a { background: url(../images/nav/home.gif) no-repeat; width: 78px; } #nav li#printing a { background: url(../images/nav/printing.gif) no-repeat; width: 96px; } #nav li#design a { background: url(../images/nav/design.gif) no-repeat; width: 78px; } #nav li#interactive a { background: url(../images/nav/interactive.gif) no-repeat; width: 121px; } #nav li#marketing a { background: url(../images/nav/marketing.gif) no-repeat; width: 111px; } #nav li#contact a { background: url(../images/nav/contact.gif) no-repeat; width: 94px; } #nav li#quote a { background: url(../images/nav/quote.gif) no-repeat; width: 145px; } #nav li#login a { background: url(../images/nav/login.gif) no-repeat; width: 136px; } #p-home li#home a, #p-printing li#printing a, #p-design li#design a, #p-interactive li#interactive a, #p-marketing li#marketing a, #p-contact li#contact a, #p-login li#login a, #p-quote li#quote a { background-position: 0 -16px !important; } /*---------- HeaDeR STYLeS ----------*/ #banner { border-top: 1px solid #5A5758 ; border-bottom: 1px solid #5A5758; padding: 1px 0; display: block; clear: both; } /*---------- LoGoS STYLeS ----------*/ #logos { padding: 50px 0 15px 0; } #logos ul { margin: 0; list-style-type: none; height: 42px; } #logos ul li { float: left; margin: 0 10px; display: inline; height: 42px; overflow: hidden; } #logos ul li a { height: 42px; display: block; text-indent: -9999px; } #logos ul li a:hover { background-position: 0 -42px !important; } #logos li#raywhite a { background: url(../images/core/logo-raywhite.gif) no-repeat; width: 69px; } #logos li#afl-toyota a { background: url(../images/core/logo-afltoyota.gif) no-repeat; width: 102px; } #logos li#afl-vic a { background: url(../images/core/logo-aflvic.gif) no-repeat; width: 47px; } #logos li#logo-v a { background: url(../images/core/logo-v.gif) no-repeat; width: 30px; } #logos li#toyota a { background: url(../images/core/logo-toyota.gif) no-repeat; width: 110px; } #logos li#logo-n a { background: url(../images/core/logo-n.gif) no-repeat; width: 60px; } #logos li#burgress a { background: url(../images/core/logo-burgress.gif) no-repeat; width: 74px; } #logos li#jeffbanks a { background: url(../images/core/logo-jeffbanks.gif) no-repeat; width: 91px; } #logos li#sxcx a { background: url(../images/core/logo-sxcx.gif) no-repeat; width: 37px; } #logos li#colliers a { background: url(../images/core/logo-colliers.gif) no-repeat; width: 40px; } /*---------- FooTeR STYLeS ----------*/ #footer-bg { font-size: 1.1em; display: block; clear: both; background: url(../images/core/footer-bg.gif) repeat-x; height: 50px; color: #727275; } #footer { color: #727275; margin: 0 auto; width: 860px; text-align: center; padding-top: 7px; } #footer a { text-decoration: none; color: #727275; } #footer a:hover { text-decoration: underline; } #footer #copyright { color: #FFFFFF; } #footer .dark { color: #0B0B0B; } #f-logos ul { margin: 0 0 0 250px; list-style-type: none; padding-top: 20px; } #f-logos ul li { float: left; margin: 0 10px; display: inline; height: 38px; overflow: hidden; } #f-logos ul li a { height: 38px; display: block; text-indent: -9999px; } #f-logos ul li a:hover { background-position: 0 -38px !important; } #f-logos li#fuji a { background: url(../images/core/logo-fuji.gif) no-repeat; width: 110px; } #f-logos li#fsc a { background: url(../images/core/logo-fsc.gif) no-repeat; width: 36px; } #f-logos li#ryobi a { background: url(../images/core/logo-ryobi.gif) no-repeat; width: 71px; } #f-logos li#iso a { background: url(../images/core/logo-iso.gif) no-repeat; width: 39px; } #f-logos li#kodak a { background: url(../images/core/logo-kodak.gif) no-repeat; width: 67px; } /* form */ .form { width: 580px; } .form ul { width: 580px; display: block; padding-top: 20px; } .form li { margin-bottom: 15px; list-style: none; width: 500px; } .form label { display: inline-block; width: 150px; vertical-align: top; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } textarea { width: 200px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; } input { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }