Downloading JPG and PNG Files

I downloaded the material for CSS-Backgrounds and Borders-Advanced Backgrounds. The material includes texture.jpg and pencil.png. As with all the videos, I open Sublime 2 and follow every step as it is shown in the video. Unfortunately, after I've entered all the markup and CSS, I open texture.jpg in the browser and I only have a light brown square with rounded edges, rather than a textured square as it appears in the video.

Also when I try to add the pencil.png, it won't post at all. All of the documents are in the same folder as my index.html and style.css.

So my first question is why does the texture.jpg appear different in my browser and second, why might the pencil.png not be appearing at all.

I have copied what I have entered for the .sketch-img in style.css:

.sketch-img {
    width: 700px;
    height: 500px;
    border-radius: 10px;
    background: url('img/pencil.png') no-repeat left bottom, url('img/texture.jpg') #d6bb80;
}