#nav {position:relative; float:left; margin:140px 0px 0px 0px; padding:0px; width:960px; height:20px; text-align:left; z-index:10;} .dropdown {float:left; padding-right:0px; z-index:10; text-align:center; margin: 0px 0px 0px 0px;} .dropdown dt {font-size:1.2em; color:#ffffff; cursor:pointer; height:24px; margin:-2px 0px 0px 0px; padding-top:4px; z-index:10; background:#9a9a9d; text-transform:uppercase;} /*.dropdown dt:hover {background:#FF6600; height:24px; margin-top:-2px; padding-top:4px;}*/ .dropdown dd {position:absolute; margin:0px 0px 0px 0px; overflow:hidden; width:208px; display:none; /*background:#ff6600;*/ z-index:200; opacity:0;} .dropdown ul {list-style:none; border-top:none; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; background:#9a9a9d; text-transform:uppercase; z-index:10; text-align:left; width: 170px;} .dropdown li {list-style:none; display:inline-block; font-size:1.1em; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; z-index:10; height:25px; width: 170px;} .dropdown a:link {display:block; padding:5px 0px 0px 0px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; z-index:10;} .dropdown a:visited {display:block; padding:5px 0px 0px 0px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; z-index:10;} .dropdown a:hover {display:block; padding:9px 0px 0px 0px; height:19px; color:#ffffff; font-size:1em; text-decoration:none; z-index:10; background:#c95727; margin: -4px 0px 0px 0px;} .dropdown a:active {display:block; padding:9px 0px 0px 0px; height:19px; color:#ffffff; font-size:1em; text-decoration:none; z-index:10; background:#c95727; margin: -4px 0px 0px 0px;} /* NAV CURRENT PAGE */ body#home-page #home {background:#c95727;} body#about-page #about-us {background:#c95727;} body#solar-lighting-page #solar-powered-lighting {background:#c95727;} body#products-custom-page #one-ddheader {background:#c95727;} body#products-street-lights-page #one-ddheader {background:#c95727;} body#products-jetty-lights-page #one-ddheader {background:#c95727;} body#products-bollard-lights-page #one-ddheader {background:#c95727;} body#products-entry-statements-page #one-ddheader {background:#c95727;} body#products-solar-pavers-page #one-ddheader {background:#c95727;} body#products-roadside-rest-page #one-ddheader {background:#c95727;} body#case-studies-pt-pirie-page #two-ddheader {background:#c95727;} body#case-studies-murray-bridge-page #two-ddheader {background:#c95727;} body#green-links-page #green-links {background:#c95727;} body#contact-us -page #contact-us {background:#c95727;} /* NAV LINK & HOVER STATE */ .dropdown dt#home, .dropdown dt:hover#home {width:109px; border-right:solid #FFFFFF 2px;} .dropdown dt#about-us, .dropdown dt:hover#about-us {width:105px; border-right:solid #FFFFFF 2px;} .dropdown dt#solar-powered-lighting, .dropdown dt:hover#solar-powered-lighting {width:212px; border-right:solid #FFFFFF 2px;} .dropdown dt#one-ddheader, .dropdown dt:hover#one-ddheader {width:112px; border-right:solid #FFFFFF 2px;} .dropdown dt#two-ddheader, .dropdown dt:hover#two-ddheader {width:130px; border-right:solid #FFFFFF 2px;} .dropdown dt#green-links, .dropdown dt:hover#green-links {width:130px; border-right:solid #FFFFFF 2px;} .dropdown dt#contact-us, .dropdown dt:hover#contact-us {width:150px;} /* INTERNET EXPLORER -------------------------------------------------------*/ .ie .dropdown dd {position:absolute; margin:0px 0px 0px -19px; overflow:hidden; width:208px; display:none; /*background:#ff6600;*/ z-index:200; opacity:0;} /* SAFARI FIXES ------------------------------------------------------------*/ /*.safari #nav {position: relative; margin:0px 0px 0px 0px; padding: 0px 0px 0px 0px; width:960px; height: 30px; z-index:1; background:#ffffff;} .safari .dropdown dt {margin: -8px 0px -9px 0px;} .safari .dropdown #maintenance {margin: 9px 0px 0px -40px;} .safari .dropdown #eco-smart {margin: 9px 0px 0px -40px;} .safari .dropdown #about {margin: 9px 0px 0px -40px;} .safari .dropdown ul { list-style:none; border-top:none; margin:9px 0px 0px 0px; background:#e75113;} .safari .dropdown li {display:block; font-size:1.1em; margin: 0px 0px 0px 0px;} .safari .dropdown a:link {display:block; padding:5px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; } .safari .dropdown a:visited {display:block; padding:5px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; } .safari .dropdown a:hover {font-size:1em; color:#ffffff;} .safari .dropdown a:active {display:block; padding:5px 0px 0px 11px; height:20px; color:#000000; font-size:1em; text-decoration:none; } .safari .dropdown dt#home {background:url(../images/page/nav/home-up.gif) no-repeat; width:77px; text-transform: uppercase;} .safari .dropdown dt:hover#home {background:url(../images/page/nav/home-over.gif) no-repeat; width:77px;} .safari .dropdown dt#one-ddheader {background:url(../images/page/nav/maintenance-up.gif) no-repeat; width:127px; text-transform: uppercase; z-index:10;} .safari .dropdown dt:hover#one-ddheader {background:url(../images/page/nav/maintenance-over.gif) no-repeat; width:127px; z-index:10;} .safari .dropdown dt#construction {background:url(../images/page/nav/construction-up.gif) no-repeat; width:126px; text-transform: uppercase;} .safari .dropdown dt:hover#construction {background:url(../images/page/nav/construction-over.gif) no-repeat; width:126px;} .safari .dropdown dt#retail {background:url(../images/page/nav/retail-up.gif) no-repeat; width:81px; text-transform: uppercase;} .safari .dropdown dt:hover#retail {background:url(../images/page/nav/retail-over.gif) no-repeat; width:81px;} .safari .dropdown dt#two-ddheader {background:url(../images/page/nav/eco-smart-up.gif) no-repeat; width:117px; text-transform: uppercase;} .safari .dropdown dt:hover#two-ddheader {background:url(../images/page/nav/eco-smart-over.gif) no-repeat; width:117px;} .safari .dropdown dt#three-ddheader {background:url(../images/page/nav/about-up.gif) no-repeat; width:100px; text-transform: uppercase;} .safari .dropdown dt:hover#three-ddheader {background:url(../images/page/nav/about-over.gif) no-repeat; width:100px;} .safari .dropdown dt#quality {background:url(../images/page/nav/quality-up.gif) no-repeat; width:94px; text-transform: uppercase;} .safari .dropdown dt:hover#quality {background:url(../images/page/nav/quality-over.gif) no-repeat; width:94px;} .safari .dropdown dt#safety-first {background:url(../images/page/nav/safety-up.gif) no-repeat; width:124px; text-transform: uppercase;} .safari .dropdown dt:hover#safety-first {background:url(../images/page/nav/safety-over.gif) no-repeat; width:124px;} .safari .dropdown dt#contact {background:url(../images/page/nav/contact-up.gif) no-repeat; width:114px; text-transform: uppercase;} .safari .dropdown dt:hover#contact {background:url(../images/page/nav/contact-over.gif) no-repeat; width:114px;}*/ /* FIREFOX FIXES -----------------------------------------------------------*/ /*.gecko #nav {position: relative; margin:14px 0px 0px 0px; padding: 0px 0px 0px 0px; width:960px; height: 30px; z-index:1; background:#ffffff;} .gecko .dropdown dt {margin: -9px 0px -9px 0px;} .gecko .dropdown #maintenance {margin: 9px 0px 0px -40px;} .gecko .dropdown #eco-smart {margin: 9px 0px 0px -40px;} .gecko .dropdown #about {margin: 9px 0px 0px -40px;} .gecko .dropdown ul { list-style:none; border-top:none; margin:9px 0px 0px 0px; background:#e75113;} .gecko .dropdown li {display:block; font-size:1.1em; margin: 0px 0px 0px 0px;} .gecko .dropdown a:link {display:block; padding:5px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; } .gecko .dropdown a:visited {display:block; padding:5px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; } .gecko .dropdown a:hover {font-size:1em; color:#ffffff;} .gecko .dropdown a:active {display:block; padding:5px 0px 0px 11px; height:20px; color:#000000; font-size:1em; text-decoration:none; }*/