/* mac hide\*/
html, body{ height:100%; }
/* end hide */

body
{
  padding   : 0px;
  margin    : 0px;
  min-width : 774px; /* for mozilla */
}

#outer
{
  position    : relative;
  margin      : auto;

  height      : 600px;
  min-height  : 600px;
  width       : 774px;
  border      : 2px solid black;
}

html>body #outer
{
  /* for mozilla as IE treats height as min-height anyway */
  height  : auto;
} 

#innerwrap
{
  /* enables content first */
  float : left;
  width : 464px;
}

#left
{
  position      : relative; /* ie needs this to show float */
  float         : left;
  width         : 150px;
  margin-top    : 105px;
  margin-bottom : 145px;
}

#right
{
  position    : relative;/* ie needs this to show float */
  float       : right;
  width       : 140px;
}

#footer
{
  position  : absolute;
  clear     : both;
  left      : 0px;
  bottom    : 17px;
  width     : 140px;
}

/* only ie gets this style */
* html #footer
{
  \height:52px;/* for ie5 */
  bo\ttom:0px;/* for ie6 */
}

div, p
{
  /* clear top margin for mozilla */
  margin-top:0px
}

#center
{
  width       : 464px;
  float       : right;
  margin-top  : 105px;
}


#clearfooter
{
  width   : 100%;
  height  : 0px;
  clear   : both;
  margin-top:-1px; /* for ie */
}