<!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=utf-8" />
<title>Burkholder Kitchen + Bath Design</title>
<meta name="description" content="Eileen Burkholder, is a Certified Kitchen Designer since 1997 and owner of Burkholder Kitchen and Bath Design. She has over 20 years of experience in designing kitchens and baths.  The first 12 years of her design work was in Minneapolis, MN.  Eileen then opened her design studio in the Black Hills of South Dakota in 2002.
“My goal is to create beautifully personalized kitchens and baths by combining  my knowledge, experience and exciting design elements with my clients desires.  I follow a process of listening, educating and offering design solutions that are client focused and result in client satisfaction."" />
<meta name="keywords" content="bkbd, Burkholder Design, Burkholder Design LLC, burkholderdesignllc, Kitchen, Bath,Kitchen and Bath, Burkholder, Eileen Burkholder, CKD, Certified Kitchen Designer,
NKBA, National Kitchen and Bath member, Countertops, Cabinetry, Cupboards, Kitchen cabinets, Vanities, Appliances, Lighting, Tile, Rapid City, SD, Black Hills of South Dakota, Black Hills, Rapid, South Dakota, Spearfish, Custer, Hill City, Deadwood, Lead, Sturgis, Plumbing fixtures, Kitchen fixtures, Bath Fixtures, Lighting fixtures, Kitchen remodel, Bath remodel, Bathroom remodel, Kohler, Franke, KWC, Brizo, Grohe, Appliances, Wolf, Subzero, Viking, Dacor, Ann Sacks Tile, Artistic tile, Cabinetry hardware, Rocky Mountain Hardware, Quartz countertops, Cambria, Ceaserstone, Hanstone, Silestone, granite countertops, Stone countertops, Corian, Kitchen designer, Kitchen design, Interior decorator, Interior design, Interior designer, Bath design, Bathroom design, Bath designer, Shower systems," />
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-28514015-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> 
<style type="text/css">
html{ height: 100%; } 
table{margin:0px}

body{height: 100%; margin:0px; background-color: #333333; scrollbar-face-color: #666666; scrollbar-highlight-color: #666666; scrollbar-track-color: #333333; scrollbar-arrow-color: #FFFFFF;

	background-attachment: scroll;background-image: none;
	background-repeat: no-repeat; 
	background-position: center;

}

.rounded_corner_3 { -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }
.rounded_corner_5 { -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.rounded_corner_10{	-webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -opera-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; }	
.content_border { border-width: 2px; border-style: solid; border-color: #777777; width:865px;height:490px;background-repeat:no-repeat; padding:5px; }
.content{background-color: #333333; width:100%; height:18px; border:0px}
.logo{font-family: arial; color: #777777; font-size: 40px;}

.templatebox{border:0px solid #777777; width:865px;height:490px;background-repeat:no-repeat} 
.gallerybox{border:0px solid #777777;background-color: #333333;background-repeat:no-repeat} 
.templatelogo{font-family: arial; color: #777777; padding: 5px; font-size: 40px}
.templatefooter{font-family: arial; font-size:12px;color:#333333;text-align: center}
.templatephotobiz{font-family: arial;text-decoration:none; font-size:10px;font-weight:bold;color:#333333;text-align: center}
.contentbox_shared{background-color: #333333;width:50%;height:100%;border:0px;border-left: 0px solid #777777} 
.contentbox_thumb{background-color: #333333;width:60px;height:100%;border:0px;border-left: 0px solid #777777} 
.contentbox{background-color: #333333;width:100%;height:100%;border:0px} 
.iframebox_thumb{width:62px;height:490px;marginwidth:0px;text-align:left}
.iframebox_small{width:350px;height:125px; padding-right:7px}
.iframebox_shared{width:350px;height:350px; padding-right:7px}
.iframebox{width:800px;height:350px; padding-right:7px}
.thumbNormal {border:2px solid #777777; width: 50px; height: 50px; margin-bottom: 5px; cursor: pointer;}
.thumb_container{width: 54px;padding:4px;}
.pagetitle{font-family: arial; font-size:25px; color:#777777;padding-top:20px;padding-left:20px;padding-right:20px;text-align:left}
.pagetext{font-family: arial; font-size:12px; color:#777777; text-decoration:none;text-align:left}
.pagetextlink{font-family: arial; font-size:12px; color:#777777; text-decoration:none;font-weight:bold;text-align:left}
.requiredcolor{font-family: arial; font-size:12px; color:#D6D6D6; text-decoration:none}
textarea{background-color:#292929;border:#999999 1px solid;font-family:arial;font-size:12px;color: #E3FAA7} 
input{font-size:12px;color:#E3FAA7;background: #292929;border: 1px solid #999999}
.submit input{font-size:12px;color: #EDEDED;background: #696969;border: 1px outset #777777} 
.itemlistimage {padding-bottom:20px; padding-left:20px; padding-right:20px;}
a.nav_months{ font-family: arial; font-size:14px; color:#777777; text-decoration:none;text-align:left }
/* title bar holding the month and year name on top of the dates */
.calTitleBar{ width: 329px; text-align: right;	padding-bottom: 5px; }
/* the month name label inside of the title bar */
.calLblMonth{ display: inline-block; padding-right: 10px; 	font-family: arial; font-size:14px; color:#777777; text-decoration:none;text-align:left	}
/* the year name label inside of the title bar */
.calLblYear{ font-family: arial; font-size:14px; color:#777777; text-decoration:none;text-align:left }
/* the row holding the names of the saven days of the week - on top of the dates */
.calWeekContainer{  width: 329px; border-top: 1px solid #FFF6E0; border-left: 1px solid #FFF6E0; font-size: 11px; }
/* each box holding a single week day name */
.calDayBox{ display: inline-block; width: 46px; height: 18px; border-bottom: 1px solid #FFF6E0;	border-right: 1px solid #FFF6E0; font-family: arial; font-size:14px; color:#777777; text-decoration:none; text-align:center; }
/* the container holding all dates for s single month */
.calDateContainer{ width: 329px; border-top: 1px solid #FFF6E0; border-left: 1px solid #FFF6E0;	font-size: 11px;	font-family: arial; }
/* each box holding a single date of the month */
.calDatesBox{ display: inline-block; width: 42px; height: 42px; padding: 2px; border-bottom: 1px solid #FFF6E0; border-right: 1px solid #FFF6E0; color: #777777; }
.calDatesBox:hover{ background: #8F8261; }
.calBlankDatesBox{} /* each box without any dates in them - BLANK */
.calBlankDatesBox:hover{ background: #333333; }
.calTodayDateBox{} /* the date box matching todays date */
.calMarkedDateBox{} /* any box that youd like to mark as special dates (i.e. holiday, booked, etc.) */
/* the dates that are not clickable - i.e. booked, past dates, etc. */
.calInvalidDateBox{ color: #53638F; background: #8F8261; }
.calInvalidDateBox:hover{ background: #8F8261; }
	


/* ************ New content ************ */
.navigation_container{ text-align:left; }
.navigation_container a.nav_item{ font: bold 11px arial; display: block; padding: 5px; padding-left: 10px; padding-right: 10px; text-decoration: none; color: #FAFAFA; }
.navigation_container a.nav_selected{ background-color: #222222; color: #8A8A8A;  -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; -opera-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px;} /* currently selected menu item */

div.dropmenu{ position:	absolute; margin: 0px; visibility: hidden; z-index: 30px;	top: 0px; left:	0px; }
/* theme 1 */
div.dropmenu .theme_1{ background-color:	#222222; overflow: 	hidden; }
div.dropmenu .theme_1 .wrapper{ margin:	5px;	border-style:	solid; border-top-width: 4px; border-bottom-width: 4px; border-left-width: 0px; border-right-width: 0px; border-color:	#777777; }
div.dropmenu .theme_1 a:link, div.dropmenu .theme_1 a:visited, div.dropmenu .theme_1 a:active { font: bold 11px arial;	display: block; margin: 3px 0px 3px 0px;	padding: 4px 30px 4px 30px;	text-align: 	center;	text-decoration:	none; font-weight: bold; background-color: #222222;	color: #666666; }
div.dropmenu .theme_1 a:hover{ background-color: #222222; color: #F2F2F2; }

/* theme 2 */
div.dropmenu .theme_2{ background-color: #222222; }
div.dropmenu .theme_2 .wrapper{ border-style: solid;	border-width:  1px; border-color: #777777; }
div.dropmenu .theme_2 a:link, div.dropmenu .theme_2 a:visited, div.dropmenu .theme_2 a:active { font: bold 11px arial;	display: block; padding: 4px 30px 4px 30px; text-align:	center;	text-decoration:	none; font-weight: bold; background-color: #222222; color: #666666; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #222222; }
div.dropmenu .theme_2 a:hover{ background-color: #222222; color: #F2F2F2; }
div.dropmenu .theme_2 a.last:link, div.dropmenu .theme_2 a.last:visited, div.dropmenu .theme_2 a.last:active{ border-bottom-style:	none; }

/* theme 3 */
div.dropmenu .theme_3 { background-color: #222222; padding: 5px; }
div.dropmenu .theme_3 .wrapper {}
div.dropmenu .theme_3 a:link, div.dropmenu .theme_3 a:visited, div.dropmenu .theme_3 a:active {	font: bold 11px arial; display: block; padding: 5px 10px 5px 10px; text-align: left; text-decoration: none; font-weight: bold; color: #666666; }
div.dropmenu .theme_3 a:hover { color: #F2F2F2; }
div.dropmenu .theme_3 a.last:link, div.dropmenu .theme_3 a.last:visited, div.dropmenu .theme_3 a.last:active {}

/* theme 4 */
div.dropmenu .theme_4 { background-color: #222222; padding: 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; -o-border-radius: 5px;	border-radius: 5px; }
div.dropmenu .theme_4 .wrapper {}
div.dropmenu .theme_4 a:link, div.dropmenu .theme_4 a:visited, div.dropmenu .theme_4 a:active {	font: bold 11px arial; -webkit-border-radius: 5px;	-khtml-border-radius: 5px; -moz-border-radius: 5px;	-opera-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;	display: block; padding: 5px 10px 5px 10px;	text-align: center;	text-decoration: none; font-weight:	bold; background-color:	#222222; color: #666666; }
div.dropmenu .theme_4 a:hover { background-color: #222222; color: #F2F2F2; }
div.dropmenu .theme_4 a.last:link, div.dropmenu .theme_4 a.last:visited, div.dropmenu .theme_4 a.last:active {}

/* theme 5 */
div.dropmenu .theme_5 { background-color: #222222; padding: 10px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; -o-border-radius: 5px;	border-radius: 5px; }
div.dropmenu .theme_5 .wrapper {}
div.dropmenu .theme_5 a:link, div.dropmenu .theme_5 a:visited, div.dropmenu .theme_5 a:active {	font: bold 11px arial; -webkit-border-radius: 5px;	-khtml-border-radius: 5px; -moz-border-radius: 5px;	-opera-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;	display: block; padding: 5px 10px 5px 10px;	text-align: center;	text-decoration: none; font-weight:	bold; background-color:	#222222; color: #666666; }
div.dropmenu .theme_5 a:hover { background-color: #222222; color: #F2F2F2; }
div.dropmenu .theme_5 a.last:link, div.dropmenu .theme_4 a.last:visited, div.dropmenu .theme_4 a.last:active {}

#pagingContainer{ margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
/*#pagingContainer.vertical{ width: 258px; }
#pagingContainer.horizontal{ width: 850px; }
#pagingContainer.horizontal_wrapped { width: 258px; }*/
.slideContainer{ position: relative !important; width: 865px; height: 504px; overflow:hidden; }
.logoThumbnailContainer{ position: relative; }
#pagingContainer.vertical .logoThumbnailContainer{ float: left; width: 54px; }
#pagingContainer.horizontal .logoThumbnailContainer{}
#pagingContainer.horizontal_wrapped .logoThumbnailContainer{ float: left; width: 118px; }

.slideshowAndControlsContainer{ position: relative; } 
#pagingContainer.horizontal .slideshowAndControlsContainer{} 
.slideshowImageWrapper { padding: 5px; border-width: 2px; border-style: solid; border-color: #777777; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -moz-border-radius: 5px; -opera-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px;} /* border around images */
#play_pause_overlay { position: absolute; width: 700px; height: 490px; top: 0px;	left: 75px;	cursor: pointer; filter: alpha(opacity=001); opacity: 0.001; }
.play_overlay{ background: transparent url(/images/play.png) no-repeat 50% 50%; }
.pause_overlay{ background: transparent url(/images/pause.png) no-repeat 50% 50%;	}
#go_previous { position: absolute; width: 75px; height: 490px; top: 0px; left: 0px;	cursor: pointer; background: transparent url(/images/left.png) no-repeat 50% 50%; filter: alpha(opacity=001); opacity: 0.001; }
#go_next { position: absolute; width: 75px; height: 490px; top: 0px; left: 775px; 	cursor: pointer; background: transparent url(/images/right.png) no-repeat 50% 50%; filter: alpha(opacity=001); opacity: 0.001; }

#play_pause_overlay_null {} /* _null used for home page gallery which does not require overlays */
.play_overlay_null {}
.pause_overlay_null {}
#go_previous_null {}
#go_next_null {}

/* prevents draging images on home pages */
#overlay_blocker {position: absolute; width: 850px; height: 490px; top: 0px;	left: 0px;	cursor: default; filter: alpha(opacity=001); opacity: 0.001; background: transparent url(/images/playnull.png) no-repeat 50% 50%;}

#paging_container{ position: relative; }
#pagingContainer.horizontal #paging_container { width: 450px; margin: auto; overflow: hidden; margin-bottom: 5px; }
#paging_thumb_container{ position: relative; overflow: hidden; }
#pagingContainer.horizontal #paging_thumb_container{ float: left; }
#paging_thumb_container .thumbNormal{ border-width: 2px; border-style: solid; border-color: #707070; cursor: pointer; height: 50px; width: 50px; margin-bottom: 5px; visibility: hidden; }
#paging_thumb_container .thumbSelected{ filter: alpha(opacity=07); -moz-opacity: 	0.5; opacity: 	0.5; }
#pagingContainer.horizontal #paging_thumb_container .thumbNormal{ float: left; margin-right: 5px; }
#pagingContainer.horizontal_wrapped #paging_thumb_container .thumbNormal{ float: left; margin-right: 5px; }
#paging_container .prevButton, #paging_container .nextButton{ cursor: pointer; }
#pagingContainer.horizontal #paging_container .prevButton,#pagingContainer.horizontal #paging_container .nextButton{ float: left; }
#paging_container .leftButton{ width: 13px; height: 20px; background: url(/images/left_small.png) no-repeat 0 0; }
#pagingContainer.horizontal #paging_container .leftButton{ margin-right: 5px; margin-top: 15px; }
#paging_container .rightButton{ width: 13px; height: 20px; background: url(/images/right_small.png) no-repeat 0 0; }
#pagingContainer.horizontal #paging_container .rightButton{ margin-left: 0px; margin-top: 15px; }
#paging_container .upButton{ width: 20px; height: 13px; background: url(/images/up.png) no-repeat 0 0; margin: auto; margin-bottom: 5px; }
#paging_container .downButton{ width: 20px; height: 13px; background: url(/images/down.png) no-repeat 0 0; margin: auto; margin-top: 5px; }

</style>
<script type="text/javascript">

//Disable right mouse click Script
//By Maximus (maximus@nsimail.com) w/ mods by DynamicDrive
//For full source code, visit http://www.dynamicdrive.com

var rightClickDisabled = typeof window.rightClickDisabled !== 'undefined' ? window.rightClickDisabled : true;
if (rightClickDisabled) {

	function clickIE4() {

		if (event.button == 2) {
			return false;
		}

	}

	function clickNS4(e) {

		if (document.layers || document.getElementById &&! document.all) {
			if (e.which == 2 || e.which == 3) {
				return false;
			}
		}

	}

	if (document.layers) {
		document.captureEvents(Event.MOUSEDOWN);
		document.onmousedown=clickNS4;
	} else if (document.all &&! document.getElementById) {
		document.onmousedown = clickIE4;
	}

	document.oncontextmenu = new Function("return false");

}

</script> 
<script type="text/javascript" src="/includes/mootools1.11.js"></script>
<script type="text/javascript" src="/global/lightbox_custom.js"></script>


<style type="text/css">
/*@charset "utf-8";*/
.modal_Overlay{ position: absolute !important; top: 0px; left: 0px !important; z-index: 5000; filter: alpha(opacity=77); -moz-opacity: 0.77; opacity: 0.77; background-color: #0D1015; width: 100%; display: none;  /* !important */ }
.modal_Container{ position: fixed !important; z-index: 5001 !important; background-color: transparent;	overflow: visible; display: none; /* !important */ padding: 20px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px; -moz-border-radius-topleft:8px; -moz-border-radius-topright:8px; background-color: #777777; /* lightbox background color */ border:1px solid #777777; -webkit-border-radius: 7px; -moz-border-radius: 8px; }
.modal_Content{ position: relative !important; overflow: hidden !important; overflow-y: hidden; clear: both; background: #CCCCCC; }
.modal_Caption{ position: absolute;	bottom: -55px; left: 0px; height: 50px; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;	font-weight: bold; font-size: 11px;	color: #FFFFFF; }
.modal_Close{ position: absolute; left: -20px; top: -20px; display: block; width: 42px; height: 42px; background: url(/images/close_button.png) no-repeat 0% 0%; cursor: pointer; }
.modal_iframe{}
.modal_iframeLoader{ background: url(/images/loading.gif) no-repeat 50% 50%;}
</style>

<script type="text/javascript" src="/global/utilities.js"></script>

<script type="text/javascript">

window.addEvent('domready', function() {
	
	// social icon mouseovers
	$$('.icon_social img').each(function(img) {
		var initialSrc = img.getProperty('src');
		var mouseoverSrc = img.getProperty('src').replace('_bw','_icon');
		img.addEvent('mouseenter', function() {
			img.setProperty('src', mouseoverSrc);
		});
		img.addEvent('mouseleave', function() {
			img.setProperty('src', initialSrc);
		});
	});
	
});

</script>
</head>


<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" style="height:100%">
<div id="page_boundary">
<tr>
	<td align="center" valign="middle">
		<table border="0" cellpadding="0" cellspacing="0" class="mainbox">
			<tr>
			    <td valign="middle" class="middlebox ">
					<table align="center" border="0" cellspacing="0" cellpadding="0">
					<tr>
						<tr>
							<td></td>
							<td align="center" style="padding-top:5px; padding-bottom:5px"><div id="logo_bar" style="width: 850px; text-align:left" class="templatelogo"><img src="http://image8.photobiz.com/3683/33_20110930162428_48222_large.png" border="0"></div></td>
						</tr>
					</tr>						
					<tr>
						<td valign="bottom" width="12%" style="padding-bottom:2px">
	<div id="bottom_navigation" class="navigation_container">
		
			<a id="menu_885273" class="nav_item nav_selected" style="white-space: nowrap;" href="/html_home.cfm?menu_itemID=885273&load=html">Home</a> 
		
			<a id="menu_885274" class="nav_item" style="white-space: nowrap;" href="#">Info</a> 
		
			<a id="menu_885278" class="nav_item" style="white-space: nowrap;" href="#">Portfolio</a> 
		
			<a id="menu_885286" class="nav_item" style="white-space: nowrap;" href="/html_contact.cfm?menu_itemID=885286&load=html">Contact Us</a> 
			
	</div> 
	</td>
						<td style="padding-left:8px">
							<table align="center" cellpadding="0" cellspacing="0">
							  <tr>
							    <td align="center" class="templatebox" height="490px">							
<div class="slideshowAndControlsContainer">
	<div id="slide_container" class="slideContainer"></div>
	<div id="go_previous_null" style="font-size:0px;display:none"></div>
	<div id="play_pause_overlay_null" style="font-size:0px;display:none"></div>
	<div id="go_next_null" style="font-size:0px;display:none"></div>
	<div id="overlay_blocker"></div>
</div> 									</td>
								</tr>
							</table>
						</td>
					</tr>
					<tr>
						<td></td>
						<td align="right" style="float:right"> 
	<div class="icon_social">
	
	</div>


<script type="text/javascript">

window.addEvent('domready', function() {
	
	// social icon mouseovers
	$$('.icon_social img').each(function(img) {
		var initialSrc = img.getProperty('src');
		var mouseoverSrc = img.getProperty('src').replace('_bw','_icon');
		img.addEvent('mouseenter', function() {
			img.setProperty('src', mouseoverSrc);
		});
		img.addEvent('mouseleave', function() {
			img.setProperty('src', initialSrc);
		});
	});
	
});

</script></td>
					</tr>
					
					<tr style="display:none">
							<td>&nbsp;</td>
							<td align="center">
								<table align="center" border="0" cellspacing="0" cellpadding="0">
								<td style="padding: 10px">
<div id="pagingContainer" class="horizontal">
	<div class="logoThumbnailContainer">
		<div id="paging_container">
			<div id="paging_thumb_container">
				<div class="thumbNormal"></div>
			</div>
			<div class="prevButton"></div>
			<div class="nextButton"></div>
		</div>
	</div>
</div>
</td>
								</table>
							</td>
						</tr>
												
					</table>
				</td>			
			</tr>		
		</table>
	</td>
</tr>	

<tr>
	<td height="40px" align="center" style="padding-left:200px"> <span class="templatephotobiz">&copy; photobiz</span></td>
</tr>

</div>
</table>
</body>

</html>

<script type="text/javascript" src="/includes/class.pmSlideshow_v2.js"></script>
<script type="text/javascript" src="/includes/class.pmSlideshowPaging.js"></script>
<script type="text/javascript" src="/global/class.drowMenu.js"></script>
<script type="text/javascript" src="/includes/class.colorAnimator.js"></script>


<script type="text/javascript">
//=================== COLOR ANIMATION ==========================
/* Initiate the color animator module */
PBUtil.module.colorAnimator = new colorAnimator({duration: 1200 });


PBUtil.colorManager = {};

//Attach event to the sample button on the page for changing color
PBUtil.colorManager.executeColorChange = function(primaryColor){

	if (primaryColor != "") {
		// Calculates custom colors
		set4Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			set5Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			set6Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			set6RolloverOnColor = PBUtil.module.colorAnimator.getColor(primaryColor, '#FFFFFF', 5);
				set6RolloverOffColor = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
				set7Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 20);
			set7RolloverOnColor = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 20);
				
		
		// Start the color changes
		PBUtil.module.colorAnimator.animate([ 
			// Render color sets
			
				{ // Slideshow image border
				items: '.slideshowImageWrapper',
				
				styles: { 'border-top-color': primaryColor, 'border-bottom-color': primaryColor, 'border-left-color': primaryColor, 'border-right-color': primaryColor }
				
				}, 
				{ // Border colors for dropdown menu and image thumbnails
				items: 'div.dropmenu .theme_5 .wrapper, #paging_thumb_container .thumbNormal',
				
				styles: { 'border-top-color': set4Color, 'border-bottom-color': set4Color, 'border-left-color': set4Color, 'border-right-color': set4Color }
				
				}, 
				{ // Background colors for drop down menus
				items: 'div.dropmenu .theme_5',
				
				styles: { 'background-color': set5Color }
				
				}, 
				{ // Background colors for individual drop down menu
				items: 'div.dropmenu a.dropmenu',
				
				styles: { 'background-color': set6Color }
				,
					//handle roll-over items
					onEffectStart: function(){
						// Roll over of the dropdown menus
						PBUtil.module.colorAnimator.setRollover({
							items: 'div.dropmenu a.dropmenu',
							
							onStyles: { 'background-color': set6RolloverOnColor },
							offStyles: { 'background-color': set6RolloverOffColor }
						});
					}						
				
				}, 
				{ // Selected menu item
				items: '.nav_selected',
				
				styles: { 'background-color': set7Color }
				,
					//handle roll-over items
					onEffectStart: function(){
						// Roll over of the main navigation menus
						PBUtil.module.colorAnimator.setRollover({
							items: 'a.nav_item',
							
							exclude: 'a.nav_selected',
							
							onStyles: { 'background-color': set7RolloverOnColor, '-webkit-border-radius': '3px', '-khtml-border-radius': '3px', '-moz-border-radius': '3px', '-opera-border-radius': '3px', '-o-border-radius': '3px', 'border-radius': '3px', '-webkit-border-radius': '3px', '-khtml-border-radius': '3px', '-moz-border-radius': '3px', '-opera-border-radius': '3px', '-o-border-radius': '3px', 'border-radius': '3px' },
							offStyles: { "background-color": "" }
						});
					}						
				
				}  
		 ]);
	}
}

</script>

<script type="text/javascript">

//create the imageData array in JSON format
var imageData = {
	totalImages: 3,
	totalPerPage: 7,
	images: [
	
		{small: "http://image10.photobiz.com/5833/33_20121024163228_796357_tiny.jpg", large: "http://image10.photobiz.com/5833/33_20121024163228_796357_medium.jpg", primaryColor: ""}, 
		{small: "http://image5.photobiz.com/1902/33_20121024163223_796356_tiny.jpg", large: "http://image5.photobiz.com/1902/33_20121024163223_796356_medium.jpg", primaryColor: ""}, 
		{small: "http://image7.photobiz.com/7429/33_20121024163220_796355_tiny.jpg", large: "http://image7.photobiz.com/7429/33_20121024163220_796355_medium.jpg", primaryColor: ""} 
	]
};

/* Create the instance of the new slideshow Module pmSlideshowPaging - an extension of the original pmSlideshow class */
PBUtil.module.slideshow = new pmSlideshowPaging({
	data: 			imageData,
	
	//======= slideshow options ======
	container: 		"slide_container",			//id of the image container
	imageWrapperCSS: "slideshowImageWrapper",	//image wrapper CSS
	maxWidth:	865,
	maxHeight: 490,	
	
	
	
		playPauseOverlayID: "play_pause_overlay_null",	
		previousOverlayID: "go_previous_null",			
		nextOverlayID: 	"go_next_null",					
		pauseOverlayCSS: "pause_overlay_null",			
		playOverlayCSS: "play_overlay_null",			
	
	
	interval:		5000,		//the integer with the time interval for each slide to occur
	affectDuration: 500,
	effect:			true,		//show fade-in / fade-out affect?
	slideTogether:	false,		//slide both slides at the same time
	
	
		loop:			true,	
		randomize:		false,		
		autoPlay:		true,	
		
	
	//===== paging options =======
	pagingLayout: 	'horizontal',	//Layout type - options are 'vertical', 'horizontal', 'horizontal_wrapped'
	pagingContainerID: 'paging_container',		//the container with all paging elements (thumbnail images + arrows)
	thumbnailContainerID: 'paging_thumb_container',	//the contaienr with only the thumbnail images
	thumbnailsCSS: 	'thumbNormal',				//the css class for the normal state thumbnails
	thumbnailsSelectedCSS: 'thumbSelected',		//the css class for the selected state thumbnails
	prevButtonCSS: 	'prevButton',				//the css class for previous page button
	nextButtonCSS: 	'nextButton',				//the css class for next page button
	leftButtonCSS: 	'leftButton',				//the css class for previous page button - to be used for horizotnal layouts
	rightButtonCSS: 'rightButton',				//the css class for next page button - to be used for horizotnal layouts
	upButtonCSS: 	'upButton',					//the css class for previous page button - to be used for vertical layouts
	downButtonCSS: 	'downButton',				//the css class for next page button - to be used for vertical layouts
		
	//===== module's events =====
	onComplete: function(){
		//alert("Done loading and displaying, Index:" + this.curr_index);
		//alert(imageData.images[this.curr_index]);
		//PBUtil.colorManager.executeColorChange(imageData.images[this.curr_index].primaryColor);
	},
	onStart: function(){
		//alert("Starting image loading ...");
		//alert(imageData.images[this.curr_index].primaryColor);
		
		(function(){ PBUtil.colorManager.executeColorChange(imageData.images[this.curr_index].primaryColor); }).delay(500, this)
		
	}

});
</script>

	<div class="drop_menu_container" id="drop_menu_container"> 
		
			<div id="dropmenu_885274" class="dropmenu">	
				<div class="theme_5"> 
					<div class="wrapper"> 
							
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=885275&load=html&parentID=885274">About bkbd</a>
							
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=885276&load=html&parentID=885274">Design Process</a>
							
					</div> 
				</div> 
			</div> 
			
			<div id="dropmenu_885278" class="dropmenu">	
				<div class="theme_5"> 
					<div class="wrapper"> 
							
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=885279&load=html&parentID=885278">Kitchens</a>
							
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=885280&load=html&parentID=885278">Baths</a>
							
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=914891&load=html&parentID=885278">2011 Parade of Homes </a>
							
					</div> 
				</div> 
			</div> 
			
	</div>
	
	<script type="text/javascript">
	
			PBUtil.module.dropMenu.attach({	
				element: "menu_885274",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_885274",	/* ID of the dropdown element - the target element  - REQUIRED*/
				leftOffset:	0,
				where: "right"	/* menu position: "bottom", 'top', 'left' or "right"  - OPTIONAL. "bottom" is default.*/
			});
			
			PBUtil.module.dropMenu.attach({	
				element: "menu_885278",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_885278",	/* ID of the dropdown element - the target element  - REQUIRED*/
				leftOffset:	0,
				where: "right"	/* menu position: "bottom", 'top', 'left' or "right"  - OPTIONAL. "bottom" is default.*/
			});
			
	</script>