/*
	
	HOW TO CREATE A CSS3 DROPDOWN MENU [TUTORIAL]
	
	"How to create a CSS3 Dropdown Menu [Tutorial]" was specially made for DesignModo by our friend Valeriu Timbuc.
	
	Links:
	http://vtimbuc.net/
	https://twitter.com/vtimbuc
	http://designmodo.com
	http://vladimirkudinov.com
	
	*/
	
	/* Reset */
	.menu,
	.menu ul,
	.menu li,
	.menu a {
		margin: 0;
		padding: 0;
		border: none;
		outline: none;
		z-index:999;
		
	}
	
	/* Menu */
	.menu {	
			width:1000px;
		height:45px;
	z-index:999;
		/*background: #4c4e5a;
		background: -webkit-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		background: -moz-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		background: -o-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		background: -ms-linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
		background: linear-gradient(top, #4c4e5a 0%,#2c2d33 100%);
	
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;*/
	}
	
	.menu li {
		position: relative;
		list-style: none;
		float: left;
		display: block;
		height: 45px;
	}
	
	/* Links */
	
	.menu li a {
		display: block;
		padding: 0 36px;
		line-height: 45px;
		text-decoration: none;
		/*
		border-left: 1px thin #f4f4f4;
		border-right: 1px solid #f4f4f4;*/
	
		font-family: 'Dosis', sans-serif;
		font-weight:bold;
		text-transform:uppercase;
		font-size: 12px;
	
		color: #555;
		-webkit-transition: color .2s ease-in-out;
		-moz-transition: color .2s ease-in-out;
		-o-transition: color .2s ease-in-out;
		-ms-transition: color .2s ease-in-out;
		transition: color .2s ease-in-out;
	}
	
	.menu li:first-child a { border-left: none; }
	.menu li:last-child a{ border-right: none; }
	
	.menu li:hover > a { color: #fff; background-color:#003876}
	
	/* Sub Menu */
	.menu li .choose
	{
	  color: #fff; background-color:#003876;
	}
	.menu ul {
		position: absolute;
		left: 0;
	
		opacity: 0;
		
		background: #fff;
	-moz-box-shadow: 0px 1px 5px #666;
		-webkit-box-shadow: 0px 1px 5px #666;
		box-shadow: 0px 1px 5px #666;
		/*-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;*/
	
		-webkit-transition: opacity .25s ease .1s;
		-moz-transition: opacity .25s ease .1s;
		-o-transition: opacity .25s ease .1s;
		-ms-transition: opacity .25s ease .1s;
		transition: opacity .25s ease .1s;
	}
	
	.menu li:hover > ul { opacity: 1; }
	
	.menu ul li {
		height: 0;
		overflow: hidden;
		padding: 0;
	
		-webkit-transition: height .25s ease .1s;
		-moz-transition: height .25s ease .1s;
		-o-transition: height .25s ease .1s;
		-ms-transition: height .25s ease .1s;
		transition: height .25s ease .1s;
	}
	
	.menu li:hover > ul li {
		height: 36px;
		overflow: visible;
		padding: 0;
		
	
	}
	.menu ul li:hover
	{
		background-color:#003876
	}
	.menu ul li a {
		width: 350px;
		padding: 9px 0 9px 40px;
		margin: 0;
	line-height:18px;
	
		border: none;
		border-bottom: 1px solid #666;
	}
	
	.menu ul li:last-child a { border: none; }