/* This stylesheet is validated agains CSS 2.1 */

/* 
   Page Framework is based on the Jello Mold Technique to
   provide a liquid flow to the page but allowing for a minimum
   and maximum width
   See: http://www.positioniseverything.net/articles/jello-expo.html
*/

/* Clear all settings */
*
{
	margin:0;
	padding:0;
	border:0;
}

body {
    padding: 0 460px 0 460px; /* these side paddings together determine the natural min-width */
    margin: 0;
    text-align: center; /* this centers the wrappers in older IEwin versions */
}

#sizer
{
	margin: 0 auto 0 auto; /* this centers the wrappers in standards browsers */
    width: 70%; /* here is the critical value for customizing the Jello behavior */
    max-width: 300px;  /* version for IE is at the bottom of this style block */
	text-align:left; /* resets IE/Win centering hack */
	padding: 0 0; /* for effect only, can be removed - adding a top padding moves it down*/
}
#expander
{
	margin: 0 -460px 0 -460px; /* these side margins should be the same or slightly less than body paddings */
    min-width: 900px; /* This prevents Safari from losing the negative margins in narrow windows */
	position:relative; /* needed so that IE/win wiill show expanded areas */
}

#wrapper
{
	width:100%; /* helps IE get the child percentages right. */
}

/* Holly Hack
A very large percentage of IE/Win bugs are triggered by the lack of any 
stated dimensions on elements that contain nested floats. In other words, 
if you have a box without either a width or a height, and nest one or more 
floats inside, some very weird display bugs may declare themselves. 
Since IE/Win will misbehave in this manner, when a dimension is needed to 
fix a float bug, a very small height, such as {height: 1%}, can be applied 
to the float container, and IE/Win will just make the box taller anyway. 
Thus, a small height does not change the appearance of the box, but IE 
seems to think the box is now "dimensioned," and so our magic bullet 
strikes home. Scratch one bug.   
http://www.positioniseverything.net/explorer/escape-floats.html      
*/
 /* Holly Hacks for IE \*/
* html body, 
* html #sizer,
* html #expander{height:0;}
/* */

/********************Clear Fix Hack********************************/
/* 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 */