

<!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="graphic design, Book Jackets, typesetting, Brand identity, Brochures, CD packaging, Catalogues, Corporate communications, Direct marketing, Invitations, Logos, Newsletters, Photography, Print and web advertising, Signage, Stationery, Trade show displays, Websites">
					<META NAME="description" CONTENT="Portfolio of projects by graphic designer Joe Calleja in Toronto.">
					
					
<title>Calleja Design | Graphic, identity and website design projects in Toronto | Toronto Graphic Design Portfolio</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/t2/library/main.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/display/templates/t2/library/skins/3/background/5.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/display/templates/t2/library/skins/3/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/10.css" rel="stylesheet" type="text/css">


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


<link href="/site/ywd_prototype/library/css/overrideborder/2.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/2.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/t2/library/skins/3/background/5.css" rel="stylesheet" type="text/css">


<style type="text/css">


#wrapper {
	width:964px;
}


#wrapperfooter .footer {
	width:964px;
	position:relative;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}


	#wrapper {
		
		width:948px;
	}
	.layoutleft {
		border-width:0px;
	}


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


.footer {
	padding-left:5px;
}

	
.footer {
	padding-right:5px;
}

	
.footer {
	padding-top:5px;
}

	
.footer {
	padding-bottom:5px;
}


		.banner, .bannertext {
			background-color:#0033FF;
			background-image:none;
		}
	

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

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

	.linearnavbar td, .linearnavbar td a, .linearnavbarsearch td a {
		color:#333333;
	}


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


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


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

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


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


		.navbararea, .navbar, #nav, #nav ul, #nav ul:hover {
			background-color:#333333;
			background-image:none;
			height:auto;
		}
	
	
		.navbararea {
			border-top-color:#000000;
			border-top-style:solid;
		}
	
	
		.navbararea {
			border-bottom-color:#000000;
			border-bottom-style:solid;
		}
	

		.navbutton, #nav li, #nav li ul, ul.dropdown *.dir, ul.dropdown ul, ul.dropdown li:hover, ul.dropdown li:hover {
			background-color:#333333;
			background-image:none;
		}
	
	
		.navbuttonon, #nav a.dhtmlnavactive, a.dhtmlnavactive {
			background-color:#990000;
			background-image:none;
		}
	
	
		.navbuttonrollover, .navbuttonon:hover, #nav li:hover, #nav li.sfhover, ul.dropdown li:hover, ul.dropdown ul a:hover {
			background-color:#B8B8B8;
			background-image:none;
		}
	

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

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


	.navlinks:hover, .navlinkson:hover, #nav:hover, #nav a:hover, #nav li:hover, #nav li.sfhover, ul.dropdown a:hover {
		color:#990000;
		
	}


	.navlinks, .navlinkson, #nav li, #nav li ul, #css3dnav1 li, #css3dnav1 li ul, ul.dropdown {
	
			font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		
	}


	.navlinks, .navlinkson, #nav li, #nav li ul, #css3dnav1 li a, #css3dnav1 li ul a, ul.dropdown {
		font-size:10px;
	}
	
		.navlinks, .navlinkson, #nav li, #nav li ul {
			line-height:1.2em;
		}
	

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

	.navbar {
		margin-left:0px;
		padding-left:0px;
	}


	.navbuttons td {
	
	}


	.navleft1, .navleft2, .navleft3 {
		background-color:#FFFFFF;
		background-image:none;
	}


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


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


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


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


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


	.navleft1, .navleft1current, .navleft2, .navleft2current, .navleft3, .navleft3current {
	
			font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		
	}


	.navleft1, .navleft1current, .navleft2, .navleft2current, .navleft3, .navleft3current {
		font-size:10px;
		line-height:1.2em;
	}


	.navleft1, .navleft1current, .navleft2, .navleft2current, .navleft3, .navleft3current {
		line-height:13px;
	}


	.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;
		}
		

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


	.contentmaincol, .contentmaincolsub {
		padding-right:50px;
	}


	.contentmaincol, .contentmaincolsub {
		padding-top:20px;
	}


	.contentmaincol {
		padding-top:30px;
	}


	h1, h2, h3, h4, h5, h6 {
		padding-top:0px;
	}


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


	p {
		margin-top:0px;
	}


	p {
		margin-bottom:10px;
	}


	.contentmaincol p, .contentmaincol div, .contentmaincol ul, .contentmaincol li, .contentmaincol td, 
	.contentmaincolsub p, .contentmaincolsub div, .contentmaincolsub ul, .contentmaincolsub li,  .contentmaincolsub td,
	.rightcol p, .rightcol div, .rightcol ul, .rightcol li, .rightcol td,
	.rightcolsub p, .rightcolsub div, .rightcolsub ul, .rightcolsub li, .rightcolsub td,
	#contentheader p, #contentheader div, #contentheader ul, #contentheader li, #contentheader td,
	#contentfooter p, #contentfooter div, #contentfooter ul, #contentfooter li, #contentfooter td  {
		font-size:13px;
	}


	.contentmaincol p, .contentmaincol div, .contentmaincol ul, .contentmaincol li, .contentmaincol td, 
	.contentmaincolsub p, .contentmaincolsub div, .contentmaincolsub ul, .contentmaincolsub li,  .contentmaincolsub td,
	.rightcol p, .rightcol div, .rightcol ul, .rightcol li, .rightcol td,
	.rightcolsub p, .rightcolsub div, .rightcolsub ul, .rightcolsub li, .rightcolsub td,
	#contentheader p, #contentheader div, #contentheader ul, #contentheader li, #contentheader td,
	#contentfooter p, #contentfooter div, #contentfooter ul, #contentfooter li, #contentfooter td  {
		line-height:21px;
	}


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


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


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

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


	.leftcol {
		border-right:#747474 solid;
	}


	.leftcol {
		border-right-width:1px;
	}


	h1 {
	
			font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		
	}


	h2 {
	
			font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		
	}


	h3 {
	
			font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		
	}


	h4 {
	
			font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		
	}


	h5 {
	
			font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		
	}


	h6 {
	
			font-family:"Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		
	}


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


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


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


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


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


	h6 {
		font-size:13px;
		line-height:1.2em;
	}


	h1 {
		line-height:21px;
	}


	h2 {
		line-height:16px;
	}


	h4 {
		line-height:13px;
	}


	h5 {
		line-height:13px;
	}


	h4 {
		font-weight:normal;
	}


	h6 {
		font-weight:normal;
	}


	h1 {
		font-weight:bold;
	}


	h2 {
		font-weight:bold;
	}


	h3 {
		font-weight:bold;
	}


	h5 {
		font-weight:bold;
	}


	h3 {
		color:#990000;
	}


	.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #monthcalendar span.tip a, #contentleftcol a, #contentheader a, #contentfooter a {
		font-weight:normal;
	}


	.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #monthcalendar span.tip a, #contentleftcol a, #contentheader a, #contentfooter a {
		color:#535353;
	}


	.contentmaincol a, .contentmaincolsub a, #contentrightcol a, .rightcol a, .rightcolsub a, #monthcalendar span.tip a, #contentleftcol a, #contentheader a, #contentfooter a {
		text-decoration:underline;
		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, #contentheader a:hover, #contentfooter a:hover {
			background-color:#990000;
		}
	

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


		h6 {
	
	
		border-width:1px;
	
	
		border-style:dotted;
	
	
		border-color:#990000;
	
	
		padding:20px;
	
	
			border-left:none;
			border-right:none;
		
	
	}
	
	
#contentrightcol {
	margin-left:10px;
}


#contentrightcol {
	margin-right:10px;
}


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

#contentrightcol {
	width:180px;
}


	.rightcol, .rightcolsub {
		padding-top:30px;
	}


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


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


.rightcol #contentrightcol {
	width:185px;
}


	#contentleftcol .wp table, #content .wp table, #contentrightcol .wp table {
		border-color:#FFFFFF;
	}


	#contentleftcol .wp table, #content .wp table, #contentrightcol .wp table {
		background-color:#FFFFFF;
	}


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


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


	hr {
		border-top-color:#333333;
	}


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


	hr {
	
		border-top-style:dotted;
		border-bottom-style:none;
    
	}


.productListItemImage a, .productListItemImage a:hover {
	background-color:transparent;
}


</style>


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


    <link rel="shortcut icon" href="site/calleja_design/assets/images/favicon.gif" type="image/x-icon">
    <link rel="icon" href="site/calleja_design/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="layoutsub">


<a name="top"></a>


    <div class="linearnavbar">
        <table border="0" align="right" cellpadding="0" cellspacing="0">	    
            <tr>
            	
                
                            <td>
                                <a href="http://www.callejadesign.com/index.cfm?pagepath=Site_Map&amp;id=9910">Site Map</a>						
                            </td>
                        
                    
                <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" >
    <script src="/site/master/library/javascript/flashobject.js" type="text/javascript"></script>
    <div id="flashcontent"
		  onclick="document.location.href='http://www.callejadesign.com/index.cfm?pagepath=Home&amp;id=9677';">
        
        	
                <table style="width:100%;height:100%;" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td style="width:100%;"><a href="#"><img src="/site/calleja_design/assets/images/banner-portfolio.gif" border="0"></a></td>
                    </tr>
                </table>
           					
        
    </div>
</div>
</div>


            <div class="navbararea" onclick="document.location.href='http://www.callejadesign.com/index.cfm?pagepath=Home&amp;id=9677';">
                <div class="navbar">               
                    
                    
    <table border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td>
            <ul id="nav">
            
                
                <li><a href="http://www.callejadesign.com/index.cfm?pagepath=Home&amp;id=9677" >Home</a>
                
                
                <li><a href="http://www.callejadesign.com/index.cfm?pagepath=Profile&amp;id=9678" >Profile</a>
                
                
		<ul>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Profile/Process&amp;id=9680" id="dhtml2link">Process</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Profile/Client_List&amp;id=9681" id="dhtml2link">Client List</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Profile/Testimonials&amp;id=9682" id="dhtml2link">Testimonials</a>
                
				
            </li>
				
		</ul>	
	
	
                <li><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio&amp;id=9683" class="dhtmlnavactive">Portfolio</a>
                
                
		<ul>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Websites&amp;id=9690" id="dhtml2link">Websites</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Flash_Animation&amp;id=9689" id="dhtml2link">Flash Animation</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Logo_Design&amp;id=9684" id="dhtml2link">Logo Design</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Magazines_and_Reports&amp;id=9848" id="dhtml2link">Magazines and Reports</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Business_Stationery&amp;id=9924" id="dhtml2link">Business Stationery</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Brochure_Design&amp;id=9686" id="dhtml2link">Brochure Design</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/CD_DVD_Packaging&amp;id=9687" id="dhtml2link">CD & DVD Packaging</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Invitations&amp;id=9846" id="dhtml2link">Invitations</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Book_Jackets_and_Interiors&amp;id=9878" id="dhtml2link">Book Jackets and Interiors</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Posters_and_Postcards&amp;id=9879" id="dhtml2link">Posters and Postcards</a>
                
				
            </li>
				
		</ul>	
	
	
                <li><a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography&amp;id=10033" >Fine Art Photography</a>
                
                
		<ul>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections&amp;id=9833" id="dhtml2link">Photography Collections</a>
                
				
		<ul>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections/Niagara_Gorge_Autumn_2008&amp;id=9692" id="dhtml2link">Niagara Gorge Autumn 2008</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections/Owen_Sound_Autumn_2008&amp;id=9834" id="dhtml2link">Owen Sound Autumn 2008</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections/Fluidity&amp;id=10029" id="dhtml2link">Fluidity</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections/Glass_Abstracts&amp;id=10030" id="dhtml2link">Glass Abstracts</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections/Delineation&amp;id=10071" id="dhtml2link">Delineation</a>
                
				
		<ul>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections/Delineation/Delineation,_Part_1&amp;id=10031" id="dhtml2link">Delineation, Part 1</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections/Delineation/Delineation,_Part_2&amp;id=10069" id="dhtml2link">Delineation, Part 2</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Photography_Collections/Delineation/Delineation,_Part_3&amp;id=10070" id="dhtml2link">Delineation, Part 3</a>
                
				
            </li>
				
		</ul>	
	
	
            </li>
				
		</ul>	
	
	
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Exhibitions&amp;id=12512" id="dhtml2link">Exhibitions</a>
                
				
		<ul>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Exhibitions/The_River_s_Passion&amp;id=9835" id="dhtml2link">The River's Passion</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Exhibitions/Flightscape&amp;id=10028" id="dhtml2link">Flightscape</a>
                
				
            </li>
				
		</ul>	
	
	
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Articles&amp;id=10035" id="dhtml2link">Articles</a>
                
				
		<ul>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Articles/River_s_Passion_Captures_Gorge&amp;id=11309" id="dhtml2link">River's Passion Captures Gorge</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Articles/Far_From_Crystalized&amp;id=10034" id="dhtml2link">Far From Crystalized</a>
                
				
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Articles/Dreamscapes&amp;id=10036" id="dhtml2link">Dreamscapes</a>
                
				
            </li>
				
		</ul>	
	
	
            </li>
		
            <li>


                <a href="http://www.callejadesign.com/index.cfm?pagepath=Fine_Art_Photography/Order_Prints&amp;id=9693" id="dhtml2link">Order Prints</a>
                
				
            </li>
				
		</ul>	
	
	
                <li><a href="http://www.callejadesign.com/index.cfm?pagepath=Contact&amp;id=9694" >Contact</a>
                
                
            </ul>
            </td>
        </tr>
    </table>


                </div>
            </div>
            
			
<table align="left" class="contenttablesub" border="0" cellspacing="0" cellpadding="0">
	<tr>
<td colspan="3">


</td>
</tr>


    <tr>
        
		
	                <td class="leftcol">
	                	
						
	                        <table class="navleft" border="0" cellspacing="0" cellpadding="0">
	                            <tr>
	                                <td style="padding-left:0px;">
                                    
										
                                                        <a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio&amp;id=9683" class="navleft1current">
                                                        Portfolio</a>
                                                    	
                                                
	                                </td>
	                            </tr>
                                <tr><td class="navleft2offset"></td></tr>
	                            
    
	                            <tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Websites&amp;id=9690"class="navleft2">Websites</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Flash_Animation&amp;id=9689"class="navleft2">Flash Animation</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Logo_Design&amp;id=9684"class="navleft2">Logo Design</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Magazines_and_Reports&amp;id=9848"class="navleft2">Magazines and Reports</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Business_Stationery&amp;id=9924"class="navleft2">Business Stationery</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Brochure_Design&amp;id=9686"class="navleft2">Brochure Design</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/CD_DVD_Packaging&amp;id=9687"class="navleft2">CD & DVD Packaging</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Invitations&amp;id=9846"class="navleft2">Invitations</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Book_Jackets_and_Interiors&amp;id=9878"class="navleft2">Book Jackets and Interiors</a></td></tr><tr><td style="padding-left:0px;"><a href="http://www.callejadesign.com/index.cfm?pagepath=Portfolio/Posters_and_Postcards&amp;id=9879"class="navleft2">Posters and Postcards</a></td></tr>
	                        </table>
                            
							
	                </td>
				
            
        <td class="contentmaincolsub">
	
	
			<h1 style="margin-top:0px;">Toronto Graphic Design Portfolio</h1>
        
		
	<div id="content">
   
    
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="wp"><p>From book jackets to CD covers, logo design to complete identity packages, print brochures to websites, Calleja Design has the experience to creatively produce all your graphic and website design needs.</p>
<p>Below is a list of the kinds of projects I have worked on during the past 15 years. You can see samples of many of these on the pages listed to the left. This online portfolio will be updated regularly.</p>
<p>
<table width="100%" cellspacing="0" cellpadding="0" border="0" align="left">
    
        <tr>
            <td>
            <ul>
                <li><a href="/index.cfm?id=9878">Book Jackets and typesetting</a></li>
                <li><a href="/index.cfm?id=9924">Brand identity</a></li>
                <li><a href="/index.cfm?id=9686">Brochures</a></li>
                <li><a href="/index.cfm?id=9687">CD packaging</a></li>
                <li>Catalogues</li>
                <li>Corporate communications</li>
                <li>Direct marketing</li>
                <li><a href="/index.cfm?id=9846">Invitations</a></li>
            </ul>
            </td>
            <td>
            <ul>
                <li><a href="/index.cfm?id=9684">Logos</a></li>
                <li>Newsletters</li>
                <li><a href="/index.cfm?id=9691">Photography</a></li>
                <li>Print and web advertising</li>
                <li>Signage</li>
                <li><a href="/index.cfm?id=9924">Stationery</a></li>
                <li>Trade show displays</li>
                <li><a href="/index.cfm?id=9690">Websites</a></li>
            </ul>
            </td>
        </tr>
    
</table>
</p>
<p>These pages show only a small sample of the materials we have designed.&nbsp;What you see here is only how a piece looks. The fine quality of the printed pieces must be felt.</p>
<h6><a href="/index.cfm?id=9694">Contact me</a> to review my sample case in person.</h6></div><div style="margin:0px;padding:0px;height:0px;clear:both;"></div>
                </div>
            </div>
		
		
    </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.callejadesign.com/index.cfm?pagepath=Contact&amp;id=9694">Contact</a>
                                
                            
                                        &nbsp;|&nbsp;
                                    
                                    <a href="http://www.callejadesign.com/index.cfm?pagepath=Site_Map&amp;id=9910">Site Map</a>
                                
                            
                    </td>
                
			</tr>
			

	<tr><td colspan="2" class="footertext" style="width:100%;">&copy;&nbsp;Calleja Design, 2008 • All Rights Reserved</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>

 
</body>
</html>