/* General page stuff */
html { background: #e5e5e5; min-height: 100%; }
body { font: 12px/18px "MyriadPro-Regular", "Lucida Grande", "Lucida Sans Unicode", Helvetica, sans-serif; margin: 20px auto; width: 900px; }

/* utility classes */
ul.horizontal			{ float: left; list-style: none inside; position: relative; width: 100%; *height: 1%; }
ul.horizontal li	{ float: left; margin: 0; }

/* Navigation specific */
ul#navigation			{ 
	background: rgba(137,174,195,1);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(137,174,195,1)), to(rgba(147,185,207,1)), color-stop(0.25,rgba(140,177,199,1))); 
	border-left: 1px solid #fff; 
	margin: 0; 
	overflow: hidden; 
	min-height: 1em; 
	padding: 0; 
	position: relative; 
	width: 400px; 
}
ul#navigation li	{ 
	background: rgba(50,50,50,1);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(200,200,200,1)), to(rgba(50,50,50,1)), color-stop(0.95,rgba(100,100,100,1)));
	border-right: 1px solid #fff; width: 24.75%; 
	position: relative;
	top: 2em;
}
ul#navigation a		{ 
	border-right: 1px solid #fff; width: 24.75%; 
	color: #000; 
	display: block; 
	height: 1em;
	padding: 0.4em 0 0.7em; 
	text-align: center; 
	text-decoration: none; 
	width: 100%;
	position: relative; 
	top: -2em;
}
ul#navigation li:hover { 
	top: 0; 
	-webkit-transition: top 0.3s ease-in-out; 
}
ul#navigation a:hover { 
	top: 0;
	-webkit-transition: top 0.3s ease-in-out;
	color: #fff; 
}

ul#navigation li.active a { background: url(bg.png) no-repeat bottom left; }
ul#navigation li.active a:hover { color: #000; }