@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%; background:rgb(134, 121, 100)}
#w { position:relative; height: 711px; }
*html #w { height:100% } /* for IE6 as it doesnt understand min-height */
#c { background:none; padding-bottom: 0; height: 188px;} /* footer height here */
#f { position: relative; /*margin-top: -188px;*/ height:188px } /* move the footer up  the same height as the footer */
/* 
****************************************
3 COLUMNS CODE - edit columns width
****************************************
*/
body { min-width: 921px } /* MIN WIDHT OF FLUID SITE *//* WIDTH OF SITE */
#mc { width: 921px; overflow:hidden; position: relative; float: left; display:inline }
/*** 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 } /* hide what comes out of site width */

/**************
FIXED WIDTH
***************/
/* to avoid min-width problem we can MAKE SITE WIDTH FIXED FOR IE6 */
* html body { width:921px; margin:0 auto } /* WIDTH OF SITE FOR IE6 */
/******************************
FIXED WIDTH FOR OTHER BROWSERS
*******************************/
#w, #f { width:921px; margin-right: auto; margin-left:auto } /* WIDTH OF SITE */