/*HOW TO CREATE A CSS3 DROPDOWN menu1 [TUTORIAL]
"How to create a CSS3 Dropdown menu1 [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 */
.menu1,.menu1 ul,.menu1 li,.menu1 a {	margin: 0;	padding: 0;	border: none;	outline: none;}
/* menu1 */.menu1 {		height: 50px;	width: auto;	background-image: url(../images/menu_bg.png);	margin-top: 3px;}
.menu1 li {	position: relative;	list-style: none;	float: left;	display: block;	height: 40px;}
/* Links */
.menu1 li a {font-family: Century gothic; border: none;font-size: 15px ;text-decoration: none;display: block;	padding: 0 11px;margin: 11px 0;	line-height: 28px;
	text-decoration: none;color: #fff;	 -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;}
.menu1 li:first-child a { border-left: none; }
.menu1 li:last-child a{ border-right: none; }
.menu1 li:hover > a { color: #333333; }
/* Sub menu1 */
.menu1 ul {	position: absolute;	top: 40px;	left: 0;	opacity: 0;		background: #8FC357;	-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;}
.menu1 li:hover > ul { opacity: 1; z-index: 20000; }
.menu1 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;}
.menu1 li:hover > ul li {	height: 36px;	overflow: visible;	padding: 0;}
.menu1 ul li a {width: 195px; padding: 5px 18px;margin: 0;border: none;border-bottom: 1px solid #353539;}
.menu1 ul li:last-child a { border: none; }
/* Icons */
.menu1 a.documents { background: url(../img/docs.png) no-repeat 6px center; }
.menu1 a.messages { background: url(../img/bubble.png) no-repeat 6px center; }
.menu1 a.signout { background: url(../img/arrow.png) no-repeat 6px center; }