#nav {
font-family: Arial;
font-size: 11px;
margin: 0 0 0 184px;
padding: 0;
z-index: 100;
text-align:left;
}

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

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

#nav a:hover {
color: #eee;
}

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

#nav img {
border: none;
}

#nav li {
float: left;	
list-style: none;
position: relative;
color: #fff;
font-weight:bold;
margin:0;
}

#nav li ul {
display: none;
position: absolute;
top: 100%;
margin: 0;
text-align:left;
background-color: #4d4949;
z-index: 100;
padding:0;
/* IE has to have width set to induce wrapping to a second line*/
}

#nav li ul li a {
padding: 6px 10px 8px 30px;
display: block;
width: 12em;
color: #cdcdcd;
margin:2px 0 0 0;
border-bottom:1px #5d5b5b solid;	
z-index:100;
}

#nav div {
height:35px;
}

#nav div a {
height:35px;
color: #fff;
}

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

.hidden {
visibility: hidden;
}

/* Item specific css */
#home {
background-image: url(img/button_home.gif);
width: 89px;
}
#home:hover div, #home.over div {
background-image: url(img/button_home-over.gif);
}
#home-pg #home {
background-image: url(img/button_home-on.gif);
}

#about {
background-image: url(img/button_about.gif);
width: 172px;
}
#about:hover div, #about.over div {
background: #4d4949 url(img/button_about.gif);
}
#about-pg #about {
background-image: url(img/button_about-on.gif);
}


#services {
background-image: url(img/button_services.gif);
width: 123px;
}
#services:hover div, #services.over div {
background: #4d4949 url(img/button_services.gif);
}
#whatwedo-pg #services, #foundation_piledriving-pg #services, #grout_drivenpile-pg #services, #augercasting-pg #services, #shoring-pg #services  {
background-image: url(img/button_services-on.gif);
}


#contactus {
background-image: url(img/button_contact.gif);
width: 94px;
}
#contactus:hover div, #contactus.over div {
background: #4d4949 url(img/button_contact.gif);
}
#contact-pg #contactus {
background-image: url(img/button_contact-on.gif);
}


#blueblock{
width: 262px;
padding: 0;
margin: 25px 0 15px 0;
font-family: Arial,Verdana, sans-serif;
font-size: 90%;
background-color: #90bade;
color: #333;
}

* html #blueblock{ /*IE 6 only */
width: 262px; /*Box model bug: 180px minus all left and right paddings for #blueblock */
}

#blueblock ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#blueblock li {
border-bottom: 3px solid #fff;
margin: 0;
}

#blueblock li.on a {
display: block;
padding: 5px 5px 5px 8px;
border-left: 5px solid #aaa;
background-color: #eee;
color: #555;
text-decoration: none;
}

#blueblock li a{
display: block;
padding: 5px 5px 5px 8px;
border-left: 5px solid #aaa;
background-color: #093364;
color: #fff;
text-decoration: none;
width: 100%;
}

html>body #blueblock li a{ /*Non IE6 width*/
width: auto;
}

#blueblock li a:hover{
border-left: 5px solid #295384;
background-color: #295384;
color: #fff;
}