div#nav {
   width: 540px;
   height: 82px; 
   margin: 0;
   padding: 0;
   }

div#nav ul#menu {
   margin: 0px;
   height: 82px;
   padding: 0;
   text-align: left;
   }

   div#nav ul#menu li { 
      float: left;
      list-style: none;
      }

      div#nav ul#menu li, 
      ul#menu a { 
         height: 82px; 
         display: block;
         margin: 0;
         padding: 0;
         outline: none; 
         }

      div#nav ul#menu li a { 
         text-indent: -9999px; 
         margin: 0;
         padding: 0;
         text-decoration: none;
         }

      div#nav ul#menu li, 
      ul#menu a {
         height: 82px; 
         margin: 0;
         padding: 0;
         display: block;
         }



#watermenu {
   width: 180px;
	background:  #000 url(/cimarron/www/images/nav/water.jpg) top left no-repeat; 
   }

   #watermenu a:hover { 
      background:  #000 url(/cimarron/www/images/nav/water.jpg) center left no-repeat; 
      }

         body.water #watermenu a {
         background:  #000 url(/cimarron/www/images/nav/water.jpg) bottom left no-repeat; 
         }

#landmenu {
   width: 183px;
	background: #000 url(/cimarron/www/images/nav/land.jpg) top left no-repeat; 
   }

   #landmenu a:hover { 
      background:  #000 url(/cimarron/www/images/nav/land.jpg) center left no-repeat; 
      }

         body.land #landmenu a {
         background: #000 url(/cimarron/www/images/nav/land.jpg) bottom left no-repeat; 
         }
         
#peoplemenu {
   width: 177px;
	background: #000 url(/cimarron/www/images/nav/people.jpg) top left no-repeat; 
   }

   #peoplemenu a:hover { 
      background: #000 url(/cimarron/www/images/nav/people.jpg) center left no-repeat; 
      }

         body.people #peoplemenu a {
         background: #000 url(/cimarron/www/images/nav/people.jpg) bottom left no-repeat; 
         }



/* secondary navigation
-------------------------------------------------------- */


.secondary ul{
   list-style: none;
   text-align: left;
   margin: 0 0 0 10px; padding: 0;
   }
   
  .secondary  ul li {
      margin: 0;
      width: 215px;
      border-bottom: 1px solid #333;
      }
      
      .secondary ul li a,
      .secondary ul li a:visited {
         background-color: transparent;
         display: block;
         padding-left: 3px;
         width: 215px;
         width/**/:/**/ 212px;
         font: normal 10px/19px arial, sans-serif; color: #fff;
         outline: none;
         text-decoration: none;
         }
        
         .landscaping .secondary ul li a#landscapingnav,
         .fireplace .secondary ul li a#fireplacenav,
         .ramadas .secondary ul li a#ramadasnav,
         .land .secondary ul li a:hover {
            background-color: #F90;  color: #000;
            text-decoration: none;
            }
         
         .pools .secondary ul li a#poolsnav,
         .spas .secondary ul li a#spasnav,
         .waterfeatures .secondary ul li a#waterfeaturesnav,
         .water .secondary ul li a:hover {
            background-color: #99ccff;  color: #000;
            text-decoration: none;
            }
         
         .about .secondary ul li a#aboutnav,
         .news .secondary ul li a#newsnav,
         .partners .secondary ul li a#partnersnav,
         .contact .secondary ul li a#contactnav,
         .people .secondary ul li a:hover {
            background-color: #a4d189; color: #000;
            text-decoration: none;
            }  
            
            
            
					
					
ul#tertnav {
	list-style: none;
	margin: 0; padding: 0;
	width: 215px;
	display: block;
	border-top: 1px solid #333;
	}
	
ul#tertnav li {
		padding: 0; margin: 0;
		border: none;
		font: normal 10px/19px arial, sans-serif; color: #ccc;
		width: 215px;
		border-bottom: 1px dotted #333;
		}
		
		ul#tertnav li a,
		ul#tertnav li a:visited {
			display: block;
			font: normal 11px/19px arial, sans-serif; color: #ccc;
			text-decoration: none;
			background-color: #000;
			padding-left: 15px;
			width: 210px;
			width/**/:/**/ 200px;
			outline: none;
			}
			
			
		.negedge ul#tertnav li a#negedgenav,
		.naturalrock ul#tertnav li a#naturalrocknav,
		.geometric ul#tertnav li a#geometricnav,
			ul#tertnav li a:hover {
				text-decoration: none;
				padding-left: 15px;
            width: 210px;
            width/**/:/**/ 200px;
            background-color: #333;
				color: #99ccff;
				}