I tried to create a new website but I have a problem of the header + dropdown menu didn't work correctly.
I want to have the logo and the menu in the center same as the footer but I don't figure out how to do it.

Here is my page
http://www.directdsp.com/

Also, the sub page layout didn't work neither.

http://www.directdsp.com/pages/about.html

Please help me on this.

Code:
/*
      
	  	  
*/

* { padding: 0; margin: 0; }

body {
	margin: 0px;
	padding: 0px;
	background: url(images/img01.jpg) repeat-x left top;
	font: 13px Arial, Helvetica, sans-serif;
	color: #212121;
}


#wrapper { 
 margin: 0 auto;
 width: 950px;

}
#header a {
	text-decoration: none;
	color: #FFFFFF;
}

/* Logo */

#logo {
	float: left;
	background: url(images/siglogo.jpg) no-repeat left top;
	padding-left: 70px;
}

/* formerly called navigation */
#moonmenu {
 float: left;
 width: 920px;
 margin: 0px 0px 0px 0px;
}
#imageblock {
float: left;
width: 920px;
height: 200px;
margin: 0px 0px 0px 0px;
}


/* Footer */

#footer {
	clear: both;
	width: 900px;
	height: 50px;
	margin: 0px auto 30px auto;
	color: #FFFFFF;
	background: #699C4D;
}

#footer p {
	margin: 0px;
	padding: 19px 0px 0px 0px;
	text-align: center;
	line-height: normal;
	font-size: smaller;
}

#footer a {
	color: #FFFFFF;
}

http://www.dynamicdrive.com/style/cs...blue_css_menu/
-Nunu