

<!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>Barnard Speziale | Gallery</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/t5/library/main.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/display/templates/t5/library/skins/10/background/1.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/display/templates/t5/library/skins/10/skin.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/library/css/theme/1.css" rel="stylesheet" type="text/css">
<link href="/site/ywd_prototype/library/css/alignment/2.css" rel="stylesheet" type="text/css">

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


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


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


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


<style type="text/css">


		body {
			background-image:url(/site/ywd_barnardspeziale//assets/images/barnardspeziale_L1-v4.jpg);
			background-position:top center;
			background-repeat:no-repeat;
			background-attachment:scroll;
		}
	

	#shadowbottomrow {
		display:none;
	}


#wrapper {
	width:964px;
}


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


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


	#wrapper {
		
		width:1008px;
	}
	.layoutleft {
		border-width:30px;
	}


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


	.footer, #wrapperfooter {
		background-color:#211916;
	}


.footer {
	padding-left:5px;
}

	
.footer {
	padding-right:5px;
}

	
.footer {
	padding-top:5px;
}

	
.footer {
	padding-bottom:5px;
}


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

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

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


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

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


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


		.navbararea, .navbar, #nav, #nav ul, #nav ul:hover {
			background-color:#211916;
			background-image:none;
			height:auto;
		}
	
	
		.navbutton, #nav li, #nav li ul, ul.dropdown *.dir, ul.dropdown ul, ul.dropdown li:hover, ul.dropdown li:hover {
			background-color:#211916;
			background-image:none;
		}
	
	
		.navbuttonrollover, .navbuttonon:hover, #nav li:hover, #nav li.sfhover, ul.dropdown li:hover, ul.dropdown ul a:hover {
			background-color:#211916;
			background-image:none;
		}
	

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

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


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


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


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

		.navlinks, .navlinkson, #nav li, #nav li ul, #css3dnav1 li a, #css3dnav1 li ul a, ul.dropdown {
			font-weight:normal;
		}
		

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

	.navbar, .navbararea, .navbutton, .navbuttonon, .navbuttonrollover {
		height:24px;
	}
	.navbutton a, .navbuttonon a, .navbuttonrollover a, .navlinks a, .navlinkson a, #nav a {
		line-height:12px;
	}


	.navbararea {
		background-image:url(site/ywd_barnardspeziale/assets/images/undefined);
		background-repeat:repeat-x;
	}


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


			.navbutton, #nav a, .navbuttonon, #nav a.dhtmlnavactive, .navbuttonrollover, .navbuttonon:hover, #nav a:hover, #nav li:hover, #nav li.sfhover  {
				background-position:top center;
			}
		

	.navbuttons td {
	
			border-left-style:none;
		
	}


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


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


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

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


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


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

	.navleft3, .navleft3current {
	
	}


	.navleft3, .navleft3current {
	
	}


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

	.linearnavbar, .linearnavbarsearch {
		height:10px;
	}


	.linearnavbar table, .linearnavbarsearch table {
		margin-top:10px;
	}


	.linearnavbar td a, .linearnavbarsearch td a {
	
	}


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

	.tertiarynav a {
	
	}


	.tertiarynav_l2 a {
			font-weight:normal;
		}
		

	.tertiarynav a {
			text-transform:none;
		}
		

	.contentmaincol, .contentmaincolsub {
		padding-bottom:0px;
	}


	.contentmaincol {
		padding-left:0px;
	}


	.contentmaincol {
		padding-right:0px;
	}


	.contentmaincol {
		padding-top:0px;
	}


	.contentmaincol {
		padding-bottom:0px;
	}


	h6 {
		padding-bottom:4px;
	}


	h1 {
		letter-spacing:px;
	}


	h2 {
		letter-spacing:px;
	}


	h3 {
		letter-spacing:px;
	}


	h4 {
		letter-spacing:px;
	}


	h5 {
		letter-spacing:px;
	}


	h6 {
		letter-spacing:px;
	}


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


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


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

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


	h1 {
	
	}


	h2 {
	
	}


	h3 {
	
	}


	h4 {
	
	}


	h5 {
	
			font-family:Georgia, "Times New Roman", Times, serif;
		
	}


	h6 {
	
	}


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


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


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


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


	h4 {
		line-height:18px;
	}


	h5 {
		line-height:16px;
	}


	h1 {
		font-weight:normal;
	}


	h2 {
		font-weight:normal;
	}


	h3 {
		font-weight:normal;
	}


	h4 {
		font-weight:normal;
	}


	h5 {
		font-weight:normal;
	}


	h1 {
		color:#211916;
	}


		h1 {
			text-transform:none;
		}
		

		h2 {
			text-transform:none;
		}
		

		h3 {
			text-transform:none;
		}
		

		h4 {
			text-transform:none;
		}
		

		h5 {
			text-transform:none;
		}
		

		h6 {
			text-transform:uppercase;
		}
		

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


	.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 {
		color:#A84E2C;
	}


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


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


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


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


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


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


#contentrightcol {
	margin-left:5px;
}


#contentrightcol {
	margin-right:5px;
}


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

#contentrightcol {
	width:215px;
}


	.rightcol, .rightcolsub {
		padding-bottom:0px;
	}


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


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


.rightcol #contentrightcol {
	width:215px;
}


	.rightcol, .rightcolsub {
		border-left:#FFFFF3 solid;
	}


	.rightcol, .rightcolsub {
		border-left-width:0px;
	}


	.rightcol, .rightcolsub {
		border-right:#FFFFF3 solid;
	}


	.rightcol, .rightcolsub {
		border-right-width:10px;
	}


	.rightcol, .rightcolsub {
		border-top-width:0px;
	}


	.rightcol, .rightcolsub {
		border-bottom-width:0px;
	}


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


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


	#content ul li, #content ol li {
		margin-bottom:0em;
	}


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


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


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


	hr {
		margin-top:0.5em;
	}


	hr {
		margin-bottom:0.5em;
	}


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


	.BlogButtons, .BlogButtons a {
	
	}


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


	.prodcell {
		border-top:1px solid #dddddd;
		border-left:1px solid #dddddd;
		border-right:1px solid #dddddd;
	}
	.prodcell2 {
		border-bottom:1px solid #dddddd;
		border-left:1px solid #dddddd;
		border-right:1px solid #dddddd;
	}


	.proddetail {
		border:1px solid #dddddd;
	}


</style>


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


		<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>


<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.barnardspeziale.com/index.cfm?pagepath=Home&amp;id=17888';">
        
        	
                <table style="width:100%;height:100%;" border="0" cellspacing="0" cellpadding="0">
                    <tr>
                        <td style="width:100%;"><a href="#"><img src="/site/ywd_barnardspeziale/assets/images/BarnardSpeziale-banner.gif" border="0"></a></td>
                    </tr>
                </table>
           					
        
    </div>
</div>
</div>


            <div class="navbararea"  onclick="document.location.href='http://www.barnardspeziale.com/index.cfm?pagepath=Home&amp;id=17888';">
                <div class="navbar">
                    
                    
    <table border="0" cellspacing="0" cellpadding="0">
        <tr>
            <td>
            <ul id="nav">
            
                
                <li><a href="http://www.barnardspeziale.com/index.cfm?pagepath=Home&amp;id=17888" >Home</a>
                
                
                <li><a href="http://www.barnardspeziale.com/index.cfm?pagepath=Gallery&amp;id=17889" class="dhtmlnavactive">Gallery</a>
                
                
                <li><a href="http://www.barnardspeziale.com/index.cfm?pagepath=About_Us&amp;id=17899" >About Us</a>
                
                
                <li><a href="http://www.barnardspeziale.com/index.cfm?pagepath=Testimonials&amp;id=19783" >Testimonials</a>
                
                
                <li><a href="http://www.barnardspeziale.com/index.cfm?pagepath=Design_is_Life&amp;id=17900" >Design is Life</a>
                
                
                <li><a href="http://www.barnardspeziale.com/index.cfm?pagepath=Media&amp;id=19085" >Media</a>
                
                
                <li><a href="http://www.barnardspeziale.com/index.cfm?pagepath=Contact_Us&amp;id=17901" >Contact Us</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="contentmaincolsub">
	
	
			<h1 style="margin-top:0px;">Gallery</h1>
        
		
	<div id="content">
   
    
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="wp"><table height="200" cellspacing="0" cellpadding="5" border="0" width="100%" style="">
    
        <tr>
            <td valign="middle" align="center" width="25%">
            <h2>Residence 1</h2>
            </td>
            <td valign="middle" align="center" width="25%">
            <h2>Residence 2</h2>
            </td>
            <td valign="middle" align="center" width="25%">
            <h2>Residence 3</h2>
            </td>
        </tr>
        <tr>
            <td valign="top" align="center" width="25%"><a href="/index.cfm?pagePath=Gallery/Residence_1&amp;id=19545"><img height="200" border="0" width="200" alt="" src="/site/ywd_barnardspeziale/assets/images/DeGroote_Lake_Rousseau-Living_Room.jpg" /></a></td>
            <td valign="top" align="center" width="25%"><a href="/index.cfm?pagePath=Gallery/Residence_2&amp;id=19546"><img hspace="20" height="200" border="0" width="200" alt="" src="/site/ywd_barnardspeziale/assets/images/BarnardSpeziale-Retouched_Photo__T.R._Entry_.jpg" /></a></td>
            <td valign="top" align="center" width="25%"><a href="/index.cfm?pagePath=Gallery/Residence_3&amp;id=19547"><img height="200" border="0" width="220" src="/site/ywd_barnardspeziale/assets/images/Guelph-Family_Room-2.jpg" alt="" /></a></td>
        </tr>
    
</table>
<p></p></div><div style="margin:0px;padding:0px;height:0px;clear:both;"></div>
                </div>
            </div>
		
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="wp"><table height="273" cellspacing="0" cellpadding="5" border="0" width="100%" style="">
    
        <tr>
            <td valign="middle" align="center" width="25%">
            <h2>Residence 4</h2>
            </td>
            <td valign="middle" align="center" width="25%">
            <h2>Residence 5</h2>
            </td>
            <td valign="middle" align="center" width="25%">
            <h2>Residence 6</h2>
            </td>
        </tr>
        <tr>
            <td valign="top" align="center" width="25%"><a href="/index.cfm?pagePath=Gallery/Residence_4&amp;id=19684"><img height="200" border="0" width="210" src="/site/ywd_barnardspeziale/assets/images/Bluffs-102Final.jpg" alt="" /></a></td>
            <td valign="top" align="center" width="25%"><a href="/index.cfm?pagePath=Gallery/Residence_5&amp;id=19739"><img hspace="20" height="200" border="0" width="225" src="/site/ywd_barnardspeziale/assets/images/20100129_15-1.jpg" alt="" /></a></td>
            <td valign="top" align="center" width="25%"><a href="/index.cfm?pagePath=Gallery/Residence_6&amp;id=19741"><img height="200" border="0" width="220" src="/site/ywd_barnardspeziale/assets/images/Dining_Room-1.jpg" alt="" /></a></td>
        </tr>
    
</table>
<p></p></div><div style="margin:0px;padding:0px;height:0px;clear:both;"></div>
                </div>
            </div>
		
        	<div class="maincolbox">
                <div class="maincolcblock">
                    <div class="wp"><table height="273" cellspacing="0" cellpadding="5" border="0" width="100%" style="">
    
        <tr>
            <td align="center" width="25%" valign="middle">
            <h2>Residence 7</h2>
            </td>
            <td align="center" width="25%" valign="middle">
            <h2>Residence 8</h2>
            </td>
            <td align="center" width="25%" valign="middle">
            <h2>Media &amp; Games</h2>
            </td>
        </tr>
        <tr>
            <td align="center" width="25%" valign="top"><a href="/index.cfm?pagePath=Gallery/Residence_7&amp;id=19764"><img height="200" border="0" width="240" src="/site/ywd_barnardspeziale/assets/images/20100129_10_cover.jpg" alt="" /></a></td>
            <td align="center" width="25%" valign="top"><a href="/index.cfm?pagePath=Gallery/Residence_8&amp;id=23229"><img height="200" border="0" width="225" alt="" src="/site/ywd_barnardspeziale/assets/images/Lawrie_183Final-1.jpg" /></a></td>
            <td align="center" width="25%" valign="top"><a href="/index.cfm?pagePath=Gallery/Media_Games_Rooms&amp;id=19752"><img hspace="20" height="200" border="0" width="210" alt="" src="/site/ywd_barnardspeziale/assets/images/WowMag-059MainFinal2.jpg" /></a></td>
        </tr>
    
</table>
<p></p></div><div style="margin:0px;padding:0px;height:0px;clear:both;"></div>
                </div>
            </div>
		
		
    </div>
	
	
		<div class="contentbottomlinks">
			<table border="0" cellpadding="0" cellspacing="0">
				<tr>
					
                    
                                <td><a href="#" class="sharelink" onClick="openShareWindowFacebook('Gallery');" onFocus="this.blur();"><img src="/site/ywd_prototype/display/icon_facebook.gif" border="0" style="border:none;margin:0px;" alt="Facebook" title="Facebook" /></a></td>
                                <td style="border:none;">&nbsp;&nbsp;&nbsp;</td>
                            
                        
                                <td><a href="#" class="sharelink" onClick="openShareWindow('Twitter');" onFocus="this.blur();"><img src="/site/ywd_prototype/display/icon_twitter.gif" border="0" style="border:none;margin:0px;" alt="Twitter" title="Twitter" /></a></td>
                                <td style="border:none;">&nbsp;&nbsp;&nbsp;</td>
                            
                        
				</tr>
			</table>
		</div>
	

        <div id="ywdsidebadgesleft">
            
            
        </div>
    
	
        <div id="ywdsidebadgesright">
        	
            
                <div class="ywdsidebadgeicon">
                    <a href="http://www.facebook.com/pages/Waterdown-ON/Barnard-Speziale-Interior-Design/138020992901456?v=app_4949752878#!/pages/Waterdown-ON/Barnard-Speziale-Interior-Design/138020992901456?v=wall&__a=10&ajaxpipe=1" target="_blank"><img alt="Become a Fan on Facebook" src="/site/ywd_prototype/library/css/ywd_facebook_badge_grey.gif" border="0"></a>
                </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">
                        
                        
                    </td>
                
			</tr>
			

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


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


		</table>
	</td>
	<td>&nbsp;</td>
</tr>
    	</table>
    

    	</div>
</div>

 
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-16513275-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

</body>
</html>