When I upload this CSS code, HTML code to the hosting server, the slogan.png image does not show up...

CSS code:
Code:
body
{
	margin: 0;
	height: 100%;
}


.main
{
	width: 950px;
	margin: 40px auto 0;
	/* padding: 0 0 50px; */
	background-color: #DDD;
}

.logo
{
	width: 800px;
	margin: 40px auto 0;
	position: relative;
}

.pages
{
	width: 510px;
	padding: 0 0 0 100px;
	background-color: #BBB;
	background-image: url(img/slogan.png) no-repeat 75px 50%;
}
HTML code:
Code:
<body>

  <div class="main">
    <p>Class=Main</p>
  
    <div class="logo">
      <img src="img/logo.png"/>
    </div>
  

  </div>


</body>
Slogan.png
500X427px

logo.png
800X110px