A qualcuno va di ottmizzare il codice di questa pagina che sto creando per renderla il pi possibile simile a questa pagina

la pag è
codice:
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Nuova pagina 1</title>

<style type="text/css">

body, input, textarea, select {
	font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #666666;
}

a {
	color: #3366FF;
}

a:hover {
	text-decoration: none;
	color: #FF6600;
}


#sito {
margin:15 auto 15 auto;
width: 740px;
padding: 10px;
background:brown;}

#hearder {width:740px;
height:180px;
background:brown;
}

#imghearder {width:520px;
height:180px;
background-image: url(hearder.jpg);
float:left;
}

#flash {width:210px;
height:180px;
background:yellow;
float: right;
}

#content {
padding-top:10px;
padding-bottom:10px;
width:740px;
height:100%;
background:brown;
}

#contenuto {width:520px;
height:280px;
background:white;
float:left;
}

#destro {width:210px;
background:brown;
float: right;
}

#footer {
width:740px;
height:50px;
background:black;
}

#titlepag {width:520px;
height:40px;
background-image: url(img06.gif);
}

.menu {width:210px;
background:white;
background-image: url(img08aaa.JPG);
background-position: bottom;
background-repeat: no-repeat;
margin-bottom:10px;
}

.titlemenu {width:210px;
height:40px;
beckground:orange;
background-image: url(aaa.gif);
}


#titlepag {
text-align:center;
	font-size: 18pt;
	font-weight: bold;
	color: white;
		line-height:38px;


}

.titlemenu {
text-align:left;
	font-size: 12pt;
	font-weight: bold;
	color: white;
	line-height:38px;

}



.menu ul {	margin-top:4px;

	list-style-type: square;
}



.menu li ul {
	margin: 0 5px;
	padding: 15px 15px 15px 30px;
	list-style-type: square;
}

.menu form {
	margin-left: 5px;
	margin-right: 5px;
	padding: 15px 15px 0 15px;
	background: url(images/img07.gif) repeat-x;
}

.menu #inputtext1 {
	width: 110px;
	padding: 1px 2px;
	background: url(images/img5.gif) repeat-x;
	border: 1px solid #C4C3C4;
}

.mrnu #inputsubmit1 {
	background: url(images/img6.gif) repeat-x left bottom;
	border: 1px solid #C4C3C4;
}
</style>



</head>

<body>

	<div id="sito">
	
	
	
	
		<div id="hearder">
			<div id="imghearder"></div>
			<div id="flash"></div>
		</div>
		
		
		
		
		<div id="content">
		
			<div id="contenuto">
				<div id="titlepag">Home</div>
			

ciaooooooooooo</p>
			</div>
			
			<div id="destro">
				<div class="menu">
					<div class="titlemenu"> Menù	</div>			
						<ul>
							[*]Aaaaa
							[*]bbbb
							[*]cccc
							
						[/list]
	
				</div>
				<div class="menu">
					<div class="titlemenu"></div>
					<form id="form1" method="get" action="#">
						<div>
							<input id="inputtext1" type="text" name="inputtext1" value="" />
							<input id="inputsubmit1" type="submit" name="inputsubmit1" value="Search" />
						</div>
					</form>	
					
				</div>
			</div>
		
		</div>
		
		
		
		
		<div id="footer"></div>
	
	
	</div>


</body>

</html>
La pagina da imitare è questa ...

non uso quel template perchè è troppo disordinato pe ri miei gusti!

spero che qualcuno mi dia l'aiuto ke cerco!
GRAZIE