﻿.menu,
.menu ul,
.menu li,

.menu a {
	border: none;
	outline: none;
	margin: 0;
	padding: 0;
	}

.menu {	
         -moz-border-radius: 5px;
	     border-radius: 5px;
         height: 40px;
	     width: 745px;
         -webkit-border-radius: 5px;
	  
      }

.menu li {  

          list-style: none;
          height: 40px;
		  float: left;
		 text-align:left; 
	     display: block;
         position: relative;
	   
        }



.menu li a {

	    display: block;
	    padding: 0 10px;
	    margin: 5px 0;
        line-height: 28px;
	    text-align:left; 
	    text-decoration: none;
        font-family:Arial, Tahoma;;
        font-size: 13px;
	    color: #666666;
		     -webkit-transition: color .2s ease-in-out;
	    -moz-transition: color .2s ease-in-out;
	    -o-transition: color .2s ease-in-out;
        font-weight: bold;
   
	    -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 ;
		  -webkit-transition: opacity .25s ease .1s;
	     -moz-transition: opacity .25s ease .1s;
	     -o-transition: opacity .25s ease .1s;
	     -webkit-border-radius: 0 0 5px 5px;
	     -moz-border-radius: 0 0 5px 5px;
	     border-radius: 0 0 5px 5px;
        
	     -ms-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;
         -webkit-transition: height .25s ease .1s;
	     -moz-transition: height .25s ease .1s;
	     -o-transition: height .25s ease .1s;
	     padding:0;
    
	     -ms-transition: height .25s ease .1s;
	     transition: height .25s ease .1s;
            }

.menu li:hover > ul li {
                  vertical-align: text-top;
	              display:block; 
				  line-height:2px;
                  text-align:left;
				  height: 22px;
					
	                overflow: visible;
	                padding: 0;
	               margin:0;
                       }

.menu ul li a {
           text-align:left; 
	       width: 245px;
		   padding: 1px 0 1px 11px;
	       margin:0;
	       border: none;
	       border-bottom: 0px solid #353539;
          }
.menu ul li:last-child a { border: none; }


#test {
width:170px;

}

#test li,#test li.test {

width:170px;

}





.menu2,
.menu2 ul,
.menu2 li,
.menu2 a {

	margin: 0;
	padding: 0;
	border: none;
	outline: none;
        }

.menu2 {	
        height: 40px;
	    width: 745px;
        -webkit-border-radius: 5px;
	   -moz-border-radius: 5px;
	   border-radius: 5px;
      }

.menu2 li {

          position: relative;
	  list-style: none;
	  text-align:left; 
	  float: left;
	  display: block;
	  height: 40px;
         }



.menu2 li a {

	    display: block;
	    padding: 0 12px;
	    margin: 5px 0;
		  text-align:left; 
	    text-decoration: none;
        line-height: 28px;
	  
        font-family:Arial, Tahoma;;
        font-size: 13px;
	    color: #666666;
		  -webkit-transition: color .2s ease-in-out;
	    -moz-transition: color .2s ease-in-out;
        font-weight: bold;
      
	    -o-transition: color .2s ease-in-out;
	    -ms-transition: color .2s ease-in-out;
	    transition: color .2s ease-in-out;
           }

.menu2 li:first-child a { border-left: none;  } 
.menu2 li:last-child  a { border-right: none; }

.menu2 li:hover > a { color: black; }


.menu2 ul {
        
         position: absolute;
	     top: 30px;
		 left: 10;
         opacity: 0;
	     background:#FFFAFA ;
		 -webkit-transition: opacity .25s ease .1s;
	     -moz-transition: opacity .25s ease .1s;
	     -webkit-border-radius: 0 0 5px 5px;
	     -moz-border-radius: 0 0 5px 5px;
	     border-radius: 0 0 5px 5px;

	     -o-transition: opacity .25s ease .1s;
	     -ms-transition: opacity .25s ease .1s;
	     transition: opacity .25s ease .1s;
        }

.menu2 li:hover > ul { opacity: 1; }
.menu2 ul li {
	     height: 0;
             text-align:left; 
	     overflow: hidden;
	     -o-transition: height .25s ease .1s;
	     -ms-transition: height .25s ease .1s;
	     padding:0;
             -webkit-transition: height .25s ease .1s;
	     -moz-transition: height .25s ease .1s;

	     transition: height .25s ease .1s;
            }

.menu2 li:hover > ul li {
                  vertical-align: text-top;
	              display:block; 
				  line-height:2px;
                  text-align:left;
						height: 22px;
					
	                overflow: visible;
	                padding: 0;
	               margin:0;
                       }

.menu2 ul li a {
              width: 200px;
		   padding: 1px 0 1px 11px;
           text-align:left; 
	   
	       margin:0;
	       border: none;
	       border-bottom: 0px solid #353539;
          }
.menu2 ul li:last-child a { border: none; }
