|
Server : Apache/2.4.62 System : FreeBSD fbsdweb2.web.rcn.net 14.1-RELEASE FreeBSD 14.1-RELEASE releng/14.1-n267679-10e31f0946d8 GENERIC amd64 User : www ( 80) PHP Version : 8.3.8 Disable Function : NONE Directory : /domains/davidbacker/portfolio/ |
Upload File : |
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
"http://www.w3.org/TR/REC-html40/loose.dtd">
<html lang="EN">
<HEAD>
<TITLE>portfolio - web design - the new studio - designing the interactive experience</TITLE>
<!-- last updated 01/01/15 DSB -->
<link rel="stylesheet" href="http://www.newstudio.com/css/TNSpages.css" type="text/css" >
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META name="description" content="the new studio - over twenty-five years designing the interactive experience for custom software and web applications, usability testing, and creative illustration and collage">
<META name="keywords" content="the new studio, custom software, website creation, usability testing, designers, web design, applications, development, David Backer, Alyce Kaprow, Designing Technology show, SIGGRAPH, HTML coding, WebReady training course, market research, developer, webmaster, training, website, IE, Internet Explorer, Netscape Navigator, MIT, Massachusetts Institute of Technology, Media Laboratory, Movie Manual, Newton, Massachusetts, new studio, Bob Mallary">
<!-- ImageReady Preload Script (portfolio.psd) -->
<SCRIPT TYPE="text/javascript">
<!--
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}
function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
}
}
}
var preloadFlag = false;
function preloadImages() {
if (document.images) {
portfolio_02_over = newImage("images/portfolio_02-over.gif");
portfolio_03_portfolio_17_over = newImage("images/portfolio_03-portfolio_17_o.gif");
portfolio_03_portfolio_18_over = newImage("images/portfolio_03-portfolio_18_o.gif");
portfolio_03_portfolio_19_over = newImage("images/portfolio_03-portfolio_19_o.gif");
portfolio_03_portfolio_23_over = newImage("images/portfolio_03-portfolio_23_o.gif");
portfolio_03_portfolio_25_over = newImage("images/portfolio_03-portfolio_25_o.gif");
portfolio_03_portfolio_24_over = newImage("images/portfolio_03-portfolio_24_o.gif");
portfolio_05_portfolio_06_over = newImage("images/portfolio_05-portfolio_06_o.gif");
portfolio_06_over = newImage("images/portfolio_06-over.gif");
portfolio_07_over = newImage("images/portfolio_07-over.gif");
portfolio_08_over = newImage("images/portfolio_08-over.gif");
portfolio_09_over = newImage("images/portfolio_09-over.gif");
portfolio_10_over = newImage("images/portfolio_10-over.jpg");
portfolio_13_portfolio_15_over = newImage("images/portfolio_13-portfolio_15_o.gif");
portfolio_14_portfolio_17_over = newImage("images/portfolio_14-portfolio_17_o.gif");
portfolio_14_portfolio_18_over = newImage("images/portfolio_14-portfolio_18_o.gif");
portfolio_14_portfolio_19_over = newImage("images/portfolio_14-portfolio_19_o.gif");
portfolio_14_portfolio_20_over = newImage("images/portfolio_14-portfolio_20_o.gif");
portfolio_14_portfolio_21_over = newImage("images/portfolio_14-portfolio_21_o.gif");
portfolio_14_portfolio_22_over = newImage("images/portfolio_14-portfolio_22_o.gif");
portfolio_14_portfolio_23_over = newImage("images/portfolio_14-portfolio_23_o.gif");
portfolio_14_portfolio_25_over = newImage("images/portfolio_14-portfolio_25_o.gif");
portfolio_14_portfolio_24_over = newImage("images/portfolio_14-portfolio_24_o.gif");
portfolio_14_portfolio_26_over = newImage("images/portfolio_14-portfolio_26_o.gif");
portfolio_14_portfolio_27_over = newImage("images/portfolio_14-portfolio_27_o.gif");
portfolio_14_portfolio_28_over = newImage("images/portfolio_14-portfolio_28_o.gif");
portfolio_14_portfolio_29_over = newImage("images/portfolio_14-portfolio_29_o.gif");
portfolio_15_over = newImage("images/portfolio_15-over.gif");
portfolio_16_over = newImage("images/portfolio_16-over.gif");
portfolio_17_over = newImage("images/portfolio_17-over.gif");
portfolio_17_portfolio_18_over = newImage("images/portfolio_17-portfolio_18_o.gif");
portfolio_17_portfolio_22_over = newImage("images/portfolio_17-portfolio_22_o.gif");
portfolio_17_portfolio_25_over = newImage("images/portfolio_17-portfolio_25_o.gif");
portfolio_17_portfolio_24_over = newImage("images/portfolio_17-portfolio_24_o.gif");
portfolio_17_portfolio_26_over = newImage("images/portfolio_17-portfolio_26_o.gif");
portfolio_17_portfolio_27_over = newImage("images/portfolio_17-portfolio_27_o.gif");
portfolio_18_portfolio_17_over = newImage("images/portfolio_18-portfolio_17_o.gif");
portfolio_18_over = newImage("images/portfolio_18-over.gif");
portfolio_18_portfolio_22_over = newImage("images/portfolio_18-portfolio_22_o.gif");
portfolio_18_portfolio_25_over = newImage("images/portfolio_18-portfolio_25_o.gif");
portfolio_18_portfolio_24_over = newImage("images/portfolio_18-portfolio_24_o.gif");
portfolio_18_portfolio_26_over = newImage("images/portfolio_18-portfolio_26_o.gif");
portfolio_18_portfolio_27_over = newImage("images/portfolio_18-portfolio_27_o.gif");
portfolio_19_portfolio_17_over = newImage("images/portfolio_19-portfolio_17_o.gif");
portfolio_19_over = newImage("images/portfolio_19-over.gif");
portfolio_19_portfolio_22_over = newImage("images/portfolio_19-portfolio_22_o.gif");
portfolio_19_portfolio_26_over = newImage("images/portfolio_19-portfolio_26_o.gif");
portfolio_19_portfolio_27_over = newImage("images/portfolio_19-portfolio_27_o.gif");
portfolio_20_portfolio_17_over = newImage("images/portfolio_20-portfolio_17_o.gif");
portfolio_20_over = newImage("images/portfolio_20-over.gif");
portfolio_20_portfolio_22_over = newImage("images/portfolio_20-portfolio_22_o.gif");
portfolio_20_portfolio_26_over = newImage("images/portfolio_20-portfolio_26_o.gif");
portfolio_20_portfolio_27_over = newImage("images/portfolio_20-portfolio_27_o.gif");
portfolio_21_portfolio_17_over = newImage("images/portfolio_21-portfolio_17_o.gif");
portfolio_21_over = newImage("images/portfolio_21-over.gif");
portfolio_21_portfolio_22_over = newImage("images/portfolio_21-portfolio_22_o.gif");
portfolio_21_portfolio_26_over = newImage("images/portfolio_21-portfolio_26_o.gif");
portfolio_21_portfolio_27_over = newImage("images/portfolio_21-portfolio_27_o.gif");
portfolio_22_portfolio_17_over = newImage("images/portfolio_22-portfolio_17_o.gif");
portfolio_22_over = newImage("images/portfolio_22-over.gif");
portfolio_22_portfolio_23_over = newImage("images/portfolio_22-portfolio_23_o.gif");
portfolio_22_portfolio_26_over = newImage("images/portfolio_22-portfolio_26_o.gif");
portfolio_22_portfolio_27_over = newImage("images/portfolio_22-portfolio_27_o.gif");
portfolio_23_portfolio_17_over = newImage("images/portfolio_23-portfolio_17_o.gif");
portfolio_23_portfolio_22_over = newImage("images/portfolio_23-portfolio_22_o.gif");
portfolio_23_over = newImage("images/portfolio_23-over.gif");
portfolio_23_portfolio_26_over = newImage("images/portfolio_23-portfolio_26_o.gif");
portfolio_23_portfolio_27_over = newImage("images/portfolio_23-portfolio_27_o.gif");
portfolio_24_portfolio_17_over = newImage("images/portfolio_24-portfolio_17_o.gif");
portfolio_24_portfolio_22_over = newImage("images/portfolio_24-portfolio_22_o.gif");
portfolio_24_over = newImage("images/portfolio_24-over.gif");
portfolio_24_portfolio_26_over = newImage("images/portfolio_24-portfolio_26_o.gif");
portfolio_24_portfolio_27_over = newImage("images/portfolio_24-portfolio_27_o.gif");
portfolio_25_portfolio_17_over = newImage("images/portfolio_25-portfolio_17_o.gif");
portfolio_25_portfolio_22_over = newImage("images/portfolio_25-portfolio_22_o.gif");
portfolio_25_over = newImage("images/portfolio_25-over.gif");
portfolio_25_portfolio_26_over = newImage("images/portfolio_25-portfolio_26_o.gif");
portfolio_25_portfolio_27_over = newImage("images/portfolio_25-portfolio_27_o.gif");
portfolio_26_portfolio_17_over = newImage("images/portfolio_26-portfolio_17_o.gif");
portfolio_26_portfolio_22_over = newImage("images/portfolio_26-portfolio_22_o.gif");
portfolio_26_over = newImage("images/portfolio_26-over.gif");
portfolio_26_portfolio_27_over = newImage("images/portfolio_26-portfolio_27_o.gif");
portfolio_27_portfolio_17_over = newImage("images/portfolio_27-portfolio_17_o.gif");
portfolio_27_portfolio_22_over = newImage("images/portfolio_27-portfolio_22_o.gif");
portfolio_27_portfolio_23_over = newImage("images/portfolio_27-portfolio_23_o.gif");
portfolio_27_portfolio_25_over = newImage("images/portfolio_27-portfolio_25_o.gif");
portfolio_27_portfolio_24_over = newImage("images/portfolio_27-portfolio_24_o.gif");
portfolio_27_portfolio_26_over = newImage("images/portfolio_27-portfolio_26_o.gif");
portfolio_27_over = newImage("images/portfolio_27-over.gif");
portfolio_27_portfolio_28_over = newImage("images/portfolio_27-portfolio_28_o.gif");
portfolio_27_portfolio_29_over = newImage("images/portfolio_27-portfolio_29_o.gif");
portfolio_28_portfolio_17_over = newImage("images/portfolio_28-portfolio_17_o.gif");
portfolio_28_portfolio_22_over = newImage("images/portfolio_28-portfolio_22_o.gif");
portfolio_28_portfolio_23_over = newImage("images/portfolio_28-portfolio_23_o.gif");
portfolio_28_portfolio_25_over = newImage("images/portfolio_28-portfolio_25_o.gif");
portfolio_28_portfolio_24_over = newImage("images/portfolio_28-portfolio_24_o.gif");
portfolio_28_portfolio_26_over = newImage("images/portfolio_28-portfolio_26_o.gif");
portfolio_28_portfolio_27_over = newImage("images/portfolio_28-portfolio_27_o.gif");
portfolio_28_over = newImage("images/portfolio_28-over.gif");
portfolio_28_portfolio_29_over = newImage("images/portfolio_28-portfolio_29_o.gif");
portfolio_29_portfolio_22_over = newImage("images/portfolio_29-portfolio_22_o.gif");
portfolio_29_over = newImage("images/portfolio_29-over.gif");
preloadFlag = true;
}
}
// -->
</SCRIPT>
<!-- End Preload Script -->
</HEAD>
<BODY BGCOLOR="#ffffff" LEFTMARGIN=0 TOPMARGIN=0 MARGINWIDTH=0 MARGINHEIGHT=0 ONLOAD="preloadImages();">
<!-- ImageReady Slices (portfolio.psd) -->
<TABLE WIDTH=790 BORDER=0 CELLPADDING=0 CELLSPACING=0>
<TR>
<TD ROWSPAN=19><IMG SRC="images/portfolio_01.gif" WIDTH=121 HEIGHT=480 ALT=""></TD>
<TD COLSPAN=9>
<A HREF="../index.html"
ONMOUSEOVER="changeImages('portfolio_02', 'images/portfolio_02-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_02', 'images/portfolio_02.gif'); return true;"><IMG NAME="portfolio_02" SRC="images/portfolio_02.gif" WIDTH=662 HEIGHT=71 BORDER=0 ALT="Home"></A></TD>
<TD ROWSPAN=19><IMG NAME="portfolio_03" SRC="images/portfolio_03.gif" WIDTH=7 HEIGHT=480 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2><IMG SRC="images/portfolio_04.gif" WIDTH=114 HEIGHT=23 ALT=""></TD>
<TD><IMG NAME="portfolio_05" SRC="images/portfolio_05.gif" WIDTH=70 HEIGHT=23 ALT="portfolio"></TD>
<TD><A HREF="../services/index.html"
ONMOUSEOVER="changeImages('portfolio_05', 'images/portfolio_05-portfolio_06_o.gif', 'portfolio_06', 'images/portfolio_06-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_05', 'images/portfolio_05.gif', 'portfolio_06', 'images/portfolio_06.gif'); return true;"><IMG NAME="portfolio_06" SRC="images/portfolio_06.gif" WIDTH=65 HEIGHT=23 BORDER=0 ALT="services"></A></TD>
<TD><A HREF="../clients/index.html"
ONMOUSEOVER="changeImages('portfolio_05', 'images/portfolio_05-portfolio_06_o.gif', 'portfolio_07', 'images/portfolio_07-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_05', 'images/portfolio_05.gif', 'portfolio_07', 'images/portfolio_07.gif'); return true;"><IMG NAME="portfolio_07" SRC="images/portfolio_07.gif" WIDTH=99 HEIGHT=23 BORDER=0 ALT="client projects"></A></TD>
<TD><A HREF="../about/index.html"
ONMOUSEOVER="changeImages('portfolio_05', 'images/portfolio_05-portfolio_06_o.gif', 'portfolio_08', 'images/portfolio_08-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_05', 'images/portfolio_05.gif', 'portfolio_08', 'images/portfolio_08.gif'); return true;"><IMG NAME="portfolio_08" SRC="images/portfolio_08.gif" WIDTH=71 HEIGHT=23 BORDER=0 ALT="about us"></A></TD>
<TD><A HREF="../contact/index.html"
ONMOUSEOVER="changeImages('portfolio_05', 'images/portfolio_05-portfolio_06_o.gif', 'portfolio_09', 'images/portfolio_09-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_05', 'images/portfolio_05.gif', 'portfolio_09', 'images/portfolio_09.gif'); return true;"><IMG NAME="portfolio_09" SRC="images/portfolio_09.gif" WIDTH=60 HEIGHT=23 BORDER=0 ALT="contact us"></A></TD>
<TD><A HREF="../accessibility/index.html"
ONMOUSEOVER="changeImages('portfolio_05', 'images/portfolio_05-portfolio_06_o.gif', 'portfolio_10', 'images/portfolio_10-over.jpg'); return true;"
ONMOUSEOUT="changeImages('portfolio_05', 'images/portfolio_05.gif', 'portfolio_10', 'images/portfolio_10.jpg'); return true;"><IMG NAME="portfolio_10" SRC="images/portfolio_10.jpg" WIDTH=90 HEIGHT=23 BORDER=0 ALT="accessibility"></A></TD>
<TD>
<IMG SRC="images/portfolio_11.gif" WIDTH=93 HEIGHT=23 ALT=""></TD>
</TR>
<TR>
<TD ROWSPAN=3>
<IMG SRC="images/portfolio_12.gif" WIDTH=44 HEIGHT=51 ALT=""></TD>
<TD COLSPAN=2>
<IMG NAME="portfolio_13" SRC="images/portfolio_13.gif" WIDTH=140 HEIGHT=17 ALT=""></TD>
<!-- start with CAN-DO image displayed, not background images/portfolio_14.gif -->
<TD COLSPAN=6 ROWSPAN=17>
<IMG NAME="portfolio_14" SRC="images/portfolio_14-portfolio_17_o.gif" WIDTH=478 HEIGHT=386 ALT=""></TD>
</TR>
<TR>
<TD COLSPAN=2><A HREF="interactive.html"
ONMOUSEOVER="changeImages('portfolio_13', 'images/portfolio_13-portfolio_15_o.gif', 'portfolio_15', 'images/portfolio_15-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_13', 'images/portfolio_13.gif', 'portfolio_15', 'images/portfolio_15.gif'); return true;"><IMG NAME="portfolio_15" SRC="images/portfolio_15.gif" WIDTH=140 HEIGHT=13 BORDER=0 ALT="interactive software design"></A></TD>
</TR>
<TR>
<TD COLSPAN=2><A HREF="illustration.html"
ONMOUSEOVER="changeImages('portfolio_13', 'images/portfolio_13-portfolio_15_o.gif', 'portfolio_16', 'images/portfolio_16-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_13', 'images/portfolio_13.gif', 'portfolio_16', 'images/portfolio_16.gif'); return true;"><IMG NAME="portfolio_16" SRC="images/portfolio_16.gif" WIDTH=140 HEIGHT=21 BORDER=0 ALT="illustration and collage"></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_03', 'images/portfolio_03-portfolio_17_o.gif', 'portfolio_14', 'images/portfolio_14-portfolio_17_o.gif', 'portfolio_17', 'images/portfolio_17-over.gif', 'portfolio_18', 'images/portfolio_18-portfolio_17_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_17_o.gif', 'portfolio_20',
'images/portfolio_20-portfolio_17_o.gif', 'portfolio_21', 'images/portfolio_21-portfolio_17_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_17_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_17_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_17_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_17_o.gif',
'portfolio_26', 'images/portfolio_26-portfolio_17_o.gif', 'portfolio_27', 'images/portfolio_27-portfolio_17_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_17_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_03', 'images/portfolio_03.gif', 'portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif',
'portfolio_22', 'images/portfolio_22.gif', 'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_17" SRC="images/portfolio_17.gif" WIDTH=184 HEIGHT=25 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_03', 'images/portfolio_03-portfolio_18_o.gif', 'portfolio_14', 'images/portfolio_14-portfolio_18_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_18_o.gif', 'portfolio_18', 'images/portfolio_18-over.gif', 'portfolio_19', 'images/portfolio_19-portfolio_17_o.gif', 'portfolio_20',
'images/portfolio_20-portfolio_17_o.gif', 'portfolio_21', 'images/portfolio_21-portfolio_17_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_17_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_17_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_17_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_17_o.gif',
'portfolio_26', 'images/portfolio_26-portfolio_17_o.gif', 'portfolio_27', 'images/portfolio_27-portfolio_17_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_17_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_03', 'images/portfolio_03.gif', 'portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif',
'portfolio_22', 'images/portfolio_22.gif', 'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_18" SRC="images/portfolio_18.gif" WIDTH=184 HEIGHT=16 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_03', 'images/portfolio_03-portfolio_19_o.gif', 'portfolio_14', 'images/portfolio_14-portfolio_19_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_18_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_17_o.gif', 'portfolio_19', 'images/portfolio_19-over.gif', 'portfolio_20',
'images/portfolio_20-portfolio_17_o.gif', 'portfolio_21', 'images/portfolio_21-portfolio_17_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_17_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_17_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_17_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_17_o.gif',
'portfolio_26', 'images/portfolio_26-portfolio_17_o.gif', 'portfolio_27', 'images/portfolio_27-portfolio_17_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_17_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_03', 'images/portfolio_03.gif', 'portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif',
'portfolio_22', 'images/portfolio_22.gif', 'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_19" SRC="images/portfolio_19.gif" WIDTH=184 HEIGHT=15 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_14', 'images/portfolio_14-portfolio_20_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_18_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_17_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_17_o.gif', 'portfolio_20', 'images/portfolio_20-over.gif', 'portfolio_21',
'images/portfolio_21-portfolio_17_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_17_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_17_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_17_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_17_o.gif', 'portfolio_26', 'images/portfolio_26-portfolio_17_o.gif',
'portfolio_27', 'images/portfolio_27-portfolio_17_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_17_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif', 'portfolio_22', 'images/portfolio_22.gif',
'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_20" SRC="images/portfolio_20.gif" WIDTH=184 HEIGHT=18 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_14', 'images/portfolio_14-portfolio_21_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_18_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_17_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_17_o.gif', 'portfolio_20', 'images/portfolio_20-portfolio_17_o.gif', 'portfolio_21',
'images/portfolio_21-over.gif', 'portfolio_22', 'images/portfolio_22-portfolio_17_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_17_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_17_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_17_o.gif', 'portfolio_26', 'images/portfolio_26-portfolio_17_o.gif',
'portfolio_27', 'images/portfolio_27-portfolio_17_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_17_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif', 'portfolio_22', 'images/portfolio_22.gif',
'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_21" SRC="images/portfolio_21.gif" WIDTH=184 HEIGHT=16 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_14', 'images/portfolio_14-portfolio_22_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_22_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_22_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_22_o.gif', 'portfolio_20', 'images/portfolio_20-portfolio_22_o.gif', 'portfolio_21',
'images/portfolio_21-portfolio_22_o.gif', 'portfolio_22', 'images/portfolio_22-over.gif', 'portfolio_23', 'images/portfolio_23-portfolio_22_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_22_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_22_o.gif', 'portfolio_26', 'images/portfolio_26-portfolio_22_o.gif',
'portfolio_27', 'images/portfolio_27-portfolio_22_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_22_o.gif', 'portfolio_29', 'images/portfolio_29-portfolio_22_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif', 'portfolio_22', 'images/portfolio_22.gif',
'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif', 'portfolio_29', 'images/portfolio_29.gif'); return true;">
<IMG NAME="portfolio_22" SRC="images/portfolio_22.gif" WIDTH=184 HEIGHT=16 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_03', 'images/portfolio_03-portfolio_23_o.gif', 'portfolio_14', 'images/portfolio_14-portfolio_23_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_22_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_22_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_22_o.gif', 'portfolio_20',
'images/portfolio_20-portfolio_22_o.gif', 'portfolio_21', 'images/portfolio_21-portfolio_22_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_23_o.gif', 'portfolio_23', 'images/portfolio_23-over.gif', 'portfolio_24', 'images/portfolio_24-portfolio_22_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_22_o.gif',
'portfolio_26', 'images/portfolio_26-portfolio_22_o.gif', 'portfolio_27', 'images/portfolio_27-portfolio_23_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_23_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_03', 'images/portfolio_03.gif', 'portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif',
'portfolio_22', 'images/portfolio_22.gif', 'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_23" SRC="images/portfolio_23.gif" WIDTH=184 HEIGHT=16 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_03', 'images/portfolio_03-portfolio_24_o.gif', 'portfolio_14', 'images/portfolio_14-portfolio_24_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_24_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_24_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_17_o.gif', 'portfolio_20',
'images/portfolio_20-portfolio_17_o.gif', 'portfolio_21', 'images/portfolio_21-portfolio_17_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_17_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_17_o.gif', 'portfolio_24', 'images/portfolio_24-over.gif', 'portfolio_25', 'images/portfolio_25-portfolio_17_o.gif',
'portfolio_26', 'images/portfolio_26-portfolio_17_o.gif', 'portfolio_27', 'images/portfolio_27-portfolio_24_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_24_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_03', 'images/portfolio_03.gif', 'portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif',
'portfolio_22', 'images/portfolio_22.gif', 'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_24" SRC="images/portfolio_24.gif" WIDTH=184 HEIGHT=15 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_03', 'images/portfolio_03-portfolio_25_o.gif', 'portfolio_14', 'images/portfolio_14-portfolio_25_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_25_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_25_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_22_o.gif', 'portfolio_20',
'images/portfolio_20-portfolio_22_o.gif', 'portfolio_21', 'images/portfolio_21-portfolio_22_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_23_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_22_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_22_o.gif', 'portfolio_25', 'images/portfolio_25-over.gif',
'portfolio_26', 'images/portfolio_26-portfolio_22_o.gif', 'portfolio_27', 'images/portfolio_27-portfolio_25_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_25_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_03', 'images/portfolio_03.gif', 'portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif',
'portfolio_22', 'images/portfolio_22.gif', 'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_25" SRC="images/portfolio_25.gif" WIDTH=184 HEIGHT=17 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_14', 'images/portfolio_14-portfolio_26_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_26_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_26_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_26_o.gif', 'portfolio_20', 'images/portfolio_20-portfolio_26_o.gif', 'portfolio_21',
'images/portfolio_21-portfolio_26_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_26_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_26_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_26_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_26_o.gif', 'portfolio_26', 'images/portfolio_26-over.gif',
'portfolio_27', 'images/portfolio_27-portfolio_26_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_26_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif', 'portfolio_22', 'images/portfolio_22.gif',
'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_26" SRC="images/portfolio_26.gif" WIDTH=184 HEIGHT=16 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_14', 'images/portfolio_14-portfolio_27_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_27_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_27_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_27_o.gif', 'portfolio_20', 'images/portfolio_20-portfolio_27_o.gif', 'portfolio_21',
'images/portfolio_21-portfolio_27_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_27_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_27_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_27_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_27_o.gif', 'portfolio_26', 'images/portfolio_26-portfolio_27_o.gif',
'portfolio_27', 'images/portfolio_27-over.gif', 'portfolio_28', 'images/portfolio_28-portfolio_27_o.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif', 'portfolio_22', 'images/portfolio_22.gif',
'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_27" SRC="images/portfolio_27.gif" WIDTH=184 HEIGHT=17 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_14', 'images/portfolio_14-portfolio_28_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_27_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_27_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_27_o.gif', 'portfolio_20', 'images/portfolio_20-portfolio_27_o.gif', 'portfolio_21',
'images/portfolio_21-portfolio_27_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_27_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_27_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_27_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_27_o.gif', 'portfolio_26', 'images/portfolio_26-portfolio_27_o.gif',
'portfolio_27', 'images/portfolio_27-portfolio_28_o.gif', 'portfolio_28', 'images/portfolio_28-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif', 'portfolio_22', 'images/portfolio_22.gif',
'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif'); return true;">
<IMG NAME="portfolio_28" SRC="images/portfolio_28.gif" WIDTH=184 HEIGHT=15 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<A HREF="#"
ONMOUSEOVER="changeImages('portfolio_14', 'images/portfolio_14-portfolio_29_o.gif', 'portfolio_17', 'images/portfolio_17-portfolio_27_o.gif', 'portfolio_18', 'images/portfolio_18-portfolio_27_o.gif', 'portfolio_19', 'images/portfolio_19-portfolio_27_o.gif', 'portfolio_20', 'images/portfolio_20-portfolio_27_o.gif', 'portfolio_21',
'images/portfolio_21-portfolio_27_o.gif', 'portfolio_22', 'images/portfolio_22-portfolio_27_o.gif', 'portfolio_23', 'images/portfolio_23-portfolio_27_o.gif', 'portfolio_24', 'images/portfolio_24-portfolio_27_o.gif', 'portfolio_25', 'images/portfolio_25-portfolio_27_o.gif', 'portfolio_26', 'images/portfolio_26-portfolio_27_o.gif',
'portfolio_27', 'images/portfolio_27-portfolio_29_o.gif', 'portfolio_28', 'images/portfolio_28-portfolio_29_o.gif', 'portfolio_29', 'images/portfolio_29-over.gif'); return true;"
ONMOUSEOUT="changeImages('portfolio_14', 'images/portfolio_14.gif', 'portfolio_17', 'images/portfolio_17.gif', 'portfolio_18', 'images/portfolio_18.gif', 'portfolio_19', 'images/portfolio_19.gif', 'portfolio_20', 'images/portfolio_20.gif', 'portfolio_21', 'images/portfolio_21.gif', 'portfolio_22', 'images/portfolio_22.gif',
'portfolio_23', 'images/portfolio_23.gif', 'portfolio_24', 'images/portfolio_24.gif', 'portfolio_25', 'images/portfolio_25.gif', 'portfolio_26', 'images/portfolio_26.gif', 'portfolio_27', 'images/portfolio_27.gif', 'portfolio_28', 'images/portfolio_28.gif', 'portfolio_29', 'images/portfolio_29.gif'); return true;">
<IMG NAME="portfolio_29" SRC="images/portfolio_29.gif" WIDTH=184 HEIGHT=18 BORDER=0 ALT=""></A></TD>
</TR>
<TR>
<TD COLSPAN=3>
<IMG SRC="images/portfolio_30.gif" WIDTH=184 HEIGHT=115 ALT=""></TD>
</TR>
<TR>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=121 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=44 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=70 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=70 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=65 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=99 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=71 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=60 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=90 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=93 HEIGHT=1 ALT=""></TD>
<TD>
<IMG SRC="images/spacer.gif" WIDTH=7 HEIGHT=1 ALT=""></TD>
</TR>
</TABLE>
<!-- End ImageReady Slices -->
<p> </p>
<p> </p>
<!-- text links -->
<div align="center"><p class="textlinks"><A HREF="../index.html">home</a> | <A HREF="../portfolio/index.html">portfolio</a> | <A HREF="../services/index.html">services</a> | <A HREF="../clients/index.html">client projects</a> | <A HREF="../about/index.html">about us</a> | <A HREF="../contact/index.html">contact</a> | <A HREF="../accessibility/index.html">accessibility</a></p>
<p class="textlinks">
(c) Copyright the new studio 1995 - 2015</p>
</div>
</BODY>
</HTML>