BODY
{	
	FONT-FAMILY: DHT;
	FONT-SIZE: 100%;	
	BACKGROUND: #FFFFFF;	
	COLOR: #000000;
	MARGIN: 10px 10px 10px 10px;	
	PADDING: 0 400px 0 400px; /* these side paddings together determine the natural min-width */
	TEXT-ALIGN: center; /* this centers the wrappers in older IEwin versions */		
}

DIV#sizer
{ 
	WIDTH: 50%; /* here is the critical value for customizing the Jello behavior */
	MARGIN: 0 auto 0 auto; /* this centers the wrappers in standards browsers */  
	TEXT-ALIGN: left; /* resets centering hack to default */	
	MAX-WIDTH: 400px; /* version for IE is at the bottom of this style block */	
	POSITION: relative;	
}

/* Holly hack for IE. Must be zero, not the usual 1% value, due to IE bug \*/
* html #expander { height: 0; }
/* */

DIV#expander
{
	MARGIN: 0 -400px 0 -400px; /* these side margins should be the same or slightly less than body paddings */
	MIN-WIDTH: 800px; /* This prevents Safari from losing the negative margins in narrow windows */		
	POSITION: relative;		
}

/* helps IE get the child percentages right. */
DIV#wrapper 
{ 
	WIDTH: 100%; 
	POSITION: relative;		
}

DIV#player
{ 		
	MARGIN: 0 auto 0 auto;
	POSITION: relative;
}

DIV#content
{ 		
	MARGIN: 0 auto 0 auto;
	POSITION: relative;	
}

.hidden 
{
	DISPLAY: none
}
/* http://positioniseverything.net/easyclearing */
.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.alt 
{
    DISPLAY: none;
}

UNKNOWN 
{
BACKGROUND: #949e7c; 
COLOR: #fff;
}