<!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>Lisa Talbot - Home</title>
<meta name="description" content="Lisa Talbot" />
<meta name="keywords" content="Lisa Talbot" />

<style type="text/css">
html{ height: 100%; } 
table{margin:0px}

body{height: 100%; margin:0px; background-color: #FFFFFF; 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: #FFFFFF; width:865px;height:490px;background-repeat:no-repeat; padding:5px; }
.content{background-color: #FFFFFF; width:100%; height:18px; border:0px}
.logo{font-family: arial; color: #000000; font-size: 40px;}

.templatebox{border:0px solid #FFFFFF; width:865px;height:490px;background-repeat:no-repeat} 
.gallerybox{border:0px solid #FFFFFF;background-color: #FFFFFF;background-repeat:no-repeat} 
.templatelogo{font-family: arial; color: #000000; padding: 5px; font-size: 40px}
.templatefooter{font-family: arial; font-size:12px;color:#000000;text-align: center}
.templatephotobiz{font-family: arial;text-decoration:none; font-size:10px;font-weight:bold;color:#000000;text-align: center}
.contentbox_shared{background-color: #FFFFFF;width:50%;height:100%;border:0px;border-left: 0px solid #FFFFFF} 
.contentbox_thumb{background-color: #FFFFFF;width:60px;height:100%;border:0px;border-left: 0px solid #FFFFFF} 
.contentbox{background-color: #FFFFFF;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 #FFFFFF; width: 50px; height: 50px; margin-bottom: 5px; cursor: pointer;}
.thumb_container{width: 54px;padding:4px;}
.pagetitle{font-family: arial; font-size:25px; color:#FFFFFF;padding-top:20px;padding-left:20px;padding-right:20px;text-align:left}
.pagetext{font-family: arial; font-size:12px; color:#050505; text-decoration:none;text-align:left}
.pagetextlink{font-family: arial; font-size:12px; color:#050505; text-decoration:none;font-weight:bold;text-align:left}
.requiredcolor{font-family: arial; font-size:12px; color:#000000; text-decoration:none}
textarea{background-color:#FFFFFF;border:#000000 1px solid;font-family:arial;font-size:12px;color: #000000} 
input{font-size:12px;color:#000000;background: #FFFFFF;border: 1px solid #000000}
.submit input{font-size:12px;color: #000000;background: #a2a2a2;border: 1px outset #FFFFFF} 
.itemlistimage {padding-bottom:20px; padding-left:20px; padding-right:20px;}
a.nav_months{ font-family: arial; font-size:14px; color:#050505; 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:#050505; text-decoration:none;text-align:left	}
/* the year name label inside of the title bar */
.calLblYear{ font-family: arial; font-size:14px; color:#050505; 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 #FFFFFF; border-left: 1px solid #FFFFFF; font-size: 11px; }
/* each box holding a single week day name */
.calDayBox{ display: inline-block; width: 46px; height: 18px; border-bottom: 1px solid #FFFFFF;	border-right: 1px solid #FFFFFF; font-family: arial; font-size:14px; color:#050505; text-decoration:none; text-align:center; }
/* the container holding all dates for s single month */
.calDateContainer{ width: 329px; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF;	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 #FFFFFF; border-right: 1px solid #FFFFFF; color: #050505; }
.calDatesBox:hover{ background: #333333; }
.calBlankDatesBox{} /* each box without any dates in them - BLANK */
.calBlankDatesBox:hover{ background: #FFFFFF; }
.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: #FFFFFF; background: #333333; }
.calInvalidDateBox:hover{ background: #333333; }
	


/* ************ 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: #000000; }
.navigation_container a.nav_selected{ background-color: #666666; color: #999999;  -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:	#FFFFFF; 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:	#FFFFFF; }
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: #333333;	color: #FFFFFF; }
div.dropmenu .theme_1 a:hover{ background-color: #666666; color: #FFFFFF; }

/* theme 2 */
div.dropmenu .theme_2{ background-color: #FFFFFF; }
div.dropmenu .theme_2 .wrapper{ border-style: solid;	border-width:  1px; border-color: #FFFFFF; }
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: #333333; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFFFFF; }
div.dropmenu .theme_2 a:hover{ background-color: #666666; color: #FFFFFF; }
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: #333333; 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: #FFFFFF; }
div.dropmenu .theme_3 a:hover { color: #FFFFFF; }
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: #333333; 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:	#333333; color: #FFFFFF; }
div.dropmenu .theme_4 a:hover { background-color: #666666; color: #FFFFFF; }
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: #333333; 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:	#333333; color: #FFFFFF; }
div.dropmenu .theme_5 a:hover { background-color: #333333; color: #FFFFFF; }
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: #FFFFFF; -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_black.png) no-repeat 50% 50%; }
.pause_overlay{ background: transparent url(/images/pause_black.png) no-repeat 50% 50%;	}
#go_previous { position: absolute; width: 75px; height: 490px; top: 0px; left: 0px;	cursor: pointer; background: transparent url(/images/left_black.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_black.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: #252324; 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_black.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_black.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_black.png) no-repeat 0 0; margin: auto; margin-bottom: 5px; }
#paging_container .downButton{ width: 20px; height: 13px; background: url(/images/down_black.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) {

	document.oncopy=new Function("return false");

	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">
	var isIphone = false;
	var agent=navigator.userAgent.toLowerCase();
	var is_iphone = (agent.indexOf('iphone')!=-1)||(agent.indexOf('ipod')!=-1);
	if (is_iphone) { 
		isIphone = true; 
		window.location='/?load=iphone';
	}
</script>

<script type="text/javascript">
	var isBlackberry = false;
	var agent=navigator.userAgent.toLowerCase();
	var is_blackberry = (agent.indexOf('blackberry')!=-1);
	if (is_blackberry) { 
		isblackberry = true; 
		window.location='/?load=iphone';
	}
</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: #4E4C4D; /* lightbox background color */ border:1px solid #4E4C4D; -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://image10.photobiz.com/5751/27_20130128133713_2363114_large.jpg" 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_666382" class="nav_item nav_selected" style="white-space: nowrap;" href="/html_home.cfm?menu_itemID=666382&load=html">Home</a> 
		
			<a id="menu_666383" class="nav_item" style="white-space: nowrap;" href="#">Information</a> 
		
			<a id="menu_666387" class="nav_item" style="white-space: nowrap;" href="#">Galleries</a> 
		
			<a id="menu_666395" class="nav_item" style="white-space: nowrap;" href="/html_contact.cfm?menu_itemID=666395&load=html">Contact Us</a> 
		
			<a id="menu_931998" class="nav_item" style="white-space: nowrap;" href="/html_links.cfm?menu_itemID=931998&load=html">Links</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">
	<a href="http://www.linkedin.com/pub/lisa-talbot/12/746/916/" target="_blank" title=""><img src="/images/linkedin_bw.png" border="0" style="padding-right:6px; padding-top:6px; padding-left:6px;"></a><a href="https://www.facebook.com/pages/Lisa-Talbot/118192624858999" target="_blank" title=""><img src="/images/facebook_bw.png" border="0" style="padding-right:6px; padding-top:6px; "></a><a href="http://instagram.com/lisatalbot.artist" target="_blank" title=""><img src="/images/instagram_bw.png" border="0" style="padding-right:6px; padding-top:6px; "></a>
	</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: 2,
	totalPerPage: 7,
	images: [
	
		{small: "http://image12.photobiz.com/6777/27_20130103003145_2315222_tiny.jpg", large: "http://image12.photobiz.com/6777/27_20130103003145_2315222_medium.jpg", primaryColor: ""}, 
		{small: "http://image4.photobiz.com/7932/27_20160228214731_4750751_tiny.jpg", large: "http://image4.photobiz.com/7932/27_20160228214731_4750751_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:		true,
		
		autoPlay:		false,	
		
	
	//===== 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_666383" class="dropmenu">	
				<div class="theme_5"> 
					<div class="wrapper"> 
							
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=666384&load=html&parentID=666383">About Lisa</a>
							
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=666385&load=html&parentID=666383">Our Services</a>
							
					</div> 
				</div> 
			</div> 
			
			<div id="dropmenu_666387" class="dropmenu">	
				<div class="theme_5"> 
					<div class="wrapper"> 
							
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=940118&load=html&parentID=666387">Art Documentation</a>
							
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=666388&load=html&parentID=666387">Products</a>
							
					</div> 
				</div> 
			</div> 
			
	</div>
	
	<script type="text/javascript">
	
			PBUtil.module.dropMenu.attach({	
				element: "menu_666383",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_666383",	/* 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_666387",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_666387",	/* 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>