#navigation {
width:611px;
height:32px;
margin:67px 0 0 33px;
background:transparent url(img/nav_bg.gif) top center no-repeat;
z-index: 100;
}

#nav {
font-family: Arial;
font-size: 12px;
margin: 0px 0px 0px 19px;
padding: 0;
z-index: 100;
}

#nav :link {
color: #fff;
/*display: block;*/
text-decoration: none;
}

#nav :visited {
color: white;
text-decoration: none;
}

#nav a:hover {
color: #8ebfa9;
}

#nav :link, #nav :visited {
text-decoration: none;
display: block;
}

#nav img {
border: none;
}

#nav li {
float: left;	
list-style: none;
position: relative;
text-align:left;
}

#nav li ul {
display: none;
position: absolute;
top: 100%;
padding: 0;
margin: 0 0 0 3px;
z-index: 100;
/* IE has to have width set to induce wrapping to a second line*/
}

#nav li ul li a {
padding: 6px 3px 4px 11px;
display: block;
background: #244e49;
width: 15em;
z-index: 100;
}

#nav div {
height: 32px;
z-index: 100;
}

#nav div a{
height: 32px;
}

#nav li:hover ul, #nav li.over ul {
display: block;
}

.hidden {
visibility: hidden;
}

/* Item specific css */
#about {
background-image: url(img/button_about.gif);
width: 72px;
}
#about:hover, #about.over {
background-image: url(img/button_about-on.gif);
}
#about-page #about {
background-image: url(img/button_about-on2.gif);
}

#homedesigns {
background-image: url(img/button_homes.gif);
width: 104px;
}
#homedesigns:hover, #homedesigns.over {
background-image: url(img/button_homes-on.gif);
}
#homes-page #homedesigns {
background-image: url(img/button_homes-on2.gif);
}

#communities {
background-image: url(img/button_communities.gif);
width: 96px;
}

#communities:hover, #communities.over, #communitiespage #communities  {
background-image: url(img/button_communities-on.gif);
}

#faq {
background-image: url(img/button_faq.gif);
width: 46px;
}

#faq:hover, #faq.over, #faqpage #faq {
background-image: url(img/button_faq-on.gif);
}

#news {
background-image: url(img/button_news.gif);
width: 107px;
}

#news:hover, #news.over, #newspage #news  {
background-image: url(img/button_news-on.gif);
}

#locations {
background-image: url(img/button_locations.gif);
width: 74px;
}

#locations:hover, #locations.over, #locationspage #locations  {
background-image: url(img/button_locations-on.gif);
}

#contact {
background-image: url(img/button_contact.gif);
width: 81px;
}
#contact:hover, #contact.over {
background-image: url(img/button_contact-on.gif);
}
#contact-page #contact {
background-image: url(img/button_contact-on2.gif);
}

#admin {
background-image: url(img/button_admin.gif);
width: 192px;
}
#admin:hover, #admin.over {
background-image: url(img/button_admin-on.gif);
}

#log-out {
background-image: url(img/button_logout.gif);
width: 54px;
}
#log-out:hover, #log-out.over {
background-image: url(img/button_logout-on.gif);
}