.menu,
.menu ul,
.menu li,
.menu a   {
          margin: 0;
	      padding: 0;
	      border: none;
	      outline: none;
        }

.menu {	
          height: 40px;
	      width: 745px;
          font-family: Comic Sans MS,arial,helvetica,sans-serif;        
          -webkit-border-radius: 5px;
	      -moz-border-radius: 5px;
          border-radius: 5px;
     }

.menu li {
          position: relative;
          text-align:left; 
	      float: left;
	      list-style: none;
	      display: block;
	      height: 40px;
      }



.menu li a {
           display: block;
	       padding: 0 12px;
	       margin: 5px 0;
		   text-decoration: none;
           font-family:Arial, Tahoma;;
           line-height: 28px;
	       text-align:left; 
	       font-size: 13px;
	       color: #666666;
           font-weight: bold;
           -webkit-transition: color .2s ease-in-out;
	       -moz-transition: color .2s ease-in-out;
	       -o-transition: color .2s ease-in-out;
	       -ms-transition: color .2s ease-in-out;
	       transition: color .2s ease-in-out;
        }

		
.menu li:first-child a { border-left: none;  } 
.menu li:last-child  a { border-right: none; }
.menu li:hover > a { color: black; }


.menu ul {
           position: absolute;
	       top: 30px;
		   left: 10;
           opacity: 0;
	       background:#FFFAFA ;
	       border-radius: 0 0 5px 5px;
		   -webkit-border-radius: 0 0 5px 5px;
	       -moz-border-radius: 0 0 5px 5px;
	       -o-transition: opacity .25s ease .1s;
	       -ms-transition: opacity .25s ease .1s;
           -webkit-transition: opacity .25s ease .1s;
	       -moz-transition: opacity .25s ease .1s;
	       transition: opacity .25s ease .1s;
        }

.menu li:hover > ul { opacity: 1; }
.menu ul li {
	         height: 0;
             text-align:left; 
	         overflow: hidden;
             padding:0;
             -webkit-transition: height .25s ease .1s;
	         -moz-transition: height .25s ease .1s;
			 -ms-transition: height .25s ease .1s;
	         -o-transition: height .25s ease .1s;
	         transition: height .25s ease .1s;
        }

.menu li:hover > ul li {
                    vertical-align: text-top;
	                display:block;
					text-align:left;
				    line-height:2px;
                    height: 22px;
					overflow: visible;
	                padding: 0;
	                margin:0;
                  }

.menu ul li a {
           text-align:left; 
	       width: 115px;
           margin:0;
	       border: none;
		   padding: 1px 0 1px 11px;
	       border-bottom: 0px solid #353539;
          }

.menu ul li:last-child a { border: none; }

body{
       font-family: Comic Sans MS,arial,helvetica,sans-serif;
}