Answered Header images not showing after site move

<html>
<head>

<title>[[++site_name]] - [[*pagetitle]]</title>
<base href="[[++site_url]]" />

<link rel="shortcut icon" href="http://www.encoconstructions.com/favicon.ico" type="image/x-icon" />
<link rel="icon" href="http://www.encoconstructions.com/favicon.ico" type="image/x-icon" />

[[$Stylesheets?]]
</head>
<body>
   <div id="page">
    	<div id="header">
           [[$Company Logo?]]
                <div id="headerimage" style="background-image:URL([[*HeaderImage?]])">
<h2 class="blue">[[*Blue Header Text ?]]</h2>
<h2 class="orange">[[*Orange Header Text ?]]</h2>
<h2 class="white">[[*White Header Text ?]]</h2>                 

</div>
<div id="navigation">
<ul><li class="first"><a title="ARCHITECTURAL" href="index.php?id=2">ARCHITECTURAL</a></li>
<li><a title="ENGINEERING" href="index.php?id=3">ENGINEERING</a></li>
<li><a title="MINING & MINERALS - COAL" href="index.php?id=4">MINING & MINERALS - COAL</a></li>
<li><a title="MINING & MINERALS - GOLD" href="index.php?id=5">MINING & MINERALS - GOLD</a></li>
<li><a title="INDUSTRIES" href="index.php?id=6">INDUSTRIES</a></li>
<li><a title="TRADING" href="index.php?id=7">TRADING</a></li>
<li><a title="ENVIRONMENT" href="index.php?id=8">ENVIRONMENT</a></li>
<li><a title="SAFETY" href="index.php?id=9">SAFETY</a></li>
<li><a title="QUALITY" href="index.php?id=10">QUALITY</a></li>
<li><a title="PROJECT DELIVERY" href="index.php?id=14">HDPE Pipe Solutions</a></li>
<li><a title="LOGISTICS" href="index.php?id=11">LOGISTICS</a></li>
<li><a title="HEAVYLIFT" href="index.php?id=12">HEAVYLIFT</a></li>
<li class="last"><a title="PROJECT DELIVERY" href="index.php?id=13">PROJECT DELIVERY</a></li>
</ul>
</div>
        </div>
        
        <div id="content">
            [[*ContentImage?]]
        <h1>[[*pagetitle]]</h1>
            [[*content]]
     
 <div class="clear"></div>
        </div>
    
    	<div id="footer">
     
           [[$Company Contact Details?]]
        </div>
     </div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-30726223-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
.......
</body>
</html> 

<div id="header">
[[$Company Logo?]]
<div id="headerimage" style="background-image:URL([[*HeaderImage?]])">

<div id="header">
<a href="#" class="MainLogo"><img src="css/img/logo.png" alt="" /></a>
<div id="headerimage" style="background-image:URL(images/banners/Enco_SAFETY_h.jpg)">

<div id="content">
<img class="contentimage" src="images/pageimg/Enco_SAFETY_b.png" alt="" />