.wrapper {
    width: auto;
    height: 50px;
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
    position: relative;
    margin-bottom: 1px;
	position: fixed;
	top: 0px;
}

.container {
    width: 960px;
    margin-left: 0px;
	position: fixed;
	top: 0px;
}

ul {  
    margin: 0;  
    padding: 0;  
}  
  
.menu {  
    height: 50px;   
    float: left;
}  

a {
    text-decoration: none;
    color: white;
    font-size: 15px;
}
  
ul.menu li {  
    list-style: none;  
    float:left;  
    height: 49px;  
    text-align: center;  
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );
    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);
}  

  
ul li a {  
    display: block;  
    padding: 0 20px;  
    text-align: center;  
    line-height: 49px; 
    -webkit-transition-property: background;  
    -webkit-transition-duration: 1000ms;
    -moz-transition-property: background;
    -moz-transition-duration: 1000ms;    
    background : -webkit-gradient(linear, left top, left bottombottom, from(rgb(168,168,168)), to(rgb(69,69,69)));  
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
}  

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


ul[rel=sam1] li a {
    background : -webkit-gradient(linear, left top, left bottom, from(rgb(168,168,168)), to(rgb(69,69,69)));
    background : -moz-linear-gradient(top, rgb(168,168,168), rgb(69,69,69));
}

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



ul li.active a{  
    background: -webkit-gradient(radial, 50% 100%, 10, 50% 50%, 90, from(rgba(31,169,244,1)), to(rgba(0,28,78, 1)) );  
    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(31,169,244,1) 0%, rgba(0,28,78, 1) 100%);  
}