/*------------------------------------------------------------------------------------
                                              rigid/liquid setup for 1024 max width */

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

#outer {
  position:relative;
  padding:0 385px; /* Half of wrapper minimum */
  margin:0 0 0 0;
  text-align:center;}

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

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

  * html #expander { height:0; }

#wrapper { width: 100%;}


/*------------------------------------------------------------------------------------
                                                             end rigid/liquid setup */
/* 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 */