<!doctype html>
<title>Pertronic maintenance</title>

<style>
body {
    text-align: center;
    padding: 150px;
    font: 20px 'Helvetica', sans-serif;
    color: #333333;
}

h1 {
    font-size: 50px;
}

article {
    display: block;
    text-align: left;
    width: 650px;
    margin: 0 auto;
}

a {
    color: #dc8100;
    text-decoration: none;
}

a:hover {
    color: #333333;
    text-decoration: none;
}
</style>

<article>
    <h1>Pertronic website will be back soon!</h1>
    <div>
        <p>
            Sorry for the inconvenience.
	    We are experiencing unforeseen technical difficulties.
        </p>     
         <p>Please call our office closest to you if you require any assistance.  </p>
         <ul>
            <li>Christchurch: +64 3 599 9136</li>
            <li>Auckland: +64 9 633 0226</li>
            <li>Wingate: +64 4 567 3229</li>
            <li>Melbourne: +61 3 9562 7577</li>
            <li>Sydney: +61 2 9638 7655</li>
            <li>Brisbane: +61 7 3255 2222</li>
            <li>Perth: +61 8 6555 3008</li>
        </ul>        
    </div>
</article>