your menu wont align center because you have it positioned absolute:
.menu {
left:30px;
position:absolute;
top:220px;
}
Change the above to something like:
.menu {
margin-top:210px;
text-align:center;
width:100%;
}
you also have all a’s set to blue:
add the following to your style sheet:
.menu li a{
color: #fff
}
Looking at the code for the colums it’s all over the place so i’m not going to re write that but try changing it to something like this:
CSS
#content-wrap { /* Lets wrap it up and position it */
width: 850px;
margin: 0 auto;
background: #fff;
}
#left { /* position the left content */
float: left;
width: 200px;
}
#center {/* position the center content */
float: left;
width: 450px;
border-left: 1px dotted #000;
border-right: 1px dotted #000;
}
#right {/* position the right content */
float: right;
width: 200px;
}
Then you html would be something like:
<div id="content-wrap">
<div id="left">
Left column stuff
</div>
<div id="center">
center column stuff
</div>
<div id="right">
right column stuff
</div>
</div>
