.wrapper {
    width: 990px;
    height: 50px;
    position: relative;

}


.fl {
    float: left;
}

.container {
    width: 990px;
    margin: 0 auto;
}

.menu {
    height:50px;
     float:left;
}
a {
    text-decoration: none;
    color: #363636;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
}


ul {
    margin: 0;
    padding: 0;
}

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(173,83,135,1)), to(rgba(0,28,78, 1)) );
    background: -moz-radial-gradient(center 80px 45deg, circle cover, rgba(173,83,135,1) 0%, rgba(0,28,78, 1) 100%);
    }

ul li a {
    display: block;
    padding: 0 7px ;
    border-left: 1px solid rgba(255,255,255,0.1);
    border-right: 1px solid rgba(0,0,0,0.1);
    text-align: center;
    line-height: 49px;
	color:#FFF;
    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));
    -webkit-transition-property: background;
    -webkit-transition-duration: 700ms;
    -moz-transition-property: background;
    -moz-transition-duration: 700ms;
    }

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

ul[rel=sam1] li a {
    background: #ffb7e0;
	color:#ad5387;
}

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

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


/* Css for vertical sample */