
<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_education.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/nie_1.jpg" target="_blank">
                  <img src="../resize_image.aspx?FilePath=/admin/files/portfolio/nie_1.jpg&width=180" !align="left" border="1" style="border-color: white"></a>
                </td>
                </tr>
                </table>

            
                </td>
                <td valign="center">
                  <span class="greyheader1">National Institute of Education</span>
                  <p>
                  <table height="100">



              <tr>



                <td width="120" valign="top">Client:</td>



                <td valign="top">National Institute of Education</td>
              </tr>



              <tr>


                <td width="120">Gross Floor Area:</td>


                <td>97,938 sqm</td>
              </tr>


              <tr>


                <td width="120">Project Cost:</td>


                <td>S$210 million</td>
              </tr>


              <tr>


                <td width="120">Completion Date:</td>


                <td>2000</td>
              </tr>



            <tr>


                <td width="120" valign="top">Services:</td>


                <td>
Architectural Design & Consultancy<br>

Green Design<br>

Mechanical & Electrical Engineering<br>

Civil & Structural Engineering<br>

Quantity Surveying<br>




                </td>
              </tr>


            </table>


                </td>
              </tr>
            </table>

            <p>

            <p><p align="justify">Conceived as an autonomous teacher-training campus, the National Institute of Education has an administration office and academic schools covering the disciplines of Science, Physical Education, Arts and Humanities, and Education. A canteen, lecture theatres, a library, an art gallery and a wide range of sports facilities make up the entire complex on a 16-ha site. <br /><br />Designed in collaboration with&nbsp;US-based architects, the institute is the masterwork of a series of guiding principles. It has a central dominant space, individual buildings, courtyard spaces, low-rise structures, stair orientated buildings and common facilities all located on the campus level. With the faculty offices on the upper most level and the laboratories and classrooms located on the lower more accessible levels, the traffic patterns are well-defined. The architecture is distinctly tropical, with sloping roofs and wide overhangs using extensive sun screens&nbsp;at the facades to cut out the sun and create a rhythm that promotes human scale within the campus.</p>

              <p>Other :

            

            </br>&nbsp;&nbsp;&nbsp;-&nbsp;<a href="viewdetails.asp?Lang=EN&PCID=5&PDID=72">Civil Service College</a>

            

          </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=5" 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"><img src="../img/navigation/portfolio/education_y.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" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('port8','','../img/navigation/portfolio/culture_y.gif',1)"><img src="../img/navigation/portfolio/culture.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>
