/* Some stylesheet reset */
ul.nav, .nav>li, .nav>li>a {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

ul.nav {
	line-height: 1;
}

/* Basic layout & positioning */
.nav, .nav ul {
	position: relative;
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

	/* The list elements containing the links */
	.nav li, .nav ul li {
		display: block;
		position: relative;
		padding: 0;
		margin: 0;
        width: 100%;
	}

	/* The navigation links */
	.nav>li>a {
		/* Layout */
		position: relative;
		display: block;
		width: 100%;
		padding: 10px 10px 10px 15px;
		border-top: 1px solid #eee;
//		border-left: 1px solid #eee;
//		border-right: 1px solid #eee;
		margin-left:-5px;
		/* Text */
		font-family: Arial, Helvetica, sans-serif;
		font-weight: bold;
		font-size: 14px;
		text-decoration: none;
		color: #8e8e8e;
		text-shadow: 0 1px 0 #fff;

		/* Background & effects */
//		background: #eeeeee; /* Background for old browsers */
//		background: -webkit-linear-gradient(bottom, #C9C5A5, #EAE7D2); /* Background for Chrome & Safari */
//		background: -ms-linear-gradient(bottom, #C9C5A5, #EAE7D2); /* Background for Internet Explorer 10 */
//		background: -moz-linear-gradient(bottom, #C9C5A5, #EAE7D2); /* Background for Firefox */
//		background: -o-linear-gradient(bottom, #eaeaea, #EAE7D2); /* Background for Opera */
//		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EAE7D2', endColorstr='#C9C5A5',GradientType=0); /* Background for Internet Explorer 8-9 */
		box-shadow: inset 0 1px 0 #fff; /* Subtle white inner shadow */
	}

	/* The arrow indicating a dropdown menu */
	.dropdown>a::after {
		 content: "";
		 position: absolute;
		 top: 16px;
		 right: 10px;
		 width: 0px;
		 height: 0px;

		 /* Creating the triangle using borders */
		 border-top: 5px solid #b2b2b2;
		 border-left: 4px solid transparent;
		 border-right: 4px solid transparent;
		 border-bottom: 5px solid transparent;
		}

	/* The hover state of the links */
	.nav>li>a:hover, .nav>li:hover>a {
		background: #eeeeee;
		background: -webkit-linear-gradient(bottom, #f3f3f3, #ffffff);
		background: -ms-linear-gradient(bottom, #f3f3f3, #ffffff); 
		background: -moz-linear-gradient(bottom, #f3f3f3, #ffffff);
		background: -o-linear-gradient(bottom, #f3f3f3, #ffffff);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0);
	}

	/* Subtle drop shadow for the last navigation link */
	.nav>li:last-child>a {
		border-bottom: 1px solid #cfcfcf;
		box-shadow: inset 0px 1px 0px #fff,
					0px 1px 1px rgba(60, 60, 60, .1);
	}

	/* The dropdown list elements containing the sub-links */
	/*
	.nav ul li {
		position: absolute;
		height: 0px;
	 	top: -9999px;
		
		margin-left:-5px;
		 
		-webkit-transition: height .3s ease-out;
		-ms-transition: height .3s ease-out;
		-moz-transition: height .3s ease-out;
		-o-transition: height .3s ease-out;
	}
*/
	.nav ul li {
		position: relative;
		height: 30px;
	 	top: auto;
		
		margin-left:-5px;
		/* Creating the slide effect using transitions */
		-webkit-transition: height .3s ease-out;
		-ms-transition: height .3s ease-out;
		-moz-transition: height .3s ease-out;
		-o-transition: height .3s ease-out;
	}

	.nav li:hover li {
		/* Expanding the list elements */
		height: 30px;
		position: relative;
		top: auto;
		
	}

	/* The dropdown menu's links */
	.nav ul li a {
		/* Layout & positioning */
		position: relative;
		display: block;
		width: 165px;
		padding: 8px 10px 8px 25px;
 
		/* Text */
		font-family: Arial, Helvetica, sans-serif;
		font-weight: normal;
		font-size: 13px;
		text-decoration: none;
 		background: white;
		color: #555;
		
	}

	/* The hover state of the dropdown menu links */
	.nav ul li a:hover {
		color: #787878;
	}

	.nav .dropdown:hover li:first-child a {
		box-shadow: inset 0px 1px 1px rgba(0, 0, 0, .12);
		border-top: 1px solid #cfcfcf;
	}

	.nav li:last-child ul li:last-child a {
		border-bottom: 1px solid #cfcfcf;
		box-shadow: 0px 1px 1px rgba(60, 60, 60, .1);
	}
	#container {
			width: auto;
			margin: auto;
		}