/* main menu styles */
#nav {
    display:inline-block;
    width:100%;
    margin:0px auto;
    padding:0;   height: 39px;



}
#nav li {
   
    float:left;
    position:relative;
    list-style:none; margin-left:42px;
}
#nav a {
    font-weight:normal;
    color:#fcfaf2;
    text-decoration:none;
    display:block;
    padding:8px 0px 8px 0px;font-family: 'futura_md_btmedium'; text-transform:uppercase; font-weight:normal ; font-size:16px;  letter-spacing: 1px;

}

/* selected menu element */

#nav .current a {
    
    color:#fff;
    border-bottom:4px solid #ed1c24;

}
#nav li:hover > a {
    
    color:#000;
    border-bottom:4px solid #ed1c24;

}

#nav ul li:hover a {
    background:none;
    border:none;
    color:#000;
}

/* sublevels */
#nav li:hover li a {
    background:none;
    border:none;
    color:#f3f0e3;border-bottom:1px solid #554c37;
}
#nav ul li a:hover {
   border-bottom:1px solid #554c37;
    color:#f3f0e3; background-color:#9f9177;

  
}






#nav ul li:last-child > a {
    border:none;
}


/* drop down */
#nav li:hover > ul {
    opacity:1;
    visibility:visible;
}
#nav ul {
    opacity:0;
    visibility:hidden;
    padding:0;
    width:211px;
    position:absolute;
    border:1px solid #554c37; background-color:#81714f;  z-index: 9;


}
#nav ul li {
    float:none;
    margin:0;
	padding: 0px 0px;
}
#nav ul a {
    font-weight:normal; font-size: 13px;
  padding: 12px 10px;
 
}
#nav ul ul {
    left:160px;
    top:0px;
}





@media only screen and (min-width : 1367px) and (max-width : 1440px) {

#nav a {font-size: 14px;  padding: 10px 0px 12px 0px;}

#nav li { margin-left: 32px;}		

}

@media only screen and (min-width : 1281px) and (max-width : 1366px) {

#nav a {font-size: 14px;  padding: 8px 0px 14px 0px;}
#nav li { margin-left: 30px;}	
}

@media only screen and (min-width : 1153px) and (max-width : 1280px) {
#nav a {font-size: 13px;  padding: 8px 0px 15px 0px;}
#nav li { margin-left: 30px;}	
}



@media only screen and (min-width : 1023px) and (max-width : 1152px) {

#nav a {font-size: 13px;  padding: 8px 0px 15px 0px;}
#nav li { margin-left: 20px;}	
	}

@media only screen and (min-width : 961px) and (max-width : 1024px) {

#nav a {font-size: 12px;  padding: 8px 0px 15px 0px;}
#nav li {   margin-left: 15px;}

	}
	