Posicionar elementos en la cabecera

[nachetee]

Hola, después de maquetar muchas webs con tablas creo que ya ha llegado la hora de pasarme a CSS pero me estoy haciendo la picha un lío... a ver si alguien me puede ayudar. El siguiente código hace referencia a la cabecera de una web que quiero pasar a CSS, alguien me podría decir como hacerlo?

Código HTML:

<table width="1000" height="170" border="0" cellspacing="0" cellpadding="0"> 
	<tr>
		<td align="left" width="400"><a href="/"><img src="images/logo.jpg" border="0" alt="Logotipo"></a></td>
			<td width="380" align="center">
				<table width="380" height="115" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<td align="center" valign="top" style="padding-top:10px;"><span class="textonegrosimple10"><a href="/" class="textonegrosimple10">Inicio</a></span> | <span class="textonegrosimple10"><a href="faq/" class="textonegrosimple10">FAQ</a></span> | <span class="textonegrosimple10"><a href="contacto/" class="textonegrosimple10">Contacto</a> | <span class="textonegrosimple10"><a href="mapaweb/" class="textonegrosimple10">Mapa Web</a></td>
					</tr>
					<tr>
						<td align="center" valign="top" style="padding-top20px;"><h1>Título de la web</h1></td>
					</tr>
				</table>
			</td>
			<td rowspan="2" align="right" width="220"><img src="images/imagen1.jpg" /></td>
		</tr>

		<tr>
			<td align="center"><img src="images/imagen2.jpg" /></td>
			<td align="center" valign="middle" align="center"><a href="http://www.facebook.com/empresa" target="_blank" rel="nofollow"><img src="images/icono-facebook.png" width="30" height="30";  border="0" />&nbsp;&nbsp;<a href="http://www.youtube.com/empresa" target="_blank" rel="nofollow" ><img src="images/icono-youtube.png" width="30" height="30" border="0"  />&nbsp;&nbsp;<a href="http://www.blogempresa.org" target="_blank" rel="nofollow"><img src="images/icono-blog.png" width="30" height="30" border="0" />&nbsp;&nbsp;<a href="http://twitter.com/empresa" target="_blank" rel="nofollow"><img src="images/icono-twitter.png" width="30" height="30" border="0" /></td>
		</tr>
	</table> 

He ido palpando todas las propiedades de CSS pero no consigo poner cada elemento donde quiero como lo hago cuando maqueto con tablas... estoy empezando a dudar eso que dicen que maquear con CSS es mucho más fácil que maquear con tablas...
Por cierto si alguien me sabe decir algun manual completo o web para aprender bien CSS se lo agradecería.

Muchas gracias de antemano!!!

[C2am]

Hola
Como ayuda general tienes esto:
http://www.forosdelweb.com/f53/aport...ml-css-648073/
Y esto:http://www.forosdelweb.com/f53/aport...rte-ii-657814/

[nachetee]

Muchas gracias!