nav { margin:-5px 0 0 15px; width:720px; float:left; height:54px; /* controls for navigation */
	a { color:#fff; display:block; text-decoration:none; margin:0; padding:0;  }
}

.navigation { font-size:19px; z-index:100; 
	ul, li, a { float: left; margin:0; padding:0; color:#fff; font-weight:bold  }

	ul {}
	li { z-index:100; position:relative; }
	li:hover {
		a {  color:#fff; background:url(../images/highlight.png) no-repeat center;
		}
		.children {
			left:4.7em; margin-top:8px; font-size:15px;	
			a {
				background-image:none; color:#fff;
			}
			a:hover {
				background:#232323; color:#fff;  
			}
		}
}
a.active { background:url(../images/highlight.png) no-repeat center }	/* active button color */
	
	li:last-child { border-right:none }
	a { height:34px; line-height:34px; margin:0 2px 0 0; padding:10px }
	.children {
		background:#333;
		color:#fff;
		.box-shadow();
		left:-999em;
		margin-left:-70px;
		position:absolute;
		top:44px;
		width:200px;
		z-index:200;
		li, a { float:none; }
		li { background-image:none }
		a {
			height: 10px;
			line-height: 10px;
			margin: 3px;
		}
	}
}

.border-radius (@radius: 5px) {
	-moz-border-radius:@radius;
	-webkit-border-radius:@radius;
	border-radius:@radius;
}
.box-shadow (@x: 0, @y: 5px, @blur: 5px, @spread: -5px, @color: #000) {
	-moz-box-shadow:@x @y @blur @spread @color;
	-webkit-box-shadow:@x @y @blur @spread @color;
	box-shadow:@x @y @blur @spread @color;
}
.linear-gradient (@start: #fff, @end: #ddd, @percent: 100%) {
	background:@start; /* Old */
	background:-moz-linear-gradient(top, @start 0%, @end @percent); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,@start), color-stop(@percent,@end)); /* Chrome, Safari 4+ */
	background:-webkit-linear-gradient(top, @start 0%,@end @percent); /* Chrome 10+, Safari 5.1+ */
	background:-o-linear-gradient(top, @start 0%,@end @percent); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, @start 0%,@end @percent); /* IE 10+ */
	background:linear-gradient(top, @start 0%,@end @percent); /* W3C */
}

/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}
.cf:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
    zoom:1;
}