/* navigation */
#nav 
{
	height:0px;	
	width:auto;
}	
#nav ul 
{	
	margin:0 auto;
    display:block;
    text-align:center;
}	
#nav li 
{	
	list-style-type:none;
	text-align:center;
	display:inline-block;
	padding:0px 1px;		
    margin:0px !important;
}	
#nav img 
{
border:none;
}
	/* panes */
#panes 
{		
    height:226px;
    width:206px;	
		/* must be relative so the individual panes can be absolutely positioned */
    position:relative;
}	
	/* crossfading effect needs absolute positioning from the elements */
#panes div 
{
	display:none;		
	position:absolute;
	font-size:13px;
	color:#444;	
	width:206px; 
	}	
#panes img 
{
    border:none;
}	
.panel-overlay
{
    display:block !important;
    font-family:Arial;
    font-size:11px !important;
    font-weight:bold;
    height:226px !important;
    overflow:hidden;
    opacity:0;
    filter: alpha(opacity=0);
    transition:  all 0.5s ease 0s; -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */ -webkit-transition:  all 0.5s ease 0s; /* Safari and Chrome */ -o-transition:  all 0.5s ease 0s; /* Opera */
    position:absolute;
    top:0px;
    left:0px;
    width:206px;
}
.panel-overlay:hover
{   
    opacity:0.5;
    filter: alpha(opacity=50);
    transition:  all 0.5s ease 0s; -moz-transition:  all 0.5s ease 0s; /* Firefox 4 */ -webkit-transition:  all 0.5s ease 0s; /* Safari and Chrome */ -o-transition:  all 0.5s ease 0s; /* Opera */
}
.panel-overlay p
{
    margin-top:166px;
    height:50px;
    background:#000000;
    padding:5px;
    color:#ffffff;
}