#top-nav{
	float: left;
	margin: 0;
	padding: 0;
	.hasChildren {
		position: absolute;
		width: 5px; height: 5px;
		background: black;
		right : 0;
		bottom: 0;
	}
	li{
		list-style: none;
		position: relative;
		float: left;
		a{
			float: left;
			font-size:20px;
			line-height: 20px;
			padding: .95em;
			text-decoration:none;
			color:white;
			&:hover{
				background: $color1;
			}
		}
		&:hover>ul{
			display: block;
		}
		ul{
			z-index:999;
			background: $color2;
			display: none;
			position: absolute;
			left: 0;
			top: 100%;
			margin: 0;
			padding: 0;
			li{
				_display:display; /*for IE6*/
				float:none;
				&:hover ul{
					left: 100%;
					top: 0;
				}
				a{
					float:none;
					width: 130px;
					display: block;
				}
				ul{
					display: none ;
				}
			}
		}
	}
}