body{

	font-size: 14px;
	font-family: "helvetica neue", helvetica, arial, sans-serif;

	font-weight:normal; margin-top:.2cm; margin-left:.1cm;  
	margin-bottom:2cm;text-align:left;
	background-color: #DDDDDD;;	

}

nav{

	width:128px;
	margin: 1% ;
	background: #EEE;

} 

nav li{

	list-style: none;
	position: relative;

}

nav li a{

	color: #666;
	text-decoration:none;
	padding: 5px;
	display: block;

}

nav li a:hover {

	color: #08d;

}

nav li.parent:hover {

	border:1px #ccc solid;
	margin: -1px;
	background: #F8F8F8;

}

nav li li a {

	width:100px;
	display:block;

}

nav li ul {

	width: 100px;
	margin: 0px;
	display:none;
	background:#f8f8f8;
	border: 1px #ccc solid;
	
	left: 60%;
	top: -1px;

}

nav li:hover ul {

	display: block;

}

nav li ul {

	width: 0;
	margin: 0;
	background: #f8f8f8;
	border: 1px;
	position: absolute;
	left: 100%
	top: -1px;

	overflow:hidden;
	z-index: -1;

	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transition: opacity 0.2s ease-in 0.3s, width 0.4s ease-in 0.3s;
	transition: opacity 0.2s ease-in 0.3s, width 0.4s ease-in 0.3s;
	-moz-transition: opacity 0.2s ease-in 0.3s, width 0.4s ease-in 0.3s;
	-o-transition: opacity 0.2s ease-in 0.3s, width 0.4s ease-in 0.3s;

}

nav li:hover ul {

	width: 109px;
	z-index: 1;
	
	opacity:1;
	filter: alpha (opacity=100);
	-webkit-transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s;
	transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s;
	-moz-transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s;
	-o-transition: opacity 0.1s linear 0s, width 0.3s ease-out 0s;

}