/* Tab Content - menucool.com */


ul.tabs
{
    position:absolute;
    top: 10%;
    width: 80%;
    padding: 0 0;
    font-size: 0;
    margin-top: 0;
    list-style-type: none;
    text-align: left; /*set to left, center, or right to align the tabs as desired*/
}
        
ul.tabs li
{
    display: inline;
    margin: 0;
    margin-right:2.5%; /*distance between tabs*/
}
        
ul.tabs li a
{
    
  
    text-decoration: none;
    position: relative;
    padding: 0 0;
    <!-- border: 1px solid red;
    border-bottom-color:#B7B7B7;
    border-radius: 3px 3px 0 0; -->
    <!-- outline:none; -->
}
        
ul.tabs li a:visited
{
 }  
        
ul.tabs li a:hover 
{
    opacity: 0.5;
    <!-- border: 1px solid #B7B7B7; -->
    
}

        
ul.tabs li.selected a, ul.tabs li.selected a:hover
{
    position: relative;
    top: 0px;
    font-weight:bold;
    <!-- border: 1px solid blue;
    border-bottom-color: white; -->
    
}
        
        
ul.tabs li.selected a:hover
{
    text-decoration: none;
}
     

div.tabcontents
{
    position:absolute;
    top: 45%;
    height: 40%;
    width: 70%;
    padding: 100px;
   <!-- border: 1px solid #B7B7B7; padding: 30px;
    border-radius: 0 3px 3px 3px; -->
}




ul.tabs li.selected a, ul.tabs li.selected li a:hover > img {
  opacity: 0.6;

}