/* Navigation */
#navigator {
}

.housebutton {
line-height: 90%;
}

.housebutton a {
font-size: 95%;
font-family: Verdana, Arial, sans-serif;
}

.housebutton a:hover {
font-size: 95%;
font-family: Verdana, Arial, sans-serif;
}

/* Bg color surrounding buttons */
#navigator {
background-color: transparent;
border:  transparent;
width: auto;
margin-top: auto;
margin-left: 5px;
margin-right: auto;
padding: 2px;
text-align: left;
}

/* Space between buttons */
.housebutton {
text-align: left;  /* 34 font-weight: bold; */
margin-bottom: 0px;
margin-top: 0px;
}

/* Button color at rest */
.housebutton a {
padding: 4px;
text-decoration: none;
display: block;
color: #444;
background-color: #fff;
border-top: none;
border-left: none;
border-bottom: none;
border-right: none;
}

/* Button color hovered */
.housebutton a:hover {
color: #336699;
font-weight: bold;
background-color: #fff;
border-top:  none;
border-left: none;
border-bottom:  none;
border-right: none;
}

/* Horizontal navigation */
#nav ul { 
float: left; 
list-style: none; 
background: #A3A4A8; 
width: 100%; 
padding: 0; 
margin: 0 0 0 0px; 
height: 30px; 
display: inline; 
text-transform: uppercase;
} 

#nav ul li { 
display: inline; 
margin: 0; 
padding: 0; 
} 

#nav ul li a { 
display: block; 
float: left; 
width: auto; 
margin: 0; 
padding: 0 15px; 
border-top: none; 
border-right: 1px solid #A3A4A8;
border-left: 20px solid #A3A4A8; 
border-bottom: none; 
color: #fff; 
text-transform: uppercase;
font: 11px/30px Geneva, Verdana, Arial, sans-serif; 
text-decoration: none; 
letter-spacing: 0px; 
} 

#nav ul li a:hover,
#nav ul li a:active { 
color: #336699;
font-weight: bold; 
background-color: #A3A4A8;  
}