

<!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">

	
<title>Calleja Design | Toronto CD and DVD Package Design</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">
		<!--
		
		
	stcAssetDesc1 = new Object();
	

	image41117 = new Image();
	image41117.src = "/site/calleja_design/assets/images/cd-package-adrift.jpg";
	stcAssetDesc1[0] = " ";
	

	image41118 = new Image();
	image41118.src = "/site/calleja_design/assets/images/cd-package-fon.jpg";
	stcAssetDesc1[1] = " ";
	

	image41119 = new Image();
	image41119.src = "/site/calleja_design/assets/images/cd-package-invitation.jpg";
	stcAssetDesc1[2] = " ";
	

	function showslidtext(assetid) {
		if (assetid) {
		document.getElementById("slideshowText1").innerHTML = stcAssetDesc1[assetid];
		}
		else {
			//alert('here i am');
			//document.getElementById("slideshowText1").innerHTML = "<p>cd-package-adrift.jpg<p>";
		}
	}

	function ConfirmDeletePR(){
		return confirm("Do you really want to DELETE \"YWD Image Gallery\"?  You will not be able to undo this deletion!")
	}

	var thumbCurrent = "thumb0";
	var thumbPrevious = "thumb0";

  var layerId = "0";
  var imNumber1 = 0;
  var imNumber2 = 0;
  var cornerImg = new Array ('library/images/spacer_white.gif','library/images/spacer_orange.gif');

  txt_show = (document.layers) ? ".visibility='show';" : ".style.visibility='visible';";
  txt_hide = (document.layers) ? ".visibility='hide';" : ".style.visibility='hidden';";
  //	swapCorners(0,1,3);


function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}


function swapImage2num1(imgName, imgSource, imgNum){//Bildwechsel  
  MM_findObj(imgName).src = imgSource;
  imNumber=imgNum;

  imNumber2=imNumber1;          
  imNumber1=imgNum;
  
  msg = stcAssetDesc1[imgNum];
  
  if (msg == undefined) {msg="";}
  
  document.getElementById("slideshowText1").innerHTML = msg;
  //alert("stcAssetDesc1 and msg="+msg+" imgNum="+imgNum);

  //alert(imgNum);  
  //alert(msg);
	
  return true;
}


		//-->
		</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="navleft1">
                                                        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="navleft2current">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 CD and DVD Package Design</h1>
        
		
	<div id="content">
   
    
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="wp"><p>Compact discs and DVDs are not only useful for delivering music or video, they can also hold a large amount of information too bulky or sensitive to transmit over the internet. The CD or DVD cover, booklet, tray card and disc surface not only market the title, these elements set the mood in which the material will be viewed, read or listened to.</p></div><div style="margin:0px;padding:0px;height:0px;clear:both;"></div>
                </div>
            </div>
		
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="nwp">
			

<div class="imagegalleryarea">


		<table border="0" cellspacing="0" cellpadding="0">
			<tr>
		
				<td>
					<img style="border:1px solid ##ffffff;margin-right:7px;" src="site/calleja_design/assets/images/cd-package-adrift.jpg" alt="" id="slideshow1">
					<div id="slideshowText1"></div>		
				</td>
				
				<td style="vertical-align:top;">
					<table border="0" cellpadding="0" cellspacing="0">
						<tr>
						
						
							<td valign="top" style="width:52px;" id=thumb0 onclick=" swapImage2num1('slideshow1','site/calleja_design/assets/images/cd-package-adrift.jpg',0); return false;">
								<div style="width:52px;overflow:hidden;"><img style="width:50px;border:1px solid #ffffff;height:100%;" src="site/calleja_design/assets/images/cd-package-adrift.jpg" alt="" border="0" align="middle" id="asset41117slideshow1" onmouseover="this.style.border='1px solid #000000';" onmouseout="this.style.border='1px solid #ffffff';" /></div>
							</td>
							
							
							<td valign="top" style="width:52px;" id=thumb1 onclick=" swapImage2num1('slideshow1','site/calleja_design/assets/images/cd-package-fon.jpg',1); return false;">
								<div style="width:52px;overflow:hidden;"><img style="width:50px;border:1px solid #ffffff;height:100%;" src="site/calleja_design/assets/images/cd-package-fon.jpg" alt="" border="0" align="middle" id="asset41118slideshow1" onmouseover="this.style.border='1px solid #000000';" onmouseout="this.style.border='1px solid #ffffff';" /></div>
							</td>
							
							
							<td valign="top" style="width:52px;" id=thumb2 onclick=" swapImage2num1('slideshow1','site/calleja_design/assets/images/cd-package-invitation.jpg',2); return false;">
								<div style="width:52px;overflow:hidden;"><img style="width:50px;border:1px solid #ffffff;height:100%;" src="site/calleja_design/assets/images/cd-package-invitation.jpg" alt="" border="0" align="middle" id="asset41119slideshow1" onmouseover="this.style.border='1px solid #000000';" onmouseout="this.style.border='1px solid #ffffff';" /></div>
							</td>
							
							
					</table>
				</td>
		
			</tr>
		</table>
	
	
</div>


		<div style="margin:0px;padding:0px;height:0px;clear:both;"></div>


<!-- Google Search Result Snippet Ends -->


		</div>
                </div>
            </div>
		
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="wp"><h6><a href="/index.cfm?id=9694">Contact me</a> today for a free consultation on your next CD or DVD design project in Toronto.</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>