/*---------------------------------------------------------------*/
/* LOGO & MENU 
/*---------------------------------------------------------------*/

nav{
width:100%;
height:50px;
background:url(../images/navbg.jpg) repeat top;
border-bottom:1px solid #222;
position:relative;
z-index:99;
box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
-moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
-webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
-khtml-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
-o-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
-ms-box-shadow:0 2px 5px rgba(0, 0, 0, 0.4);
}

#horiz_m {

}
#horiz_m_bg {
margin:0 auto;
height:50px;
max-width:1000px;
}

/* Horizontal Menu */
#horiz_m .slidemenu{
font-size:15px}
#horiz_m .slidemenu ul{
list-style:none;
width:100%;
float:left
}
#horiz_m .slidemenu ul li{position:relative;  float:left; }
#horiz_m .slidemenu ul li a{
display:block; 
text-shadow:1px 1px 1px #111; 
color:#ccc; 
padding:16px 44px;
float:left;
text-decoration: none; 
background:url(../images/navsep.jpg) no-repeat right bottom
}
#horiz_m .slidemenu ul li:last-child a{
    background-image: none;
    padding: 16px 41px;
}
#horiz_m .slidemenu ul li:last-child{}
#horiz_m .slidemenu ul li a:hover{color:#ea6320; text-decoration:none; text-shadow:none}
#horiz_m .slidemenu ul li ul{
position: absolute; 
margin:0 0 0 0px;
left:0;
display: block; 
visibility: hidden;
z-index:9999;
}


#horiz_m  .slidemenu ul li ul li {display: list-item;	float: none; margin: 0;}
#horiz_m .slidemenu ul li ul li a{width:180px;  background-color:#444; padding:8px 15px; display:block; margin-left:-10px; border-bottom:1px solid #555 }

#horiz_m .slidemenu ul li ul li a:hover{color:#ea6320; text-decoration:none; background-color:#333333;}
#horiz_m .slidemenu ul li ul li ul{margin-left: 0px; top: 0;}

#horiz_m .slidemenu ul li ul li ul {
  visibility: collapse !important;
}

#horiz_m .slidemenu ul li ul li:hover ul{  
visibility: visible !important;
}



/* iPads (portrait) ----------- */
@media only screen and (max-width:768px){

#horiz_m .slidemenu ul li a{
padding:16px 29px
}

}
/*---------------------------------------------------------------*/





/* Smartphones (portrait and landscape) ----------- */

@media screen and (min-width:320px) and (max-width:480px){

#horiz_m_bg, nav {
    height: 100px;
}
#horiz_m .slidemenu ul li a {
padding: 16px 17px;
}



}

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