@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 
************
*/
/* FOOTER STICK CODE - edit height of footer in 2 places */
html, body { height:100% }
#w { position:relative; min-height:100% }
*html #w { height:100% } /* for IE6 as it doesnt understand min-height */
#c { background:#fff; padding-bottom:160px } /* footer height here */
#f { position: relative; margin-top:-160px; height:160px } /* move the footer up  the same height as the footer */
/* 
****************************************
3 COLUMNS CODE - edit columns width
****************************************
*/
body { min-width: 1000px } /* MIN WIDHT OF FLUID SITE *//* WIDTH OF SITE */
#mcw { padding-left: 171px; padding-right: 171px } /* WIDTH OF RIGHT and LEFT COL */
#mc, #cr, #cl { position: relative; float: left; display:inline }
#mc { width: 100%; overflow:hidden }
#cl { width: 171px; right: 171px; margin-left: -100% } /* WIDTH OF LEFT COL */
#cr { width: 171px; margin-right: -171px } /* WIDTH OF RIGHT 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:171px } /* PUT WIDTH OF RIGHT COL */
*:first-child+html #cl { left: 171px }  /* PUT WIDTH OF RIGHT COL */
/**************
FIXED WIDTH
***************/
/* to avoid min-width problem we can MAKE SITE WIDTH FIXED FOR IE6 */
* html body { width:1000px; margin:0 auto } /* WIDTH OF SITE FOR IE6 */
/******************************
FIXED WIDTH FOR OTHER BROWSERS
*******************************/
#w, #f { width:1000px; margin-right: auto; margin-left:auto } /* WIDTH OF SITE */