@charset "utf-8";
/* CSS Document */

ul#navigation {
	position: absolute;
	left: 25px;
	top: 0;
	width: 150px;
	background: url(../images/nav_fill.png);
	list-style: none;
	font-size: 11px;
	z-index: 10;
	bottom: 0;
}
ul#navigation li {
	float: left;
	clear: left;
	width: 100%;
}
ul#navigation li.end {
/*	height: 20px;
	background: #ffffff;*/
	height: 200px;
	border-top: 20px solid #fff;
	background: url(../images/nav_fill.png);
}
ul#navigation li a {
	background: #302f2c;
	color: #cfcecd;
	display: block;
	height: 16px;
	line-height: 16px;
	font-size: 9px;
	letter-spacing: 2px;
	text-decoration: none;
	text-align: right;
	padding-right: 20px;
	border-top: 3px solid #4badb6;
	border-bottom: 1px solid #ffffff;
}
ul#navigation li a:hover {
	background: #4badb6;
	color: #ffffff;
}
ul#navigation li a.active {
	background: #4badb6;
	color: #ffffff;
}

/* logo */
ul#navigation li a.banner {
	width: 150px;
	text-indent: -999px;
	overflow: hidden;
	text-align: left;
	height: 200px;
	background: url(../images/banner.png) no-repeat right;
	border-style: none;
	padding: 0;
}
ul#navigation li a.banner:hover {
	background: transparent url(../images/banner.png) no-repeat right;
}

ul#navigation li a.residential {
	border-top: 3px solid #98d440;
}
ul#navigation li a.residential:hover {
	background: #302f2c;
}

ul#navigation li ul {
	overflow: hidden;
	list-style: none;
	display: none;
}
ul#navigation li ul li a {
	background: #cacaca;
	border-bottom: 1px solid #b4b4b4;
	text-align: right;
	color: #525150;
	font-size: 9px;
	height: 16px;
	line-height: 16px;
	display: block;
	text-decoration: none;
	letter-spacing: 1pt;
	border-top-style: none;
	text-indent: 10px;
}
ul#navigation li ul li a:hover {
	background: #9b9a9a;
	color: #ffffff;
}