#navbox {
width:840px;
text-align: center;
position:absolute;
top:100px;
left: 50%;
padding: 0;
margin-left: -389px;
margin-right: auto;
z-index:100;
}

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

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

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

#nav a:hover {
	color: #69a2e4;
}

#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;
	text-align:left;
}

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

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

#nav div {
	height:34px;
}

#nav div a{
	height:34px;
	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: 200px;
}
#about:hover div, #about.over div {
	background-image: url(img/button_about-over.gif);
}
#about-pg #about {
	background-image: url(img/button_about-on.gif);
}


#services {
	background-image: url(img/button_services.gif);
	width: 103px;
}
#services:hover div, #services.over div {
	background-image: url(img/button_services-over.gif);
}
#services-pg #services, #carpet-pg #services, #janitorial-pg #services, #specialty-pg #services  {
	background-image: url(img/button_services-on.gif);
}

#quote {
	background-image: url(img/button_quote.gif);
	width: 168px;
}
#quote:hover div, #quote.over div {
	background-image: url(img/button_quote-over.gif);
}
#quote-pg #quote {
	background-image: url(img/button_quote-on.gif);
}

#testimonials {
	background-image: url(img/button_testimonials.gif);
	width: 137px;
}
#testimonials:hover div, #testimonials.over div {
	background-image: url(img/button_testimonials-over.gif);
}
#testimonials-pg #testimonials {
	background-image: url(img/button_testimonials-on.gif);
}


#contactus {
	background-image: url(img/button_contact.gif);
	width: 123px;
}
#contactus:hover div, #contactus.over div {
	background-image: url(img/button_contact-over.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;
}