@charset "utf-8";
/* CSS Document */

ul, li{
	padding: 0px;
	margin: 0px;
}
ul.topmenu{
	position: relative;
	float:left;
	padding: 1px 0px 0px 0px;
	background:none;
	display:block;
	color:#000;
text-decoration:none;
font-family: 'Carrois Gothic', sans-serif;
font-size:15px;
font-weight:normal;
	width:200px;
}
.topmenu li{
	position: relative;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	font-size:14px;
}
.topmenu li a{
	height:16px;
	padding:8px 26px 5px 9px;
	display: block;
	cursor: point;
	color: #fff;
	border-left:1px solid #FFF;
	border-right:1px solid #fff;
	text-transform: none;
	text-decoration: none;
}
.topmenu li a:hover{

color:#ffffff;

}
.topmenu li ul li a:hover{
	color:#444444;
 border-top: 1px solid rgba(25, 25, 25, 0.1);
   
   
   background-image: linear-gradient(to bottom, rgba(230, 230, 230, 0.2), rgba(160, 160, 160, 0.2));
   
   
    transition: margin-top 0.5s ease 0s, height 0.5s ease 0s;
}
.topmenu li span{
	display: block;
	float: right;
	height: 9px;
	width: 14px;
	background:url(../images/arrow_hover.png) no-repeat 0px 0px;
	position: absolute;
	top: 13px;
	right: 0px;
    margin-right:3px;
}
.topmenu li  a:hover span{
	background:transparent url(../images/arrow_up.png) no-repeat scroll 0 0;
}
.topmenu li:hover ul, .topmenu li:hover div{
	display: block;
}
.topmenu ul{
	position: absolute;
	display: none;
	width: 190px;
	padding: 0px;
	margin: 0px;
	background:#FFFFFF;
	font-size:12px;
}
.topmenu ul li{
	border: 0;
	
	float: none;
	height:25px;
	font-size:12px;
	
}
.topmenu ul a {
  
  text-transform:lowercase;
  
  white-space: nowrap;
  padding:5px 8px 5px;
  display:block;
  color: #000;
  text-transform: none;

  
   border-top: 1px solid rgba(25, 25, 25, 0.1);
   
   
   background-image: linear-gradient(to bottom, rgba(230, 230, 230, 0.2), rgba(160, 160, 160, 0.2));
   
   
    transition: margin-top 0.5s ease 0s, height 0.5s ease 0s;
    background-size: 100% auto;
   
  
    cursor: pointer;
    
  
  
}

.topmenu ul a:hover {
	text-decoration: none;	
}