/* webkit is Chrome */

/* menu bar */
/* plain background for IE */
.wrapper {
    width: 100%;
    height: 35px;
    background : #7A3E48;
    background : -webkit-gradient(linear, left top, left bottom, from(#EECD86), to(#7A3E48));
    background : -moz-linear-gradient(top, #EECD86, #7A3E40);
    border-top: 0px solid 1111111;
    position: relative;
    margin-top: 0px;
    margin-bottom: 1px;
    margin-left: 0px;
    margin-right: 0px;
}

ul {
    margin: 0;
    padding: 0;
}

ul.menu {
    height: 35px;
    /*
    border-left: 0px solid rgba(0,0,0,0.3);
    border-right: 0px solid rgba(255,255,255,0.3);
    */
    float:left;
}

/* selected menu option */
ul.menu li {
    list-style: none;
    float:left;
    height: 35px;
    text-align: left;
    background: #B95835;
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(#EECD86), to(#7A3E48));
    background: -moz-radial-gradient(center 80px 45deg, circle cover, #EECD86 0%, #7A3E48 100%);
    }

/* pulldown menus */
/* color sets text color - background : #9E3B33; */
ul li a {
    display: block;
    padding: 0 20px;
    border-left: 0px solid rgba(255,255,255,0.1);
    border-right: 0px solid rgba(0,0,0,0.1);
    height: 35px;
    outline: none;
    line-height: 35px;
    font: 14pt/200% Ariel, Helvetica, sans-serif;
    text-decoration: none;
    color: #eee;
    text-align: left;
    background: #7A3E48;
    background : -webkit-gradient(linear, left top, left bottom, from(#EECD86), to(#7A3E48));
    background : -moz-linear-gradient(top, #EECD86, #7A3E48);
    -webkit-transition-property: background;
    -webkit-transition-duration: 700ms;
    -moz-transition-property: background;
    -moz-transition-duration: 700ms;
    }

ul li
{
display:inline;
height:32px;
float:left;
list-style:none;
margin-left:0px;
position:relative;
}

li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px;
}

/* dropdown menu */
li:hover ul
{
display:block;
width:200%;
}

/*
ul[rel=sam1] li a { background: #EECD86; }
ul[rel=sam1] li a:hover { background: transparent none; }
ul li a:hover { background: transparent none; }
*/

/* dropdown */
li li
{
list-style:none;
display:list-item;
width:100%;
}

ul li a:hover {
    background: transparent none;
}

ul li.hover a{
    background: #B95835;
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(#895835), to(#EECD86) );
    background: -moz-radial-gradient(center 40px 45deg, circle cover, #895835 0%, #EECD86 100%);
}

