What is .DS_Store and why am I suspecting it has broken my web project? – Photoshop

I am working on a college assignment and am having a huge problem.
Everything was fine until I noticed a strange ‘.DS_Store‘ file in the main folder containing all my images, html, css and .js files.

Now my webpages look like this:

An old screen grab – I had just finished adding a custom sprite and tweaking a flexslider before this all happened:

I was trying to find some more information about this ‘.DS_Store’ file. I can’t find much online. Nor can I find any postings about similar problems. I did find this though but am hesitant to start deleting files from terminal.

However, I strongly suspect it has something to do with this ‘.DS_Store’ file.

I have tried to solve this problem by:

• Importing all images back into photoshop and saving to a new folder.
• Importing all code and script to a pain-text editor and then back into Coda, Wrangler, Dreamweaver on Mac and Notepad++ on a Windows machine).

I am still getting the same effect when I try to view the pages in Chrome, IE, Mozilla – broken images and no formatting. Not compiling.

Does anyone know anything about this? I would HUGELY appreciate some information on how I can fix this.