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

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/cssplaymenu-dropdown-flyout-ipad7.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu{
font-family: Arial, Helvetica, sans-serif;
margin-top:2em;
width:1000px;
/*width:100%;*/
height:25px;
text-align:center;
position:relative;
z-index:100;
/*padding-bottom:300px;*/
/*padding-bottom:0;*/
padding:0;
font-size:0.7em;
background-color:#4f4f4f;
text-transform:uppercase;
}

#menu ul{
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
text-align:left;
}

#menu ul{
display:inline-block;
}

#menu li{
margin:0;
padding:0;
list-style:none;
}

#menu li{
display:inline;
/*display:inline-block;*/
}

#menu ul ul{
position:absolute;
left:0;
/*top:70px;*/
top:20px;
display:none;
/*padding:10px 0;*/
padding:0 0;
z-index:0;
margin-top:5px;
}

#menu ul ul ul{
left:100%;
top:auto;
margin-top:-25px;
}

#menu ul li.left > ul{
left:auto;
right:0;
/*top:70px;*/
top:25px;
}

#menu ul li.left ul li > ul{
left:auto;
right:100%;
top:auto;
/*margin-top:-35px;*/
}

#menu > ul{
margin:0 auto;
}

#menu > ul > li{
float:left;
display:block;
position:relative;
}

#menu ul{
background:#4f4f4f;
}

#menu ul ul{
background:#4f4f4f;
}

#menu ul ul ul{
background:#4f4f4f;
}

#menu ul ul ul ul{
background:#4f4f4f;
}

/*#menu ul,
#menu ul ul,
#menu ul ul ul,
#menu ul ul ul ul{
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
background-image: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
background-image: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
background-image: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
background-image: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 50%, rgba(0,0,0,0.3) 50%, rgba(0,0,0,0.7) 100%);
}*/

#menu a{
display:block;
color:#fff;
line-height:25px;
text-decoration:none;
/*border-radius:8px;*/
padding:0 20px 0 10px;
}

#menu > ul > li > a{
float:left;
/*line-height:70px;*/
margin-right:2px;
}

#menu ul li:hover > ul{
display:block;
}

#menu li:hover > a,
#menu ul li:hover > a.fly{
color:#d3bb93;
}

/* for IE7 to fix a bug with using display:none;
to hide the sub menus. Delete if not concerned with IE7 support */
#menu ul{
*display:inline;
}

#menu ul ul,
#menu ul ul ul,
#menu ul li.left > ul,
#menu ul li.left ul li > ul{
*left:-9999px;
*right:auto;
*display:block;
}

#menu ul li:hover{
*direction:ltr;
}

#menu ul li:hover > ul{
*left:0;
}

#menu ul ul li:hover > ul{
*left:100%;
}

#menu ul li.left:hover > ul{
*left:auto;
*right:0;
}

#menu ul li.left ul li:hover > ul{
*left:auto;
*right:100%;
}