* /* Our "universal rule" */
{
padding: 0;
margin: 0;
border: 0;
}
body { text-align: center;}
#mainContainer {
width: 760px;
margin: 0 auto; /* We are going to center this design */
text-align: left; /* Since we used text-align: center in the body to be sure some older IE versions are going to center our design, we now align the text left */
}
#heading {
background: #000;
color: #fff;
}
#content {
float: right; /* Our content is going to be right aligned. */
width: 660px; /* And it's going to have a 500px width */
background: #D9D9D9;
}
#nav {
float: left; /* Our column is going to be left aligned. */
width: 100px; /* Our total width - content width is 260px */
background: #8A8AE6;
}

ul.noBullet {
list-style-type: none;
margin-left: 5px;
padding-left: 0px
}

#footer {
clear: both; /* We have to clear our floats */
width: 760px; /* We need to set the width on the footer since it's outside the mainContainer, and therefor isn't controlled by it */
margin: 0 auto; /* We need to center the footer also */
background: #000;
}