/* CSS Document */

#nav {height:44px; display:block; margin:0; padding:0; width:850px; background:#CCCCCC; position:relative; z-index:10000;}
#nav li {display:block; list-style:none; margin:0; padding:0; width:121px; height:44px; float:left; position:relative;}
#nav li a {width:121px; height:44px; display:block; text-decoration:none; margin:0; background:no-repeat;}
#nav li a:hover {text-decoration:none;}


/* <a> classes and hover */
#nav li a.decks {background-image:url(img/nav/decks_off.jpg);}
#nav li a.decks:hover {background-image:url(img/nav/decks_on.jpg);}

#nav li a.fences {background-image:url(img/nav/fences_off.jpg);}
#nav li a.fences:hover {background-image:url(img/nav/fences_on.jpg);}

#nav li a.outdoor_living {background-image:url(img/nav/porches_off.jpg);}
#nav li a.outdoor_living:hover {background-image:url(img/nav/porches_on.jpg);}

#nav li a.careMaintenance {background-image:url(img/nav/care_off.jpg);}
#nav li a.careMaintenance:hover {background-image:url(img/nav/care_on.jpg);}

#nav li a.specials {background-image:url(img/nav/specials_off.jpg);}
#nav li a.specials:hover {background-image:url(img/nav/specials_on.jpg);}

#nav li a.videos {background-image:url(img/nav/videos_off.jpg);}
#nav li a.videos:hover {background-image:url(img/nav/videos_on.jpg);}

#nav li a.doItYourself {background-image:url(img/nav/do_off.jpg);}
#nav li a.doItYourself:hover {background-image:url(img/nav/do_on.jpg);}

  /*Dropdown*/
#nav li a {float:none; text-align:left;}
#nav ul li {width:130px; padding:5px; height:auto; border-bottom:1px solid #000;}
#nav ul li a {color:#FFFFFF; font-size:12px; line-height:15px; text-decoration:none; height:auto; width:auto;}
#nav ul li a:hover {text-decoration:none; font-weight:bold; width:auto;}
#nav ul {display:none; background:#016906; border:1px solid #000; position:absolute; top:44px; left:0; width:140px; padding:0;}
#nav li:hover ul, #nav li.sfhover ul {display:block;}