
<html>
<head>
<title>CPG Corporation</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="imagetoolbar" content="no">
<script type="text/javascript" src="../inc/js/MM_functions.js"></script>
<script type="text/javascript" src="../inc/js/dom.js"></script>



<script type="text/javascript" src="../inc/js/ClickShowHideMenu.js"></script>



<style type="text/css">
.click-menu {
}
.click-menu .box1 {
}
.click-menu .box1-hover {
}
.click-menu .box1-open {
}
.click-menu .box1-open-hover {
}
.click-menu .box1,
.click-menu .box1-hover,
.click-menu .box1-open,
.click-menu .box1-open-hover {
    cursor: pointer;
}
.click-menu .section {
    display: none;
}
.click-menu .section a {
    white-space: nowrap;
}
.click-menu .section a:hover {
    white-space: nowrap;
}
.click-menu .box2 {
}
.click-menu .box2-hover {
}
</style>
<!-- #BeginEditable "script" -->
<!-- #EndEditable -->



<link rel="stylesheet" href="../inc/css/cpg.css" type="text/css">



</head>
<body bgcolor="#000000" text="#ffffff" background="../img/common/cpg_mainbg.gif" onLoad="MM_preloadImages('../img/navigation/corporate_r.gif','../img/navigation/forte_r.gif','../img/navigation/portfolio_r.gif','../img/navigation/press_r.gif','../img/navigation/tenderbulletin_r.gif','../img/navigation/contact_r.gif')">
<table width="778" border="0" cellspacing="0" cellpadding="0" height="30" align="center">
<tr>



    <td background="../img/common/cpg_headergreybg.gif" width="10">&nbsp;</td>
    <td background="../img/common/cpg_headergreybg.gif"><a href="../relatedlinks/default.asp" class="whitelinks">Related
      Links</a> | <a href="../sitemap/default.asp" class="whitelinks">Sitemap</a></td>
    <td background="../img/common/cpg_headergreybg.gif" width="200">
    <div align="right"><a href="../home/home.asp?Lang=EN" class="whitelinks">English</a> | <a href="../home/home.asp?Lang=CN" class="whitelinks">&#20013;&#25991;</a></div>


    </td>
    <td background="../img/common/cpg_headergreybg.gif" width="10">&nbsp;</td>
  </tr>
</table>
<table width="778" border="0" cellspacing="0" cellpadding="0" align="center" height="111">
  <tr valign="top">
    <td width="560"><img src="../img/common/cpg_headerhome1.gif" width="560" height="111" usemap="#Map" border="0"></td>
    <td background="../img/common/cpg_headerhome2.gif" border="1">
          <!--<FORM METHOD="GET" ACTION="http://www.picosearch.com/cgi-bin/ts.pl">-->
          <FORM METHOD="GET" ACTION="../search/search.aspx">
          <table width="100%" border="0" cellspacing="0" cellpadding="0">

            <tr>
            <td><img src="../img/common/spacer.gif" height="10"></td>
            </tr>

            <tr>
              <td align="right" valign"top">

                <b>Search</b>&nbsp;

                <!--<INPUT TYPE="HIDDEN" NAME="index" VALUE="416177">-->
                <INPUT TYPE="HIDDEN" NAME="lang" VALUE="EN">

                <input type="text" name="query" class="textstyle2" size="15"><input type="submit" class="buttonstyle2" width="10" value="Go">

                </form>
              </td>
            </tr>
          </table>
    </td>
  </tr>
</table>
<map name="Map">
  <area shape="rect" coords="5,7,164,106" href="../home/home.asp?Lang=EN">
</map>

<table width="778" border="0" cellspacing="0" cellpadding="0" align="center">
  <tr>
    <td width="560" valign="top">
      <table width="560" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><!-- #BeginEditable "topflash" --><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=5,0,0,0" width="560" height="138">
              <param name=movie value="../flash/newsubpageheaders/subpage_portfolio.swf">
              <param name=quality value=high>
              <embed src="../flash/newsubpageheaders/subpage_press.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="560" height="138">
              </embed>
            </object><!-- #EndEditable --></td>
        </tr>
        <tr>
          <td></td>
        </tr>
      </table>  <table width="560" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td><!-- #BeginEditable "pagetitle" -->
          <img src="../img/pagetitle/portfolio_culture.gif" width="560" height="58">

          <!-- #EndEditable --></td>
        </tr>
      </table>
      <table width="100%" border="0" cellspacing="0" cellpadding="0" background="../img/common/cpg_contentbg_test3.gif" height="100%">
        <tr>
          <td valign="top">&nbsp;</td>
          <td valign="top"><!-- #BeginEditable "contents" -->
          <table width="100%" align="center">
          <tr>
          <td>
            <p>
            <table width="100%" border="0">
              <tr>
                <td width="190" valign="top">

                <table cellspacing="3" cellpadding="3" bgcolor="000000" align="center">
                <tr>
                <td>


                  <a class="greylink1" href="/admin/files/portfolio/cultural/esplanade.jpg" target="_blank">
                  <img src="../resize_image.aspx?FilePath=/admin/files/portfolio/cultural/esplanade.jpg&width=180" !align="left" border="1" style="border-color: white"></a>
                </td>
                </tr>
                </table>

            
                </td>
                <td valign="center">
                  <span class="greyheader1">Esplanade - Theatres on the Bay</span>
                  <p>
                  <table height="100">



              <tr>



                <td width="120" valign="top">Client:</td>



                <td valign="top">Ministry of Information, Communications and The Arts / The Esplanade Company Ltd</td>
              </tr>



              <tr>


                <td width="120">Gross Floor Area:</td>


                <td>110,000 sqm</td>
              </tr>


              <tr>


                <td width="120">Project Cost:</td>


                <td>S$600 million</td>
              </tr>


              <tr>


                <td width="120">Completion Date:</td>


                <td>2002</td>
              </tr>



            <tr>


                <td width="120" valign="top">Services:</td>


                <td>
Mechanical & Electrical Engineering<br>

Civil & Structural Engineering<br>

Quantity Surveying<br>

Project Management<br>




                </td>
              </tr>


            </table>


                </td>
              </tr>
            </table>

            <p>

            <p><p align="justify">A national project of international acclaim, the Esplanade &ndash; Theatres on the Bay is developed to marry the best of European theatre design and technology with the tranquil spaces unique to South East Asian architecture. Occupying 6-ha of prime waterfront land by the Marina Bay, the Esplanade is equipped with a 1,800-seat concert hall, a 2,000-seat theatre, rehearsal studios and retail and F&amp;B outlets amongst others. <br /><br />The classical rectangular-shaped concert hall features reverberation chambers, complemented by an adjustable acoustic canopy and acoustic curtains to suit different genres of performances. Designed to suit both Asian and Western performing arts, the theatre boasts elaborate lighting and stage management systems and an adjustable proscenium and orchestra pit, displaying its capability for large-scale musicals and traditional performances. The drama, recital and dance rehearsal studios cater to performing groups of smaller sizes, while an open-air amphitheatre in the midst of a landscaped garden is suited for informal performances for up to 300 people. Another key feature of the Esplanade is the cladding that envelops the two halls. The careful considerations to aluminium sunshades orientation and glass specification allows maximum transparency between the interior and the exterior while reducing solar buildup. Having received rave reviews during its opening, the Esplanade is now an architectural icon of Singapore. </p>

          </td>
          </tr>
          </table>
          <p>
                      <table width="100%" align="center" cellpadding="0" cellspacing="0">
                      <tr>
                        <td align="left" width="20%"></td>
                        <td align="center" width="60%"><a href="viewport.asp?Lang=EN&PCID=8" class="greylink1"><img src="../img/common/backbutton2.gif" border="0"></a></td>

                        

                          <td align="right" width="20%"><a href="#top">Back to Top</a></td>

                        

                      </tr>
            </table>

            <!-- #EndEditable --></td>
          <td>&nbsp;</td>
        </tr>
        <tr>
          <td><img src="../img/common/spacer.gif" width="20" height="10"></td>
          <td><img src="../img/common/spacer.gif" width="510" height="10"></td>
          <td><img src="../img/common/spacer.gif" width="30" height="10"></td>
        </tr>

      </table>





    </td>
    <td background="../img/common/cpg_middlegreybar.gif"><img src="../img/common/spacer.gif" width="1" height="10"></td>
    <td valign="top">
<!-- #BeginEditable "Menu" -->
      <!-- Start Menu -->
<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="vertical-align: top; padding: 0;">
      <table cellspacing="0" cellpadding="0" id="click-menu2" class="click-menu">
        <tr>
          <td>
            <div class="box1"><a href="../corporate/profile.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('corporate','','../img/navigation/corporate_r.gif',1)"><img src="../img/navigation/corporate.gif" width="217" height="23" border="0" name="corporate"></a></div>

            <div class="section">

              <table width="217" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="../corporate/profile.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('profile','','../img/navigation/corporate/profile_y.gif',1)"><img src="../img/navigation/corporate/profile.gif" name="profile" width="217" height="22" border="0" id="profile"></a></td>
  </tr>
  <tr>
    <td><a href="../corporate/presence.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('presence','','../img/navigation/corporate/presence_y.gif',1)"><img src="../img/navigation/corporate/presence.gif" name="presence" width="217" height="22" border="0" id="presence"></a></td>
  </tr>
  <tr>
    <td><a href="../corporate/beliefs.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('beliefs','','../img/navigation/corporate/beliefs_y.gif',1)"><img src="../img/navigation/corporate/beliefs.gif" name="beliefs" width="217" height="22" border="0" id="beliefs"></a></td>
  </tr>

  <tr>
    <td><a href="../corporate/team.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('team','','../img/navigation/corporate/team_y.gif',1)"><img src="../img/navigation/corporate/team.gif" name="team" width="217" height="22" border="0" id="team"></a></td>
  </tr>
  <tr>
    <td><a href="../corporate/awards.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('awards','','../img/navigation/corporate/awards_y.gif',1)"><img src="../img/navigation/corporate/awards.gif" name="awards" width="217" height="22" border="0" id="awards"></a></td>
  </tr>
  <tr>
    <td><a href="../corporate/careers.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('careers','','../img/navigation/corporate/careers_y.gif',1)"><img src="../img/navigation/corporate/careers.gif" name="careers" width="217" height="22" border="0" id="careers"></a></td>
  </tr>
</table>
              </div>
            </div>
          </td>
        </tr>
        <tr>
          <td>
            <div class="box1"><a href="../forte/default.asp?Lang=EN"onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('forte','','../img/navigation/forte_r.gif',1)"><img src="../img/navigation/forte.gif" width="217" height="23" border="0" name="forte"></a></div>
            <div class="section">
               <table width="217" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="../forte/multidiscipline.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('multidiscipline','','../img/navigation/forte/multidiscipline_y.gif',1)"><img src="../img/navigation/forte/multidiscipline.gif" width="217" height="30" border="0" name="multidiscipline"></a></td>
  </tr>
  <tr>
    <td><a href="../forte/projectmgmt.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('projectmgmt','','../img/navigation/forte/projectmgmt_y.gif',1)"><img src="../img/navigation/forte/projectmgmt.gif" width="217" height="22" border="0" name="projectmgmt"></a></td>
  </tr>
  <tr>
    <td><a href="../forte/facilitiesmgmt.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('facilitiesmgmt','','../img/navigation/forte/facilitiesmgmt_y.gif',1)"><img src="../img/navigation/forte/facilitiesmgmt.gif" width="217" height="22" border="0" name="facilitiesmgmt"></a></td>
  </tr>

  <tr>
    <td><a href="../forte/constructmgmt.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('constructmgmt','','../img/navigation/forte/constructmgmt_y.gif',1)"><img src="../img/navigation/forte/constructmgmt.gif" width="217" height="22" border="0" name="constructmgmt"></a></td>
  </tr>
  <tr>
    <td><a href="../forte/diagqctesting.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('diagqctesting','','../img/navigation/forte/diagqctesting_y.gif',1)"><img src="../img/navigation/forte/diagqctesting.gif" width="217" height="30" border="0" name="diagqctesting"></a></td>
  </tr>
</table>
            </div>
          </td>
        </tr>
        <tr>
          <td>
            <div class="box1"><a href="../portfolio/default.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('portfolio','','../img/navigation/portfolio_r.gif',1)"><img src="../img/navigation/portfolio.gif" width="217" height="23" border="0" name="portfolio"></a></div>
            <div class="section">
              

<table width="217" border="0" cellspacing="0" cellpadding="0">


<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=1" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port1','','../img/navigation/portfolio/governance_y.gif',1)"><img src="../img/navigation/portfolio/governance.gif" width="217" height="22" border="0" name="port1"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=2" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port2','','../img/navigation/portfolio/security_y.gif',1)"><img src="../img/navigation/portfolio/security.gif" width="217" height="22" border="0" name="port2"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=3" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port3','','../img/navigation/portfolio/living_y.gif',1)"><img src="../img/navigation/portfolio/living.gif" width="217" height="22" border="0" name="port3"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=4" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port4','','../img/navigation/portfolio/business_y.gif',1)"><img src="../img/navigation/portfolio/business.gif" width="217" height="22" border="0" name="port4"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=5" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port5','','../img/navigation/portfolio/education_y.gif',1)"><img src="../img/navigation/portfolio/education.gif" width="217" height="22" border="0" name="port5"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=6" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port6','','../img/navigation/portfolio/leisure_y.gif',1)"><img src="../img/navigation/portfolio/leisure.gif" width="217" height="22" border="0" name="port6"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=7" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port7','','../img/navigation/portfolio/health_y.gif',1)"><img src="../img/navigation/portfolio/health.gif" width="217" height="22" border="0" name="port7"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=8"><img src="../img/navigation/portfolio/culture_y.gif" width="217" height="22" border="0" name="port8"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=9" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port9','','../img/navigation/portfolio/travel_y.gif',1)"><img src="../img/navigation/portfolio/travel.gif" width="217" height="22" border="0" name="port9"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=10" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port10','','../img/navigation/portfolio/infrastructure_y.gif',1)"><img src="../img/navigation/portfolio/infrastructure.gif" width="217" height="22" border="0" name="port10"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=11" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port11','','../img/navigation/portfolio/water_y.gif',1)"><img src="../img/navigation/portfolio/water.gif" width="217" height="22" border="0" name="port11"></a></td>
</td>



<tr>
<td><a href="../portfolio/viewport.asp?Lang=EN&PCID=12" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port12','','../img/navigation/portfolio/spiritual_y.gif',1)"><img src="../img/navigation/portfolio/spiritual.gif" width="217" height="22" border="0" name="port12"></a></td>
</td>





</table>
            </div>
          </td>
        </tr>
        <tr>
          <td>
            <div class="box1"><a href="../press/mediacontacts.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('press','','../img/navigation/press_r.gif',1)"><img src="../img/navigation/press.gif" width="217" height="23" border="0" name="press"></a></div>
            <div class="section">
              <table width="217" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="../press/news.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('news','','../img/navigation/press/news_y.gif',1)"><img src="../img/navigation/press/news.gif" width="217" height="22" border="0" name="news"></a></td>
  </tr>
  <tr>
    <td><a href="../press/newsletters.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('newsletters','','../img/navigation/press/newsletters_y.gif',1)"><img src="../img/navigation/press/newsletters.gif" width="217" height="22" border="0" name="newsletters"></a></td>
  </tr>
  <tr>
    <td><a href="../press/mediacontacts.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('mediacontacts','','../img/navigation/press/mediacontacts_y.gif',1)"><img src="../img/navigation/press/mediacontacts.gif" width="217" height="22" border="0" name="mediacontacts"></a></td>
  </tr>
</table>
            </div>
          </td>
        </tr>



        <tr>
          <td>
            <div class="box1"><a href="../tenderbulletin/tendernotices.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tenderbulletin','','../img/navigation/tenderbulletin_r.gif',1)"><img src="../img/navigation/tenderbulletin.gif" width="217" height="23" border="0" name="tenderbulletin"></a></div>
            <div class="section">
              <table width="217" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><a href="../tenderbulletin/tendernotices.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tendernotices','','../img/navigation/tenderbulletin/tendernotices_y.gif',1)"><img src="../img/navigation/tenderbulletin/tendernotices.gif" width="217" height="22" border="0" name="tendernotices"></a></td>
  </tr>
  <tr>
    <td><a href="../tenderbulletin/tenderresults.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('tenderresults','','../img/navigation/tenderbulletin/tenderresults_y.gif',1)"><img src="../img/navigation/tenderbulletin/tenderresults.gif" width="217" height="22" border="0" name="tenderresults"></a></td>
  </tr>
  <tr>
    <td><a href="../tenderbulletin/contractsawarded.asp" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contractsawarded','','../img/navigation/tenderbulletin/contractsawarded_y.gif',1)"><img src="../img/navigation/tenderbulletin/contractsawarded.gif" width="217" height="22" border="0" name="contractsawarded"></a></td>
  </tr>
</table>
            </div>
          </td>
        </tr>



        <tr>
          <td>
            <div class="box1"><a href="../contact/contactspore.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contact','','../img/navigation/contact_r.gif',1)"><img src="../img/navigation/contact.gif" width="217" height="23" border="0" name="contact"></a></div>
            <div class="section">
              <table width="217" border="0" cellspacing="0" cellpadding="0">
  <tr>

    <td><a href="../contact/contactspore.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contactspore','','../img/navigation/contact/contactspore_y.gif',1)"><img src="../img/navigation/contact/contactspore.gif" width="217" height="22" border="0" name="contactspore"></a></td>
  </tr>
  <tr>
    <td><a href="../contact/contactintl.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('contactintl','','../img/navigation/contact/contactintl_y.gif',1)"><img src="../img/navigation/contact/contactintl.gif" width="217" height="22" border="0" name="contactintl"></a></td>
  </tr>
  <tr>
    <td><a href="../contact/enquiry.asp?Lang=EN" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('enquiry','','../img/navigation/contact/enquiry_y.gif',1)"><img src="../img/navigation/contact/enquiry.gif" width="217" height="22" border="0" name="enquiry"></a></td>
  </tr>
</table>

            </div>
          </td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<script type="text/javascript">
    <!--
    new ClickShowHideMenu('click-menu2');
    -->
    </script>
<!-- End Menu -->
      <!-- #EndEditable --></td>
  </tr>
  <tr>
    <td width="560" background="../img/common/cpg_contentbg_test3.gif"><img src="../img/common/spacer.gif" width="560" height="10"></td>
    <td background="../img/common/cpg_middlegreybar.gif"><img src="../img/common/spacer.gif" width="1" height="10"></td>
    <td><img src="../img/common/spacer.gif" width="217" height="10"></td>
  </tr>
</table><table width="778" border="0" cellspacing="0" cellpadding="0" height="9" align="center">
  <tr>

    <td><img src="../img/common/cpg_footerimg.gif" width="778" height="9"></td>
  </tr>
</table>
</body>
</html>
