@media screen {

/* === Important ===*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

* html .clearfix {
	height: 1%;
}
/* === Important:end ===*/

#mainContainer { /*border:1px solid red;*/}

/*2-columns design*/
/* in order to change left column width, need to change particular rules' marked as //2col! on exact value of change. */
#columnsContainer{
	/*border:1px solid red;*/
	
	min-height:100%;/*for mozilla as IE treats height as min-height anyway*/
	margin-left:170px; /*2col!*/
}
* html #columnsContainer{height:100%;margin-left:170px}/*2col!*/ /* ie 3 pixel jog*/ 

#leftColumn {
	/*border:1px solid red;*/
	
	position:relative;/*ie needs this to show float */
	float:left;
	left:-1px;/* line things up exactly*/
	
	width:106px; /*2col!*/
	margin-left:-105px;/*2col!*/ /*must be 1px less than width otherwise won't push footer down */
	
	background:url(../images/design/default/leftColumnBg.jpg) no-repeat left top;
	height:580px;
	max-height:550px;
}
* html #leftColumn {margin-right:-3px}/* three pixel jog*/
* html #centralColumn {height:1%;}/* combat IE's 3 pixel jog */

#centralColumn {/*border:1px solid red;*/}
/*2-columns design*/


/* ======================================================= */
/* ======================================================= */
/* ======================================================= */
}