/* Webfont */
/* Webfonts */
@font-face { 
    font-family: 'Helvetica Now for TELUS';
    src: url('../fonts/HNforTELUS.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face { 
    font-family: 'Helvetica Now for TELUS';
    src: url('../fonts/HNforTELUS-Md.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face { 
    font-family: 'Helvetica Now for TELUS';
    src: url('../fonts/HNforTELUS-Bd.otf') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/* Body Layout */    
body { 
    margin:0; 
    min-width:1280px; 
    color:#6e6e6e; 
    height:100%; 
    font:13px/18px 'Helvetica Now for TELUS', sans-serif;
    font-weight: normal;
    background:#fff; 
}

/* Rest of the CSS remains the same, but updating specific font declarations */
.inner #footer { 
    background:none; 
    padding:0 0 20px; 
    color:#333; 
    margin-top:60px; 
    font:11px/14px 'Helvetica Now for TELUS', sans-serif;
    font-weight: normal;
}

.footer-navigation ul { 
    margin:0; 
    padding:0 35px; 
    list-style:none; 
    font:11px/14px 'Helvetica Now for TELUS', sans-serif;
    font-weight: normal;
}

h1, h2, h3 { 
    font-family: 'Helvetica Now for TELUS', sans-serif;
    font-size: 26px;
    line-height: 28px;
    font-weight: 500; /* Using medium weight for headers */
}

/* Rest of your existing CSS remains unchanged */

/* Body Layout */    
body { margin:0; min-width:1280px; color:#6e6e6e; height:100%; font:13px/18px 'Helvetica Now for TELUS',  sans-serif; background:#fff; }
img { border-style:none; vertical-align:top; }
a { cursor:pointer; text-decoration:none; color:#176ce7; }
a:hover{text-decoration:underline;}
#wrapper { width:100%; overflow:hidden; }
#header { width:1026px; margin:23px auto 8px; height:134px; }
#main { width:100%; }
.area:after { content:""; clear:both; display:block; }
#footer { width:100%; overflow:hidden; }
.inner #header { background:none; width:100%; overflow:hidden; height:auto; padding: 16px 0 0; margin:0; }
.area { position: relative; margin:0 auto; width:934px; z-index: 2; }
.logo { background:url('../img/telus-logo.jpg') no-repeat; width:149px; height:27px; overflow:hidden; text-indent:-9999px; float:left; }
.logo a { height:100%; display:block; }
#header .area{padding:0 0 20px;}
.inner #main { padding: 15px 0 0; background:url('../img/footer-bg-copyright.png') repeat-x 0 100%; }
#content { float:left; min-height: 390px; position:relative; width:630px; z-index:999; }
.inner{min-width:1002px;}
.inner #footer { background:none; padding:0 0 20px; color:#333; margin-top:60px; font:11px/14px 'Helvetica Now for TELUS', sans-serif; }
.footer-area { width:845px; margin:0 auto; }
.footer-navigation { margin:0 0 12px; padding:15px 0 14px; list-style:none; width:100%; overflow:hidden; background:#2B6CC4 url('../img/footer-bg-nav.png') repeat-x; }
.footer-navigation li { float:left; padding:0 13px; background:url('../img/footer-separator.png') no-repeat; }
.footer-navigation li:first-child{background:none;}
.footer-navigation ul { margin:0; padding:0 35px; list-style:none; font:11px/14px 'Helvetica Now for TELUS', sans-serif; }
.footer-navigation a{color:#fff;}
.inner #footer p{margin:0;}
.backedbytelus { margin-bottom: 5px; }
.backedbytelus #tsma-logo { float: left; }
.backedbytelus #slogan { float: right; height: 148px; padding-top: 15px; width: 294px; }
.backedbytelus #slogan h2 { display: inline; font-size: 35px; line-height: 43px; }
.backedbytelus img { vertical-align: middle; }
h1, h2, h3 { font: 26px/28px 'Helvetica Now for TELUS', sans-serif; line-height: 1.2; }
div#logos1 img { margin: 5px 0; }
div#logos2 img { margin: 5px 0; }
div#tab01 { display: block; margin-top: 10px; }

/* Logos */
#logos1, #logos2 { width: 250px; float: left; text-align: center; }
#logos1 a, #logos2 a { border-width: 2px; border-style: solid; border-color: white; border-radius: 15px; display: block; width: 250px; height: 100px; }

#logos1 a:hover, #logos2 a:hover { border-bottom-color: #666; border-left-color: #CCC; border-top-color: #CCC; border-right-color:#666; }
#logos2 { margin-left: 40px; }

#gobc { background:url('../img/logo-gobc.jpg') no-repeat center center; }
#bclc { background:url('../img/logo-bclc.jpg') no-repeat center center; }
#icbc { background:url('../img/logo-icbc.jpg') no-repeat center center; }
#bc-hydro { background:url('../img/logo-bc-hydro.jpg') no-repeat center center; }
#wsbc { background:url('../img/logo-wsbc.jpg') no-repeat center center; }
#fha { background:url('../img/logo-fha.jpg') no-repeat center center; }
#phsa { background:url('../img/logo-phsa.jpg') no-repeat center center; }
#nha { background:url('../img/logo-nha.jpg') no-repeat center center; }
#iha { background:url('../img/logo-iha.jpg') no-repeat center center; }
#viha { background:url('../img/logo-viha.jpg') no-repeat center center; }
#vcha { background:url('../img/logo-vcha.jpg') no-repeat center center; }
#fnha { background:url('../img/logo-fnha.jpg') no-repeat center center; }
#bcsd { background:url('../img/logo-bcsd.jpg') no-repeat center center; }