@font-face
{
    font-family: neutra_bold;
    src: url(../fonts/NeutraTextTF-Bold.eot);
    src: local(neutra_bold), url(../fonts/NeutraTextTF-Bold.otf) format('opentype');
}
@font-face
{
    font-family: neutra_demi;
    src: url(../fonts/NeutraTextTF-Demi.eot);
    src: local(neutra_bold), url(../fonts/NeutraTextTF-Demi.otf) format('opentype');
}

/* ------------ */

#nav, #nav ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  list-style-position: outside;
  position: relative;
  line-height: 30px; 

  float: left;
}
#nav img{
	border:none;
	padding:0;
	margin:0;
	}
  #nav a {
    display: block;
    padding: 0 13px;
    border: none;
    color: #ccc;
    text-decoration: none;
    font-size: 16px;
    font-family: Trebuchet MS;
    font-style: italic;
    font-weight: bold;
  }
  .naviactive {
    color: #fff !important;
  }
  #nav a:hover {
    text-decoration: underline;
  }

#nav li{
  float: left;
  margin: 0;
  padding: 0;
  line-height: 30px;
  text-align: left;
  height: 30px;


}
#nav ul li
  {
  height: 25px;
  border-right: none !important;
  }
#nav ul {
  position: absolute;
  display: none;
  width: 12em;
  *width:14em;
   margin: 0;
  /*margin: 0;*/
  padding: 0;
  top: 30px;
 z-index:900;
  text-transform: none;
}
#nav ul li{
border-top: 1px solid #333;
border-bottom: 1px solid #000;

}
  #nav li ul a {
	position:relative;
    line-height: 25px; 
    width: 12em;
	*width:14em;
    height: auto;
    float: left;
    font-size:12px;
   	z-index:901;
    padding-left: 10px;
    background: url(../images/layout/bg.jpg);
  }
  
  #nav li ul a:hover {
  background: #333;
  background: url(../images/layout/ul_hover.jpg);
  
  }
  
  
  
 /* menu login */

  li#loginli
  	{

  	height:80px !important;
	
  	line-height: 23px; 
    width:160px;
	float: left;
    font-size:10px;
   
	
    padding-left: 10px;
  	}
#nav ul ul {
  top: auto;
}	

#nav li ul ul {
  left: 11em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
  display: none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
  	display: block;
	}

/* ------------ */      
