/*#navtop {  
    margin-top: 1.5em;  
    height: 15px;  
    background: url(img/nav-top.gif) left bottom no-repeat;  
    }  
 
#navbottom {  
    height: 15px;  
    background: url(img/nav-bottom.gif) left top no-repeat;  
    }  
*/   
ul#nav {   
    margin: 0 ;   
    padding: 0;   
    list-style: none;   
    background:#90816c;   
    border:0px #eee solid;   
    }   
 
         
#nav li {   
    display: block;    
    float: left;   
    }   
#nav li a {   
    display: block;   
    color: #fff;   
    text-decoration: none;   
    padding: 3px 14px 3px 14px;   
    border-left: 0px solid #FFF;   
    border-right: 1px solid #b0a28e;   
    border-bottom: 0;   
    background: url(img/arrow-down.gif) right 55% no-repeat;   
    }   
#nav li li a{ border:0;}       
  
  
          
/*  
SON OF SUCKERFISH DROPDOWNS  
See http://www.htmldog.com/articles/suckerfish/dropdowns/  
--------------------- */   
  
/* 2nd and 3rd level menus */   
#nav ul {   
    position: absolute;   
    z-index: 99;   
    left: -999em;   
    margin: 0px 0 0 -1px;   
    padding: 0;   
    width: 10em;   
    height: auto;   
    background:#b0a28e;   
    border:#fff 0px solid;   
}   
  
/* 3rd level menus only */   
#nav ul ul {   
    margin: -1.3em 0 0 12em;   
}   
  
/* 2nd and 3rd level menus */   
#nav li li {   
    padding: 2px 0 2px 0;   
    width: 10em;   
    border-bottom: 0px solid #fff;   
}   
  
/* 2nd and 3rd level menus */   
#nav ul a {   
    width: 13em;   
    w\idth: 9em;   
    border-right: 0;   
}   
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {   
    left: -999em;   
}   
  
/* This "unhides" the sub-menus (left: -999em is what hides them) */   
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {   
    left: auto;   
}   
 
#nav li:hover, #nav li.sfhover {   
}   
  
/* 2nd and 3rd level menus */   
#nav ul li:hover, #nav ul ul li:hover, #nav ul li.sfhover, #nav ul ul li.sfhover {   
  
}   
  
/* 2nd and 3rd level menus */   
#nav ul li a, #nav ul ul li a {   
    background:none;   
    }   
#nav ul li a:hover, #nav ul ul li a:hover {   
  
          
    }   
/* 2nd level menus only */   
#nav a.sub {   
    background: url(img/arrow-right.gif) right 52% no-repeat;   
}   
/*  
P.I.E. FLOAT CLEARING  
See http://www.positioniseverything.net/easyclearing.html   
--------------------- */   
  
.clearfix:after {   
  content: ".";   
  clear: both;   
  height: 0;   
  visibility: hidden;   
  display: block;   
}   
.clearfix {   
  display: inline-block; /* Fixes IE/Mac */   
}   
/* Hides from IE-mac \*/   
* html .clearfix {height: 1%;}   
.clearfix {display: block;}   
/* End hide from IE-mac */