@charset "utf-8";
/* CSS Document */



.autoplay .tabbed_area {
	    height:400px;
}

.tabbed_box{
}



#content .tabbed_area .content {
    background-color:#000000;	
    font-family:Arial, Helvetica, sans-serif;
    height:400px;
    z-index:9999;
}

.tabbed_area .content{
    display:none;
}

.tabbed_area{
    clear:both;
}







.tabbed_area .active_content{
    display:block;	
}

div#main div.menu{
    width:auto;
    margin-left:0px;
	
}

div#content div.menu ul.tabs {
    clear:both;
    float:none;
    list-style:none;
    line-height:20px;
    height:85px;
    margin-bottom:10px;

}

/*
ul.tabs li {
    display:inline;
}
*/

ul.tabs li{
    background-color:#4b6066;
    border:1px solid #fff;
	border-top-width:2px;
	cursor:pointer;
}

ul.tabs li.first{
    
}

ul.tabs li.last{
    border-right-width:0px;
}



#main ul.tabs li a {
    text-decoration:none;
    display:block;
    font-size:11px;
	font-family:arial;
	line-height:normal;
}


.tabbed_box .tabs li a.active .inner{
    color:#999;
}

#main ul.tabs li .overlay{
	height:40px;	
}

#main ul.tabs li .inner{
	padding:4px;	
}



.tabbed_area .content,
.tabs .background{
	position:relative;
	width:100%;
}



.tabbed_area .overlay,
.tabs .overlay{
    position:absolute;
    bottom:0;
    left:0;
    margin-bottom:0px;
    width:100%;
	background:rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.6);
	color:#ededed;
}

.tabs .active .overlay{
	background:rgb(0, 0, 0);
    background: rgba(0, 0, 0, 1)	
}

#main .tabbed_area .content .overlay .inner{
	padding:5px;	
}

#main .tabbed_area .content .overlay h2{
    margin-bottom:3px;
    font-size:22px;
}

#main .tabbed_area .content .overlay a{
    color:#fff;
}

#main .tabbed_area .content p{
    margin-bottom:0px;
}

.tabbed_box .menu ul{
    list-style-type:none;
    padding-left:0px;
    clear:both;
}

#primary .menu ul.tabs li{
    margin-bottom:0px;
    padding-bottom:0px;
}

#primary .menu ul.tabs li a{
    background:#666;
    color:#fff;
    font-size:13px;
    line-height:normal;
}

#primary .menu ul.tabs li a.active,
#primary .menu ul.tabs li a:hover
{
    background:#000;
}


#primary .tabbed_area .content ul li{
    float:none;
}

li.content-tabs .tabbed_box{
    margin:10px;
}    

#main li.content-tabs  ul.tabs{
    margin-left:0px;
    padding-left:0px;
    background:red;
}