#nav {position: relative; margin:0px 0px 0px 0px; width:960px; height: 30px; z-index:1; background:#ffffff;}



.dropdown {float:left; padding-right:0px; z-index:10;}
.dropdown dt {font-size:1.2em; color:#ffffff; font-weight:bold; cursor:pointer; height:24px; margin:-2px 0px 0px 0px; padding-top:4px; z-index:10;}
/*.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; z-index:10;}
.dropdown ul {list-style:none; border-top:none; margin:0px 0px 0px 0px; background:#e75113; z-index:10;}
.dropdown li {display:inline-block; font-size:1.1em; margin: 0px 0px 0px 0px; z-index:10;}

.dropdown a:link		{display:block; padding:5px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; z-index:10;}
.dropdown a:visited		{display:block; padding:5px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; z-index:10;}
.dropdown a:hover		{font-size:1em; color:#ffffff; z-index:10;}
.dropdown a:active		{display:block; padding:5px 0px 0px 11px; height:20px; color:#ffffff; font-size:1em; text-decoration:none; z-index:10;}


/* NAV CURRENT PAGE */

body#home-page						#home				{background:url(../images/page/nav/home-over.gif) no-repeat; width:77px;}
body#maintenance-page				#one-ddheader		{background:url(../images/page/nav/maintenance-over.gif) no-repeat; width:127px;}
body#maintenance-programmed-page	#one-ddheader		{background:url(../images/page/nav/maintenance-over.gif) no-repeat; width:127px;}
body#maintenance-emergency-page		#one-ddheader		{background:url(../images/page/nav/maintenance-over.gif) no-repeat; width:127px;}
body#maintenance-additional-page	#one-ddheader		{background:url(../images/page/nav/maintenance-over.gif) no-repeat; width:127px;}
body#construction-page				#construction		{background:url(../images/page/nav/construction-over.gif) no-repeat; width:126px;}
body#retail-page					#retail				{background:url(../images/page/nav/retail-over.gif) no-repeat; width:81px;}
body#eco-smart-page					#two-ddheader		{background:url(../images/page/nav/eco-smart-over.gif) no-repeat; width:117px;}
body#water-audits-page				#two-ddheader		{background:url(../images/page/nav/eco-smart-over.gif) no-repeat; width:117px;}
body#tanks-grey-water-page			#two-ddheader		{background:url(../images/page/nav/eco-smart-over.gif) no-repeat; width:117px;}
body#water-filtration-page			#two-ddheader		{background:url(../images/page/nav/eco-smart-over.gif) no-repeat; width:117px;}
body#solar-hot-water-page			#two-ddheader		{background:url(../images/page/nav/eco-smart-over.gif) no-repeat; width:117px;}
body#about-us-page					#three-ddheader		{background:url(../images/page/nav/about-over.gif) no-repeat; width:100px;}
body#accreditations-page			#three-ddheader		{background:url(../images/page/nav/about-over.gif) no-repeat; width:100px;}
body#video-page						#three-ddheader		{background:url(../images/page/nav/about-over.gif) no-repeat; width:100px;}
body#quality-page					#quality			{background:url(../images/page/nav/quality-over.gif) no-repeat; width:94px;}
body#safety-first-page				#safety-first		{background:url(../images/page/nav/safety-over.gif) no-repeat; width:124px;}
body#contact-page					#four-ddheader		{background:url(../images/page/nav/contact-over.gif) no-repeat; width:114px;}
body#voucher-page					#four-ddheader		{background:url(../images/page/nav/contact-over.gif) no-repeat; width:114px;}


/* NAV LINK & HOVER STATE */

.dropdown dt#home {background:url(../images/page/nav/home-up.gif) no-repeat; width:77px; text-transform: uppercase;}
.dropdown dt:hover#home {background:url(../images/page/nav/home-over.gif) no-repeat; width:77px;}

.dropdown  dt#one-ddheader {background:url(../images/page/nav/maintenance-up.gif) no-repeat; width:127px; text-transform: uppercase; z-index:10;}
.dropdown  dt:hover#one-ddheader {background:url(../images/page/nav/maintenance-over.gif) no-repeat; width:127px; z-index:10;}

.dropdown dt#construction {background:url(../images/page/nav/construction-up.gif) no-repeat; width:126px; text-transform: uppercase;}
.dropdown dt:hover#construction {background:url(../images/page/nav/construction-over.gif) no-repeat; width:126px;}

.dropdown dt#retail {background:url(../images/page/nav/retail-up.gif) no-repeat; width:81px; text-transform: uppercase;}
.dropdown dt:hover#retail {background:url(../images/page/nav/retail-over.gif) no-repeat; width:81px;}

.dropdown  dt#two-ddheader {background:url(../images/page/nav/eco-smart-up.gif) no-repeat; width:117px; text-transform: uppercase;}
.dropdown  dt:hover#two-ddheader {background:url(../images/page/nav/eco-smart-over.gif) no-repeat; width:117px;}

.dropdown  dt#three-ddheader {background:url(../images/page/nav/about-up.gif) no-repeat; width:100px; text-transform: uppercase;}
.dropdown  dt:hover#three-ddheader {background:url(../images/page/nav/about-over.gif) no-repeat; width:100px;}

.dropdown dt#quality {background:url(../images/page/nav/quality-up.gif) no-repeat; width:94px; text-transform: uppercase;}
.dropdown dt:hover#quality {background:url(../images/page/nav/quality-over.gif) no-repeat; width:94px;}

.dropdown dt#safety-first {background:url(../images/page/nav/safety-up.gif) no-repeat; width:124px; text-transform: uppercase;}
.dropdown dt:hover#safety-first {background:url(../images/page/nav/safety-over.gif) no-repeat; width:124px;}

.dropdown dt#four-ddheader {background:url(../images/page/nav/contact-up.gif) no-repeat; width:114px; text-transform: uppercase;}
.dropdown dt:hover#four-ddheader {background:url(../images/page/nav/contact-over.gif) no-repeat; width:114px;}

/* NAV DROPDOWN STYLE */

.dropdown ul#maintenance {width:150px;}
.dropdown ul#maintenance li {list-style:none; border-top:none; margin:0px 0px 0px 0px; background:#6e6f73; width:150px; height:25px;/* z-index:10;*/}
.dropdown ul#maintenance li#maintenance-programmed, .dropdown ul#maintenance li#maintenance-emergency {border-bottom:1px solid #cccccc;}
.dropdown ul#eco-smart {width:140px;}
.dropdown ul#eco-smart li {list-style:none; border-top:none; margin:0px 0px 0px 0px; background:#6e6f73; width:140px; height:25px;/* z-index:10;*/}
.dropdown ul#eco-smart li#water-audits, .dropdown ul#eco-smart li#tanks-grey-water, .dropdown ul#eco-smart li#water-filtration {border-bottom:1px solid #cccccc;}
.dropdown ul#about {width:150px;}
.dropdown ul#about li {list-style:none; border-top:none; margin:0px 0px 0px 0px; background:#6e6f73; width:150px; height:25px;/* z-index:10;*/}
.dropdown ul#contact {width:114px;}
.dropdown ul#contact li {list-style:none; border-top:none; margin:0px 0px 0px 0px; background:#6e6f73; width:114px; height:25px;/* z-index:10;*/}


/* 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 			{/*width:85px; border:1px solid #9ac1c9;*/ 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 #voucher	{margin: 0px 0px 0px -40px;}
.gecko .dropdown ul 			{/*width:85px; border:1px solid #9ac1c9;*/ 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; }