Navee

CSS overhaul could mean many things.
 
I would say look into your consistancy and keep your CSS DRY (Don't Repeat Yourself).
 
I've quickly gone over your code from a styling POV.
html, body { display: block; /* Do you need this ? */ margin: 0; padding: 0; } #container { float: left; margin: 0; width: 100%; } #wrap { margin: 0 auto; /* Do you need this ? */ } #content { width: 100%; height: 500px; padding: 0; background: #790584; } .main-logo-size{ position: relative; top: 30px; left: 215px; } #header { background: url(../images/header.png); background-repeat: repeat-x; height:29%; } .menu { width: 1380px; position: relative; top: -130px } .menu ul { margin-left: 650px; padding: 0; float: left; } .menu ul li { display: inline; } .menu ul li a { font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif; text-align: right; font-size: 15px; float: left; text-decoration: none; color: purple; /* try to use hex or RBG */ padding: 5px 11px; } .menu ul li a:hover, .menu ul li .current { background-color: #CB70D7; } .home-image-size{ position: relative; left: 175px; top: 20px; width: 267px; height: 200px; } #footer { float: left; background: pink; /* try to use hex or RBG */ } .footer-image { position: relative; left: -60px; width: 1700px; } I haven't looked at re-coding just the way it's written
Keep to a name convention, no need to name class .FrontLeft_right_Up - that's just confusing, use camel case, or hyphenated and no caps or even BEM/OOCSS, but that's another story. Don't use colours, use HEX or RGB Keep the gaps between your code consistent. This offers nothing towards the output, but merely reading the code. Ask yourself why you are using ID's, do you need to ? Would a class be sufficient ?