Unwanted hyperlink border

Afternoon,
Could you be so kind to advise a few issues i have please
Here is the page http://www.theatticbanwell.co.uk/index.html

Below the Icons & Find Us logos i can see a faint line which i would like to remove.

Below each thumbnail i would like to show some text.

Could you advise please

Hi,
For the text i have the following but struggling to center text.

HTML

Code:

---

                <section id="thumbnails">
                <article>
                <a class="thumbnail" href="images/fulls/WELCOME.jpg"><img src="images/thumbs/WELCOME.jpg" alt="The Attic Banwell Shabby Chic Items" /><figcaption>TEXT HERE</figcaption></a>
                <h2>WELCOME TO THE ATTIC</h2>
                <p>Stock added regularly</p>
        </article>

---

CSS

Code:

---

figure figcaption {
        text-align:center;

---

you didn't close the <section> , unless there is more code than that

Hi,
I lost the internet but have now sorted it.
Im using chrome dev tools and looking to put padding or space etc between the images,i see border:0 alters it but i cant find it within the main css file to make the change ?

Ive now found it many thanks