

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

	
					<META NAME="keywords" CONTENT="Electramedia, web design, website design, web site design, Toronto, Ontario, Canada, Toronto website design, Toronto web site design, Toronto web design, Experts at designing for any content management system, Mercedes-Benz Canada, JDS Uniphase, SmartPill, Inmet Mining">
					<META NAME="description" CONTENT="Electramedia is a website design company that specializes in designing for all content management systems. Designing for content management systems takes a special expertise that goes beyond just being able to design for print. Electramedia has 11 years experience designing websites for CMSs.">
					
					<META NAME="google-site-verification" CONTENT="ZIK0SAR3j7kuFdK3jvqRCBMU1TOfvivjEFt3Xarjf6c=" />
					
					
<title>Electramedia - Toronto Website Design - Designing For All CMS Platforms | 0</title>


	<link href="http://www.google.com/uds/css/gsearch.css" type="text/css" rel="stylesheet"/>


<link href="/site/ywd_prototype/library/css/main.css" rel="stylesheet" type="text/css">


<link href="/site/ywd_prototype/display/templates/t8/library/main.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/display/templates/t8/library/skins/10/background/5.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/display/templates/t8/library/skins/10/skin.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/library/css/theme/1.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/library/css/alignment/2.css" rel="stylesheet" type="text/css">

<link href="/site/ywd_prototype/library/css/type/2.css" rel="stylesheet" type="text/css">


	<link href="/site/ywd_prototype/library/css/overridetext/1.css" rel="stylesheet" type="text/css">


<link href="/site/ywd_prototype/library/css/overrideborder/1.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/library/css/overridespacing/1.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/library/css/level1nav/1.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/library/css/link/1.css" rel="stylesheet" type="text/css">


	<link href="/site/ywd_prototype/display/templates/t8/library/skins/10/background/5.css" rel="stylesheet" type="text/css">


<style type="text/css">


	body {
		background-color:#000066;
		
		
					background-image:url(site/ywd_prototype/library/css/background/5.png);
					
					
						background-repeat:repeat-x;
					
				
	}


#wrapper {
	width:964px;
}


	.layoutleft {
		border:8px solid #000000;
	}
	.banner {
		border-style:none;
	}


	.contenttable, .contenttablesub {
		height:250px;
	}


.footer {
	padding-left:5px;
}

	
.footer {
	padding-right:5px;
}

	
.footer {
	padding-top:5px;
}

	
.footer {
	padding-bottom:5px;
}


		.leftcol, .navleft, .layoutbottomleft {
			background-color:#000000;
		}
	

		.rightcol, .rightcolsub {
			background-color:#ECECEC;
		}
	

	.tertiarynav, .tertiarynav a, .footertext, .footertext a, .footerlogo, .footerlogo a {
		color:#8080B3;
	}


<!-- global header colours replaced by individual header settings. kept for compatibility --->

	h1, h2, h3, h4, h5, h6 {
		color:#000000;
	}


#nav {
	padding-top:0px;
	padding-bottom:0px;
}

	.navbararea {
		border-top-width:px;
		padding-top:0px;
		margin-top:0px;
	}
	.navbar {
		padding-top:0px;
		margin-top:0px;
	}


	.navbararea {
		border-bottom-width:px;
		padding-bottom:0px;
		margin-bottom:0px;
	}
	.navbar {
		padding-bottom:0px;
		margin-bottom:0px;
	}


		.navbararea, .navbar, #nav, #nav ul, #nav ul:hover {
			background-color:#FB811E;
			background-image:none;
			height:auto;
		}
	
	
		.navbuttonon, #nav a.dhtmlnavactive {
			background-color:#000000;
			background-image:none;
		}
	
	
		.navbuttonrollover, .navbuttonon:hover, #nav li:hover, #nav li.sfhover {
			background-color:#FFFFFF;
			background-image:none;
		}
	

	.navlinks, .navlinks:visited, #nav a {
		color:#FFFFFF;
		background-color:transparent;
	}


	.navlinkson, .navlinkson:visited {
		color:#FFFFFF;
		background-color:transparent;
	}
	#nav a.dhtmlnavactive {
		color:#FFFFFF;
	}


	.navlinks:hover, .navlinkson:hover, #nav:hover, #nav a:hover, #nav li:hover, #nav li.sfhover {
		color:#FB811E;
		background-color:transparent;
	}


	.navlinks, .navlinkson, #nav li, #nav li ul, #css3dnav1 li, #css3dnav1 li ul {
	
	}


		.navlinks, .navlinkson, #nav a, #css3dnav1 li a, #css3dnav1 li ul a {
			text-transform:none;
		}
		

	.navbuttons td {
	
	}


	.navleft1current, .navleft2current, .navleft3current {
		background-color:#000000;
		background-image:none;
	}


	.navleft1:hover, .navleft1current:hover, .navleft2:hover, .navleft2current:hover, .navleft3:hover, .navleft3current:hover {
		background-color:#000000;
		background-image:none;
	}


	.navleft1, .navleft2, .navleft3 {
		color:#707070;
	}


	.navleft1current, .navleft2current, .navleft3current {
		color:#FB811E;
	}


	.navleft1:hover, .navleft1current:hover, .navleft2:hover, .navleft2current:hover, .navleft3:hover, .navleft3current:hover {
		color:#FFFFFF;
	}


	.navleft1, .navleft1current, .navleft2, .navleft2current, .navleft3, .navleft3current {
	
	}


	.navleft1, .navleft1current, .navleft2, .navleft2current, .navleft3, .navleft3current {
	
	}


		.navleft1, .navleft1current, .navleft2, .navleft2current, .navleft3, .navleft3current {
			text-transform:none;
		}
		

	.navleft2, .navleft2current, .navleft3, .navleft3current {
	
	}


	.navleft2, .navleft2current, .navleft3, .navleft3current {
	
	}


		.navleft2, .navleft2current, .navleft3, .navleft3current {
			text-transform:none;
		}
		

	.navleft3, .navleft3current {
	
	}


	.navleft3, .navleft3current {
	
	}


		.navleft3, .navleft3current {
			text-transform:none;
		}
		

	.linearnavbar td a, .linearnavbarsearch td a {
	
	}


	.linearnavbar td a, .linearnavbarsearch td a {
			text-transform:none;
		}
		

	.tertiarynav a {
	
	}


	.tertiarynav_l2 a {
			font-weight:normal;
		}
		

	.tertiarynav a {
			text-transform:none;
		}
		

	.contentmaincol, .contentmaincolsub, .breadcrumbs {
		padding-left:40px;
	}


	h1, h2, h3, h4, h5, h6 {
		margin-bottom:1px;
	}


	h1 {
		letter-spacing:px;
	}


	h2 {
		letter-spacing:px;
	}


	h3 {
		letter-spacing:px;
	}


	h4 {
		letter-spacing:px;
	}


	h5 {
		letter-spacing:px;
	}


	h6 {
		letter-spacing:px;
	}


	.navleft, #contentleftcol {
		width:160px;
	}
	
	
	.leftcol {
		padding-left:5px;
	}


	.leftcol {
		padding-right:5px;
	}


.navleft {
	margin-left:5px;
}
#contentleftcol {
	padding-left:5px;
}


.navleft, #contentleftcol {
	padding-right:5px;
}


	.leftcol, .leftcolsub {
		width:160px;
	}

.navleft, #contentleftcol {
	width:150px;
}


	h1 {
	
	}


	h2 {
	
	}


	h3 {
	
	}


	h4 {
	
	}


	h5 {
	
	}


	h6 {
	
	}


	h1 {
		font-size:18px;
		line-height:1.2em;
	}


	h2 {
		font-size:84px;
		line-height:1.2em;
	}


	h3 {
		font-size:54px;
		line-height:1.2em;
	}


	h4 {
		font-size:24px;
		line-height:1.2em;
	}


	h5 {
		font-size:18px;
		line-height:1.2em;
	}


		h1 {
			text-transform:none;
		}
		

		h2 {
			text-transform:none;
		}
		

		h3 {
			text-transform:none;
		}
		

		h4 {
			text-transform:none;
		}
		

		h5 {
			text-transform:none;
		}
		

		h6 {
			text-transform:uppercase;
		}
		

	.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #monthcalendar span.tip a, #contentleftcol a {
		color:#0054A6;
	}


	.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #monthcalendar span.tip a, #contentleftcol a {
		text-decoration:none;
		border-bottom-style:hidden;
		border-bottom-style:none;
	}


	.contentmaincol a:hover, .contentmaincolsub a:hover, #contentrightcol a:hover, .rightcol a:hover, .rightcolsub a:hover, #monthcalendar span.tip a:hover, #contentleftcol a:hover {
		color:#FB811E;
	}


		.contentmaincol a:hover, .contentmaincolsub a:hover, #contentrightcol a:hover, .rightcol a:hover, .rightcolsub a:hover, #monthcalendar span.tip a:hover, #contentleftcol a:hover {
			background-color:#FFFFFF;
		}
	

	.contentmaincol a:hover, .contentmaincolsub a:hover, #contentrightcol a:hover, .rightcol a:hover, .rightcolsub a:hover, #monthcalendar span.tip a:hover, #contentleftcol a:hover {
		text-decoration:none;
		border-bottom-style:hidden;
		border-bottom-style:none;
	}


	.maincolbox, .leftcolbox, .rightcolbox {
		margin-left:0px;
	}


	.maincolbox, .leftcolbox, .rightcolbox {
		margin-right:0px;
	}


	.maincolbox, .leftcolbox, .rightcolbox {
		margin-top:0px;
	}


	.maincolbox, .leftcolbox, .rightcolbox {
		margin-bottom:10px;
	}


#contentrightcol {
	margin-left:5px;
}


#contentrightcol {
	margin-right:5px;
}


	.rightcol, .rightcolsub {
		width:170px;
	}

#contentrightcol {
	width:160px;
}


.rightcol #contentrightcol {
	margin-left:5px;
}


.rightcol #contentrightcol {
	margin-right:5px;
}


.rightcol #contentrightcol {
	width:160px;
}


	ul li {
	
		list-style-type:square;
    
	}


	ul {
		margin-left:1.3em;
	}
	ol {
		margin-left:1.3em;
	}


	hr {
		border-top-width:1px;
	}


	hr {
	
		border-top-style:solid;
    
	}


	hr {
		margin-top:0.5em;
	}


	hr {
		margin-bottom:0.5em;
	}


	.blognavbar #nav li, .blognavbar #nav a {
	
	}


	.BlogButtons, .BlogButtons a {
	
	}


</style>


<link media="print" href="/site/ywd_prototype/library/css/printerfriendly.css" rel="stylesheet" type="text/css">


	<link href="site/electramedia/library/css/custom.css" rel="stylesheet" type="text/css">


    <link rel="shortcut icon" href="site/electramedia/assets/images/favicon.gif" type="image/x-icon">
    <link rel="icon" href="site/electramedia/assets/images/favicon.gif" type="image/x-icon">


		<script language="JavaScript1.1" type="text/javascript">
		<!--
		
		
		//-->
		</script>
		
	
<script language="JavaScript1.2" src="site/ywd_prototype/library/javascript/sitespecific.js" type="text/javascript"></script>
<!-- BROKERBOX HEADER -->
</head>
<body 
		
		
		>


<div id="wrapper">
<div id="layouthome">


<a name="top"></a>


    <div class="linearnavbar">
        <table border="0" align="right" cellpadding="0" cellspacing="0">	    
            <tr>
            	
                
                <td style="width:8px;padding:0px;"></td>
                
            </tr>
        </table>
    </div>


<table class="layout" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td id="shadowvertleft">&nbsp;</td>
		<td class="layoutleft">
			
			
<div class="banner" style='cursor:default;'>
    <script src="/site/master/library/javascript/flashobject.js" type="text/javascript"></script>
    <div id="flashcontent"
		 >
        
            
                    <script type="text/javascript">
                    
					
					var fo = new FlashObject("/site/electramedia/assets/swfs/em_banner1.swf", "bannermovie",  "930", "120", "8", "");
					fo.addParam("wmode","transparent");
                    fo.write("flashcontent");
                    </script> 
            
        
    </div>
</div>
</div>


	        <table align="left" class="contenttable" border="0" cellspacing="0" cellpadding="0">
				<tr>
<td colspan="3">


</td>
</tr>


                <tr>
					<td valign="top" class="leftcol" style="padding:0px;">
						<table border="0" cellspacing="0" cellpadding="0">
							
							
							<tr>
			                    <td class="leftcol" style="border:0px;">
									
									
									<table class="navleft" border="0" cellspacing="0" cellpadding="0">
									
										
												<tr>
													<td><a href="http://www.electramedia.com/index.cfm?pagepath=0&amp;id=5026" class="navleft1current">0</a></td>
													
												</tr>
											
                                            <tr><td class="navleft2offset"></td></tr>
											
    
												<tr>
													<td><a href="http://www.electramedia.com/index.cfm?pagepath=1&amp;id=5027" class="navleft1">1</a></td>
													
												</tr>
											
                                            <tr><td class="navleft2offset"></td></tr>
											
    
												<tr>
													<td><a href="http://www.electramedia.com/index.cfm?pagepath=2&amp;id=5028" class="navleft1">2</a></td>
													
												</tr>
											
                                            <tr><td class="navleft2offset"></td></tr>
											
    
												<tr>
													<td><a href="http://www.electramedia.com/index.cfm?pagepath=3&amp;id=5029" class="navleft1">3</a></td>
													
												</tr>
											
                                            <tr><td class="navleft2offset"></td></tr>
											
    
												<tr>
													<td><a href="http://www.electramedia.com/index.cfm?pagepath=YWD&amp;id=16370" class="navleft1">YWD</a></td>
													
												</tr>
											
                                            <tr><td class="navleft2offset"></td></tr>
											
    
			                        </table>
                                    
									
			                    </td>
							</tr>
						</table>
					</td>
					<td class="contentmaincol">
	
	
	<div id="content">
   
    
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="wp"><h2>By publishing a website you have made a promise. <br />
<a href="/index.cfm?id=5442">Are you keeping that promise?</a></h2></div><div style="margin:0px;padding:0px;height:0px;clear:both;"></div>
                </div>
            </div>
		
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="wp"><p>&nbsp;</p>
<p>
<table width="100%" cellspacing="0" cellpadding="5" border="0" align="right">
    
        <tr>
            <td width="40%" valign="top">
            <div class="buttondivtext">Electramedia is a website design and development firm based in Toronto, Canada. We invite you to visit our <a href="/index.cfm?id=5028">Portfolio</a> for a quick sample of the work we create for clients worldwide. <a href="/index.cfm?pagePath=3/Contact_us&amp;id=5444">Contact Us</a>.</div>
            </td>
            <td width="30%" valign="top">
            <div class="buttondiv"><a href="/index.cfm?id=5442"><strong><span style="font-size: 14px;">Show | Do | Tell <img width="13" height="13" border="0" src="/site/electramedia/assets/images/arrow.gif" alt="" /></span></strong><br />
            A revolution in website brand engineering<br />
            </a></div>
            </td>
            <td width="30%" valign="top">
            <div class="buttondiv"><a target="_blank" href="http://www.yourwebdepartment.com"><strong><span style="font-size: 14px;">Your Web Department <img width="13" height="13" border="0" align="absmiddle" alt="" src="/site/electramedia/assets/images/arrow.gif" /></span></strong><br />
            A revolution in website development</a></div>
            </td>
        </tr>
    
</table>
</p></div><div style="margin:0px;padding:0px;height:0px;clear:both;"></div>
                </div>
            </div>
		
		
    </div>
	
	
		<div class="contentbottomlinks">
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					
                    
                                <td><a href="#" class="sharelink" onClick="openShareWindowFacebook('0');" onFocus="this.blur();"><img src="/site/ywd_prototype/display/icon_facebook.gif" border="0" style="border:none;margin:0px;" alt="Facebook" title="Facebook" /></a></td>
                                <td style="border:none;">&nbsp;&nbsp;&nbsp;</td>
                            
                        
                                <td><a href="#" class="sharelink" onClick="openShareWindow('Delicious');" onFocus="this.blur();"><img src="/site/ywd_prototype/display/icon_delicious.gif" border="0" style="border:none;margin:0px;" alt="del.icio.us" title="del.icio.us" /></a></td>
                                <td style="border:none;">&nbsp;&nbsp;&nbsp;</td>
                            
                        
                                <td><a href="#" class="sharelink" onClick="openShareWindow('Digg');" onFocus="this.blur();"><img src="/site/ywd_prototype/display/icon_digg.gif" border="0" style="border:none;margin:0px;" alt="digg" title="digg" /></a></td>
                                <td style="border:none;">&nbsp;&nbsp;&nbsp;</td>
                            
                        
                                <td><a href="#" class="sharelink" onClick="openShareWindow('Linkedin');" onFocus="this.blur();"><img src="/site/ywd_prototype/display/icon_linkedin.gif" border="0" style="border:none;margin:0px;" alt="LinkedIn" title="LinkedIn" /></a></td>
                                <td style="border:none;">&nbsp;&nbsp;&nbsp;</td>
                            
                        
				</tr>
			</table>
		</div>
	

</td>

					
				</tr>
            </table>

			
		</td>
	    <td id="shadowvert" style="background-repeat:repeat-y;"></td>
	</tr>
	    
    
	<tr id="shadowbottomrow"><td id="shadowcornerleft"></td><td id="shadowhoriz"></td><td id="shadowcorner" style="background-repeat:no-repeat;"></td></tr>
	
	
<tr>
	<td id="shadowbottomleft"></td>
	<td>
		<table class="footer" cellspacing="0" cellpadding="0">
			<tr>
            	
                	
                    <td colspan="2" class="tertiarynav">
                        
                        
                                    <a href="http://www.electramedia.com/index.cfm?pagepath=3/Contact_us&amp;id=5444">Contact us</a>
                                
                            
                    </td>
                
			</tr>
			

	<tr><td colspan="2" class="footertext" style="width:100%;">&copy;&nbsp;2010 Electramedia</td></tr>


<tr>
	<td colspan="2" class="footerlogo">
    	
        
		<a href="http://www.yourwebdepartment.com" target="_blank">Powered by Your Web Department&#8482;&nbsp;&nbsp;<img src="/site/ywd_prototype/images/ywd_icon1.gif" width="21" height="21" border="0" align="absbottom" alt="Your Web Department&#8482;" title="Your Web Department&#8482;" /></a>
    </td>
</tr>


		</table>
	</td>
	<td>&nbsp;</td>
</tr>
	
</table>
 
    
    </div>
</div>

 
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-4745971-1";
urchinTracker();
</script>

</body>
</html>