Just 2 small 103 byte GIFs to make your rounded corners and now your background color is adjustable and your page more scalable

	#logo {
		height: 100px;
		width: 100%; 		
		font-family: helvetica, arial, sans-serif;	
		font-size: 16px; 
		margin: 0 0 10px 0;
		padding: 0; 
		color: white;
		background: #6666a9 url(alt.html.20051022r.gif) no-repeat 100% 0%;			
	}	
	
	.left { 
		height: 100px;
		float: left;
		background: transparent url(alt.html.20051022l.gif) no-repeat 0% 100%;
	}
		
	.big { 
		font-size: 36px;
		text-align: left;
		margin-top: 20px;
		margin-left: 50px;		
		background-image: none;
	}
	
	.small {
		float: right;
		margin-top: 32px;
		margin-right: 50px;
		font-size: 16px; 
		text-align: right;			
		background-image: none;
	}
	
	#logo2 { /* Just to show the ease of changing the color */
		height: 100px;
		width: 100%; 		
		font-family: helvetica, arial, sans-serif;	
		font-size: 16px; 
		margin: 0 0 10px 0;
		padding: 0; 
		color: white;
		background: #880000 url(alt.html.20051022r.gif) no-repeat 100% 0%;			
	}