/*Sample Navigation Bar*/
nav.horizontal{
}

nav.horizontal h3{
	padding-bottom:20px;
}

nav.horizontal ul{
	height:50px;
	
	background-image:-moz-linear-gradient(top, #93C204, #608009);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#93C204), to(#608009), color-stop(1,#608009));
	
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	border-radius: 8px;
	
	border:1px solid #608009;
	
	box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.25);
}

nav.horizontal ul li{
	list-style:none;
	display:inline;
	float:left;
}

nav.horizontal ul li a{
	display:block;
	height:28px;
	margin:2px 6px 2px 6px;
	padding:15px 20px 0px 20px;
	
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	text-transform:uppercase;
	text-decoration:none;
	
	border:1px solid transparent;
	background-image:none;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	border-radius: 10px;
	
	-moz-background-clip: padding; 
	-webkit-background-clip: padding-box; 
	background-clip: padding-box; 
}

nav.horizontal ul li a:hover{
	background-image:-moz-linear-gradient(top, #161616, #2B3615);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#161616), to(#2B3615), color-stop(1,#2B3615));
	
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	border-radius: 10px;
	
	border:1px solid #A3D804;
	
	box-shadow: inset 4px 4px 4px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.25);
}