<!doctype html>
<html class="no-js" lang="en"> 
<head>

  <meta charset="utf-8">

  <link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>

  <style type="text/css">

  body         {width:100%; height:100%; margin:0 auto; padding:0; font-family: 'Ubuntu',sans-serif; }
  #background  {z-index:-999; min-height:100%; min-width:1024px; width:100%; height:auto; position:fixed; top:0; left;0; }
  p            {color:#1e1e1e; font-size:15px; font-weight:lighter; line-height:23px;}
  img          {border:0; padding:0;}
  #heading     {color:#d87a75; font-size:23px; font-weight: bold;}
  #container   {width:720px; margin:140px auto;}
  #textholder  {width:430px; height:175px; background-color:#f4f4f4; opacity:0.95; padding:40px 25px 25px 25px; float:left;}
  #logoholder  {width:240px; height:240px; background-color:#ffffff; display:table-cell; vertical-align: middle;}
      #logoholder img {width:200px; height:auto; text-align:center; display:block; margin:0 auto;}
      /*\*//*/
      #logoholder {
          display: block;
      }
      #logoholder  span {
          display: inline-block;
          height: 100%;
          width: 1px;
      }
      /**/
  #iconholder  {width:60px;  height:60px;  background-color:#3e3e3e; float:left; border-top:0.03em #646464 solid;}
  #socialmedia {width:60px;  height:60px;  background-color:#ffffff; float:right; margin-top: -23px}
      #socialmedia img:hover {opacity:0.8; filter:alpha(opacity=80);}
  #contact     {width:640px; height:12px;  background-color:#3e3e3e; opacity:0.95; padding:23px 0 25px 20px; color:#ffffff; font-size:0.84em; font-weight:lighter; float:left; border-top:0.09em #4e4e4e solid; }
  #contact a    {color:#d87a75; font-weight: bold;}
  #footer      {width:720px; height:30px;  color:#ffffff; font-size:11px; padding:15px 0 0 0; float:left;}
  a            {color:#ffffff; text-decoration: none; }
  
  </style>

</head>

<body>
<img src="/maintenance/links/background.jpg"  alt="background-image" id="background"/>
<div id="container"> 

    <div id="textholder">
        <div id="heading"> SYSTEM MAINTENANCE </div>
        <p> The website you are trying to reach is currently undergoing system maintenance and is unavailable at this time. </p>
        <p> We apologise for any inconvenience, however we do encourage you to please try again soon. </p>
    </div>
    
    <div id="logoholder"> <span></span> <img src="/maintenance/links/logonzls.png" alt="logonzls"> </div>

    <div id="iconholder"> <img src="/maintenance/links/tool.jpg" alt="tool-icon"> </div>
    <div id="contact"> 
       Lawers - <a href="https://www.nzls.org.nz/RegistrationDB/login">Registry Login</a> <br> Library Users - <a href="http://www.lexisnexis.com/nz/legal/#LexisNexis%20online">LexisNexis Login</a> or <a href="http://www.brookersonline.co.nz/databases/modus/home/authorisation-failed?si=57359&reason=NotAuthenticated">Brookers Login</a> or <a href="http://www.westlaw.co.nz/maf/app/authentication/signon?ipauth=yes">Westlaw</a>
    </div>

    <div id="iconholder"> <img src="/maintenance/links/phone.jpg" alt="phone-icon"> </div>
    <div id="contact"> 
        +64 4 472 7837
        <a href="https://www.facebook.com/mylawsociety"> <div id="socialmedia"> <img src="/maintenance/links/facebook.jpg" alt="facebook-icon"> </div> </a> 
    </div>

    <div id="iconholder"> <img src="/maintenance/links/email.jpg" alt="email-icon"> </div>
    <div id="contact"> 
        webmaster@lawsociety.org.nz 
        <a href="https://twitter.com/mylawsociety"> <div id="socialmedia"> <img src="/maintenance/links/twitter.jpg" alt="twitter-icon"> </div> </a>
    </div>

    <div id="footer"> <a href="http://www.squiz.net/nz"> Powered by <b>SQUIZ MATRIX</b> </a> </div>

</div>

</body>

</html>
