@charset "utf-8";
/*
***********
CLEAR FIX
***********
*/
.clear:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
*:first-child+html .clear { width:100% }
/* Hides from IE-mac \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* End hide from IE-mac */
/* 
************
PAGE LAYOUT 
************
*/
#w { position:relative; min-height:400px; }
#c { background:#fff; padding-bottom:10px } /* footer height here */
/* 
****************************************
3 COLUMNS CODE - edit columns width
****************************************
*/
body { min-width: 900px } /* MIN WIDHT OF FLUID SITE *//* WIDTH OF SITE */
#mcw { padding-left: 160px } /* WIDTH OF RIGHT and LEFT COL */
#mc, #cl { position: relative; float: left; display:inline }
#mc { width: 100%; overflow:hidden }
#cl { width: 160px; right: 160px; margin-left: -100% } /* WIDTH OF LEFT COL */
/*** IE6-7 Fixes ***/
*html #c .clear { height:0; overflow:hidden }
*:first-child+html #c .clear { height:0; overflow:hidden }
*:first-child+html #w { overflow:hidden }
* html #cl { left:0 }
*:first-child+html #cl { left:0 }
/**************
FIXED WIDTH
***************/
/* to avoid min-width problem we can MAKE SITE WIDTH FIXED FOR IE6 */
* html body { width:900px; margin:0 auto } /* WIDTH OF SITE FOR IE6 */
/******************************
FIXED WIDTH FOR OTHER BROWSERS
*******************************/
#w, #f { width:900px; margin-right: auto; margin-left:auto } /* WIDTH OF SITE */