@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%; */
	zoom: 1;
	}

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

/*
in ie6/7 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.

The double margin bug can also be triggered on form elements when 
a containing box 'haslayout'. The sum of the margins of the all the
containing elements are inherited by the form field. To solve this
issue 'haslayout' must be removed from the containing element.
eg. by removing width settings.
*/

/**************************************************************
***************************************************************
*
*					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.
*/

/**************************************************************
***************************************************************
*
*					ie6 extra pixel
*
***************************************************************
**************************************************************/

/*
when styling 'a' tags set to 'display:block;' in a list (for example
a dropdown menu) if the parent 'li' is not set to 'display:inline;'
ie6 can show a 1px border. 
*/

/**************************************************************
***************************************************************
*
*					ie 6 selector bugs
*
***************************************************************
**************************************************************/

/*
ie6 will sometimes not honor multiple class selectors or id/class
combinations (eg. #id.class or .class1.class2). To over come this
issue don't finish a rule with a multiple selector, move the
class to the parent container or start rule with an html tag 
(eg 'div.class').
*/

/**************************************************************
***************************************************************
*
*					min height hack
*
***************************************************************
**************************************************************/

/* ie 6 does not support min-height. The following hack foxes this.
Apply the following to the element that needs a min-height.
element {
	min-height: 243px;
	height: auto !important;
	height: 243px;
	}
*/