body        { background: #fff; text-align: center; margin: 0 auto;     }

#container  { position: absolute; 
              width: 960px;
              height: 500px;
              left: 50%;
              top: 0;
              margin-left: -480px;
              border: 1px solid #fff;
              border-top: none;
              text-align: left;  }


/* MAIN CONTENT */
#content        { position: absolute; left: 0; top: 360px; width:960px; overflow: auto;             }

#left           { float: left; display: inline; width: 306px;       }
#main           { float: right; display: inline; width: 635px; border-left: 1px solid #e1e1e1;      }
#main .pad      { padding: 6px 0 0 30px;  }
#footer         { clear: both; width: 960px;      }
#footer .top    { padding: 25px 0; border-bottom: 1px solid #2299ff; text-align: right;     }
#footer .bottom { overflow: auto; padding: 10px 0; font-size: 80%;  }
#footer .bottom .left   { width: 400px; }
#footer .bottom .right  { margin-left:10px; }



/* TOP OF PAGE */
#top        { position: absolute; width: 960px; height: 30px; left: 0px; top: 0px; background: #a2a2a2;     }

#logo       { position: absolute; width: 306px; height: 140px; left: 0px; top: 30px;                       }
#nav        { position: absolute; width: 655px; height: 140px; right:0px; top: 30px;                        }

#button1    { position: absolute; width: 306px; height: 160px; left: 0px; top: 170px;                       }
#button2    { position: absolute; width: 306px; height: 160px; left: 326px; top: 170px;                   }
#button3    { position: absolute; width: 306px; height: 160px; right: 0px; top: 170px;                       }

.left       { float: left; display: inline;     }
.right      { float: right; display: inline;    }