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

/**************************************************************
***************************************************************
*
*						clearfix
*
***************************************************************
**************************************************************/

/*
because floated elements do not expand their parent to enclose
themselves it is necessary to provide a 'clear' fix to prevent 
the float from 'pushing out' of the parent.
It is also possible to solve this problem by floating the 
parent because a floated element will expand to contain any 
floated descendants.
note: floated margins don't collapse
*/

/* uncomment and use this clearfix if new technique fails */

/* float clearing for IE6
* html .clearFix {
	height: 1%;
	overflow: visible;
	}*/

/* float clearing for IE7 
*+html .clearFix {
	min-height: 1%;
	}*/

/* float clearing for everyone else 
.clearFix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
	font-size: 0;
	}*/

/**********************************************************/

/*
new clearfix technique.
'overflow:auto' may cause issues in firefox if so use ':hidden'.
hasLayout must be triggered for ie6 - do this by specifying
height or width of any value other than auto (eg 1%).
note: if all else fails use MSDN proprietary attribute 'zoom: 1'
*/
.clearFix {
	overflow: hidden;
	width: 100%;
	}

/**************************************************************
***************************************************************
*
*					ie6 double margin bug
*
***************************************************************
**************************************************************/

/*
in ie6 the margin of an element that is floated doubles on the side
corresponding to the float (eg 'float:left' doubles left margin).
the fix is to add 'display:inline' to the floated div.
*/

/**************************************************************
***************************************************************
*
*					ie6 expanding box
*
***************************************************************
**************************************************************/

/*
in a fixed width layout created with floated columns any content 
longer than the width of a column (text string or image) will 
cause ie6 to expand the column and break the layout. Can be fixed 
by adding 'overflow:hidden' to the offending div, but better to 
edit content.
*/