/* CSS Document */

a#trans { 
	background: #fff; 
	color: #aa0000; 
	padding: 3px; 
	-webkit-transition: all 1s linear; 
}
a#trans:hover { 
	background: #220077; 
	color: #fff; 
}
#trans-nav { 
	list-style-type: none; 
	height: 40px; 
	padding: 0; 
	margin: 0; 
}
#trans-nav li { 
	float: left; 
	position: relative; 
	padding: 0; 
	line-height: 40px; 
	background: transparent url(../../img/blue.jpg) repeat-x top left; 
}
#trans-nav li:hover { 
	/*background-position: 0 -40px;*/
	background:transparent url(../../img/black.jpg) repeat-x top left; 
}
#trans-nav li a {
	text-transform: uppercase;
	font-family: Helvetica,Arial,Verdana,sans-serif;
	font-size: 13px; 
	display: block; 
	padding: 0 15px; 
	color: #fff; 
	text-decoration: none; 
}
#trans-nav li a:hover { 
	color: #a3f1d7; 
}
#trans-nav li ul { 
	opacity: 0; 
	position: absolute; 
	left: 0; 
	width: 12em; 
	background: transparent url(../../img/blue.jpg) repeat-x top left;
	list-style-type: none; 
	padding: 0; 
	margin: 0; 
}
#trans-nav li:hover ul { opacity: 1; }
#trans-nav li ul li { 
	float: none; 
	position: static; 
	height: 0; 
	line-height: 0; 
	background: none; 
}
#trans-nav li:hover ul li { 
	height: 30px; 
	line-height: 30px; 
}
#trans-nav li ul li a { 
	background: transparent url(../../img/blue.jpg) repeat-x top left;
}
#trans-nav li ul li a:hover { 
	background:transparent url(../../img/black.jpg) repeat-x top left;
}
#trans-nav li { z-index:10000;-webkit-transition: all 0.2s; }
#trans-nav li a { z-index:10000;-webkit-transition: all 0.5s; }
#trans-nav li ul { z-index:10000;-webkit-transition: all 1s; }
#trans-nav li ul li { z-index:10000;-webkit-transition: height 0.5s; }