Tekst razem z obrazkiem

pytanie zadane 10 kwietnia 2015 w HTML i CSS przez Tsaju Użytkownik (820 p.)

Witam, kolejne problemy. Nie wiem co źle co muszę dodać do tego aby było pod spodem.
Chodzi oczywiście o obrazek oraz ten tekst, który się na nim znajduje a powinien być osobno.
Dodatkowo chciałbym dodać obok tego obrazka dwa inne coś czuje, że mi się nie uda czy ktoś podpowie jak to zrobić?

INDEX.HTML

<!DOCTYPE html> 
<html lang="pl"> 
<head>
<meta charset="UTF-8" />
	<title>Nazwa Twojego Portfolio</title>
	<link rel="stylesheet" href="css/html5reset-1.6.1.css" type="text/css"/>
	<link rel="stylesheet" href="css/css.css" type="text/css"/>
	<link rel="stylesheet" type="text/css" href="css/media-queries.css">
</head> 

<body>

						<!-- Informacje na temat całej strony -->
						<div id="container">
									<!-- Wszystko co jest na lewej stronie strony -->
									<div id="lewa-strona">
									<!-- Logotyp Paniczny -->
									<div class="logotyp">
									<!-- Odnośnik do głownej strony -->
									<a href="#">PanicznyArt.pl</a>
									</div>
											<omnie>
									<h1>O mnie</h1>
									<div class="podkreslenie"></div>
											</omnie>
									</div>
											<div id="border">
									<div class="left-professional"/>
									<p>Profesjonalizm </p>
									<h1>Wszystkie moje prace wykonuję profesjonalnie, do każdego klienta podchodze indywidualnie, przez co klient jest zadowolony z otrzymanej grafiki </h1>
</div>

						<div class="oferta">
					<p>Tania Oferta </p>
					<h1> Podchodzą do zlecenia staram się je wykonać najlepiej jak potrafię nie wyciągając dużo z kieszeni mojego klienta </h1>
					</div>
					<div class="punktualnosc">
					<p>Punktualność</p>
					<h1> Wszystkie zlecenia, które przyjmuję staram się wykonywać zawsze na określony termin, dzięki czemu daje to pełne zadowolenie mojego klienta </h1>
					</div>
									</div>
							
</body>

</html>

CSS.CSS

body {
	background: url('../gfx/bg.png') top center repeat-x;
}
a {
    text-decoration: none;
}	
#container {	margin:0 auto;width:100%; max-width:1024px; }

#lewa-strona {
float:left;}

#lewa-strona .logotyp {
	both:clear;
  position: none;
  float: left;
}
#lewa-strona .logotyp a {
	display: block;
	margin-top: 67px;
	margin-left:46px;
	width:317px;
	max-width: 317px;
	height: 65px;
	background: url(../gfx/logo.png) top left no-repeat;
	text-indent: -700em;
}
#lewa-strona omnie {
float: left;
clear: both;
margin-left: 446px;
margin-top: 119px;}		
#lewa-strona omnie h1 {
color:#ff7700;
font-size:20px;
font-family:"Myriad Pro";
}	
#lewa-strona omnie .podkreslenie {
background: url(../gfx/podkreslenie.png) no-repeat;
width:49px;
height:1px;
margin-left:28px;
margin-top:8px;}	
#border {}
#border .left-professional {
background: url(../gfx/professional.png);
height:96px;
width:84px;
margin-left:154px;
margin-top:51px;
clear:both;
}
#border .left-professional p {
font-size:20px;
color:#fd861f;
font-family:  "Myriad Pro";
}
#border .left-professional h1 {
width:192px;
text-align:left;
font-size:13px;
color:#393939;
font-family: "Myriad Pro";
}