/*------------------------------------------------------------------------------------
    770 Min width
    1024 max stretch
    Based on 1280 window width
*/

html, body {
  border:0;
  margin:0;
  padding:0;}

body, div#liquidBody, div.liquidBody {
  padding:0 385px; /* Half of wrapper minimum */
  margin:0;
  text-align:center;}

#sizer, div.liquidSizer {
  margin:0 auto;
  padding:0;
  text-align:left;
  width:50%;                     /* any value from 0% (full rigid) to 100% (full liquid) */
  max-width:224px;}               /* wrapper maximum - wrapper minimum  (1024 - 770) */

#expander, div.liquidExpander {
  position:relative;
  margin:0 -385px;      				/* Half of wrapper minimum */
  min-width:770px;              /* Wrapper minimum */
  }

#wrapper, div.liquidWrapper { 
  width:100%;
  text-align:left;}

#ie7 .clearfix {
    zoom:1;}
    
/* wrapper relies on the clearfix class */

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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


#ie6 #sizer, #ie6 .liquidSizer {
    width:expression(document.body.clientWidth > 1024 ? "224px" : "50%" );
   /* document.body.clientWidth > maxWindowWidth ? (wrapper max - wrapper min) ? 0% to 100% */
}