#nav {
	font-family: Arial;
	font-size: 13px;
	font-weight:bold;
	margin: 0 0 0 32px;
	padding: 0;
	z-index: 100;
}

#nav :link {
	color: #dcde19;
	/*display: block;*/
	text-decoration: none;
}

#nav :visited {
	color: #dcde19;
	text-decoration: none;
}

#nav a:hover {
	color: #fff;
}

#nav :link, #nav :visited {
	text-decoration: none;
	display: block;
}

#nav img {
	border: none;
}

#nav li {
	float: left;	
	list-style: none;
	position: relative;
	margin:0;
}

#nav li ul {
	display: none;
	position: absolute;
	top: 100%;
	padding: 0;
	margin: 0;
	z-index: 100;
	/* IE has to have width set to induce wrapping to a second line*/
}

#nav li ul li a {
	padding: 13px 10px 8px 10px;
	display: block;
	font-size:13px;
	background-color: #231f20;
	width: 15em;
	z-index: 100;
	border-bottom:2px #333 solid;
	color:#dcde19;
}

#nav li ul li a:hover {
	background-color: #1a1818;
}

#nav div {
	height: 37px;
}

#nav div a{
	height: 37px;
}

#nav li:hover ul, #nav li.over ul {
	display: block;
	z-index: 100;
}

.hidden {
	visibility: hidden;
}

/* Item specific css */
#home {
background-image: url(/img/button_home.gif);
width: 81px;
}
#home:hover div, #home.over div {
background-image: url(/img/button_home-on.gif);
}
#home-pg #home {
background-image: url(/img/button_home.gif);
}

#personalservice {
background-image: url(/img/button_service.gif);
width: 163px;
}
#personalservice:hover div, #personalservice.over div {
background-image: url(/img/button_service-on.gif);
}
#personalservice-pg #personalservice {
background-image: url(/img/button_service-on.gif);
}

#ourhistory {
background-image: url(/img/button_history.gif);
width: 122px;
}
#ourhistory:hover div, #ourhistory.over div {
background-image: url(/img/button_history-on.gif);
}
#ourhistory-pg #ourhistory {
background-image: url(/img/button_history-on.gif);
}

#thecrew {
background-image: url(/img/button_crew.gif);
width: 106px;
}
#thecrew:hover div, #thecrew.over div {
background-image: url(/img/button_crew-on.gif);
}
#thecrew-pg #thecrew {
background-image: url(/img/button_crew-on.gif);
}

#resources {
background-image: url(/img/button_resources.gif);
width: 115px;
}
#resources:hover div, #resources.over div {
background-image: url(/img/button_resources-on.gif);
}
#resources-pg #resources {
background-image: url(/img/button_resources-on.gif);
}

#environment {
background-image: url(/img/button_environment.gif);
width: 135px;
}
#environment:hover div, #environment.over div {
background-image: url(/img/button_environment-on.gif);
}
#environment-pg #environment {
background-image: url(/img/button_environment-on.gif);
}

#contact {
background-image: url(/img/button_contact.gif);
width: 118px;
}
#contact:hover div, #contact.over div {
background-image: url(/img/button_contact-on.gif);
}
#contact-pg #contact {
background-image: url(/img/button_contact-on.gif);
}