Hi, I started coding CSS few days ago so I am a very beginner...

Current CSS code:
Code:
body
{
	margin: 0;
	height: 100%;
	padding: 0 0 40px;
	background-color: #BBB;
}

.content
{
	width: 960px;
	margin: 0 auto;
	padding: 0 0 80px;
	background-color: #555
}

.logo
{
	width: 440px;
	margin: 40px auto 0;
	position: relative;
	text-align: center;
}

HTML body code:
Code:
<body>

	<div class="content">
			<div class="logo">
				<img src="img/logotest.png" />
			</div>
	</div>


</body>
With this current coding my logo image is not placed at the center (middle of "content") nor the left edge of the image is placed at the center.

Please help me solve this issue. (Please request any additional information you need)