<!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>Lily Chan Photography - Lifestyle and commercial photography with an edge. Based in West Los Angeles. - Home</title>
<meta name="description" content="Lily Chan Photography is a studio based in Playa Vista, California specializing in lifestyle portraits and commercial photography with an edge." />
<meta name="keywords" content="Lily Chan Photography, commercial photography, retail, product, restaurant, food, concerts, band, rock band, music, art, lifestyle photography, family portraits, family photography, pet photography, pet portraits, dog portraits, west los angeles, playa vista, santa monica, culver city, westchester, southern california, south bay, marina del rey, edgy family portraits, modern family portraits, contemporary family portraits" />


<style type="text/css">
html { height: 100%; }

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_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; }	

.mainbox { width: 930px; }
.middlebox { border: 2px solid #CDCDCD; background-color: #FFFFFF; }
.gallerybox{border:0px solid #CDCDCD;background-color: #be1e2d;background-repeat:no-repeat } 
.templatebox{ border: 0px solid #CDCDCD; background-color: #be1e2d; background-repeat: no-repeat; padding: 5px; width:678px; height:390px; }
.templatelogo{font-family: arial; color: #000000; padding: 5px; font-size: 40px}
.templatefooter{font-family: arial; font-size:12px;color:#FFFFFF;text-align: center}
.templatephotobiz{font-family: arial;text-decoration:none; font-size:10px;font-weight:bold;color:#FFFFFF;text-align: center}
.contentbox_shared{background-color: #be1e2d;width:50%;height:100%;border:0px;border-left: 0px solid #CDCDCD} 
.contentbox_thumb{background-color: #be1e2d;width:60px;height:100%;border:0px;border-left: 0px solid #CDCDCD} 
.contentbox{background-color: #be1e2d;width:100%;height:100%;border:0px} 
.iframebox_thumb{width:62px;height:385px;marginwidth:0px;text-align:left}
.iframebox_small{width:270px;height:150px; padding-right:4px}
.iframebox_shared{width:270px;height:425px; padding-right:4px}
.iframebox{width:628px;height:300px; padding-right:7px}
.thumbNormal {border:2px solid #CDCDCD; width: 50px; height: 50px; margin-bottom: 5px; cursor: pointer;}
.thumb_container{width: 54px;padding:4px;}
.pagetitle{font-family: arial; font-size:18px; color:#FFFFFF;padding-top:0px;padding-left:20px;padding-right:20px;text-align:left}
.pagetext{font-family: arial; font-size:13px; color:#FFFFFF; text-decoration:none;text-align:left}
.pagetextlink{font-family: arial; font-size:12px; color:#FFFFFF; text-decoration:none;font-weight:bold;text-align:left}
.requiredcolor{font-family: arial; font-size:12px; color:#CDCDCD; text-decoration:none}
textarea{background-color:#333333;border:#CDCDCD 1px solid;font-family:arial;font-size:12px;color: #FFFFFF} 
input{font-size:12px;color:#FFFFFF;background: #333333;border: 1px solid #CDCDCD}
.submit input{font-size:12px;color: #FFFFFF;background: #CDCDCD;border: 1px outset #333333} 
.itemlistimage {padding-bottom:20px; padding-left:20px; padding-right:20px;}
a.nav_months{ font-family: arial; font-size:14px; color:#FFFFFF; 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:#FFFFFF; text-decoration:none;text-align:left	}
/* the year name label inside of the title bar */
.calLblYear{ font-family: arial; font-size:14px; color:#FFFFFF; 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 #CDCDCD; border-left: 1px solid #CDCDCD; font-size: 11px; }
/* each box holding a single week day name */
.calDayBox{ display: inline-block; width: 46px; height: 18px; border-bottom: 1px solid #CDCDCD;	border-right: 1px solid #CDCDCD; font-family: arial; font-size:14px; color:#FFFFFF; text-decoration:none; text-align:center; }
/* the container holding all dates for s single month */
.calDateContainer{ width: 329px; border-top: 1px solid #CDCDCD; border-left: 1px solid #CDCDCD;	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 #CDCDCD; border-right: 1px solid #CDCDCD; color: #FFFFFF; }
.calDatesBox:hover{ background: #F29820; }
.calBlankDatesBox{} /* each box without any dates in them - BLANK */
.calBlankDatesBox:hover{ background: #be1e2d; }
.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: #000000; background: #F29820; }
.calInvalidDateBox:hover{ background: #F29820; }


	
/* ************ New content ************ */
.navigation_container{ text-align: center; }
.navigation_container a.nav_item{ font: bold 11px arial; display: inline-block;	padding: 5px; padding-left: 10px;	padding-right: 10px; text-decoration: none; color: #be1e2d; }
.navigation_container a.nav_selected{	background-color: #7dd0e0; color: #be1e2d; -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:	#000000; 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:	#CDCDCD; }
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: #7dd0e0;	color: #be1e2d; }
div.dropmenu .theme_1 a:hover{ background-color: #7dd0e0; color: #000000; }

/* theme 2 */
div.dropmenu .theme_2{ background-color: #000000; }
div.dropmenu .theme_2 .wrapper{ border-style: solid; border-width: 0px; border-color: #CDCDCD; }
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: #7dd0e0; color: #be1e2d; border-bottom-width: 0px; border-bottom-style: solid; border-bottom-color: #000000; }
div.dropmenu .theme_2 a:hover{ background-color: #7dd0e0; color: #000000; }
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: #7dd0e0; 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: #be1e2d; }
div.dropmenu .theme_3 a:hover { color: #000000; }
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: #7dd0e0; 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:	#7dd0e0; color: #be1e2d; }
div.dropmenu .theme_4 a:hover { background-color: #7dd0e0; color: #000000; }
div.dropmenu .theme_4 a.last:link, div.dropmenu .theme_4 a.last:visited, div.dropmenu .theme_4 a.last:active {}

.slideshowAndControlsContainer { position: relative; } 
#pagingContainer.horizontal .slideshowAndControlsContainer{} 
/*.slideshowImageWrapper { padding: 5px; border-width: 2px; border-style: solid; border-color: #CDCDCD; }*/ /* border around images */
.slideshowImageWrapper{ } 
.slideContainer { overflow:hidden; }

#slide_container { position: relative !important; width: 668px; height: 390px; }
.logoThumbnailContainer{ position: relative; }

#play_pause_overlay { position: absolute; width: 403px; height: 385px; top: 0px;	left: 135px;	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: 385px; 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: 385px; top: 0px; left: 576px; 	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: 670px; height: 390px; top: 0px;	left: 0px;	cursor: default; filter: alpha(opacity=001); opacity: 0.001; background: transparent url(/images/playnull.png) no-repeat 50% 50%;}

#pagingContainer{ margin-left: auto; margin-right: auto; margin-top: 10px; margin-bottom: 10px; }
/*#pagingContainer.vertical{ width: 258px; }
#pagingContainer.horizontal{ width: 850px; }
#pagingContainer.horizontal_wrapped { text-align:center }*/
#pagingContainer.vertical .logoThumbnailContainer{ float: left; width: 54px; }
#pagingContainer.horizontal .logoThumbnailContainer{}
#pagingContainer.horizontal_wrapped .logoThumbnailContainer{ margin:0px auto; width: 177px; }

#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: #2c2c2a; 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; }


#pagingContainer.horizontal_wrapped #paging_container .leftButton{ float: left; width: 20px; height: 13px; background: url(/images/up_black.png) no-repeat 0 0; margin: auto; margin-bottom: 5px; }
#pagingContainer.horizontal_wrapped #paging_container .rightButton{ float: left; width: 20px; height: 13px; background: url(/images/down_black.png) no-repeat 0 0; margin: auto; margin-bottom: 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" 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 align="center" style="padding-bottom:4px">
	<div id="bottom_navigation" class="navigation_container">
		
			<a id="menu_843451" class="nav_item nav_selected" style="white-space: nowrap;" href="/html_home.cfm?menu_itemID=843451&load=html">Home</a> 
		
			<a id="menu_843452" class="nav_item" style="white-space: nowrap;" href="#">Information</a> 
		
			<a id="menu_843456" class="nav_item" style="white-space: nowrap;" href="#">Galleries</a> 
		
			<a id="menu_843461" class="nav_item" style="white-space: nowrap;" href="/html_testimonials.cfm?menu_itemID=843461&load=html">The Buzz</a> 
		
			<a id="menu_843464" class="nav_item" style="white-space: nowrap;" href="/html_contact.cfm?menu_itemID=843464&load=html">Contact LCP</a> 
		
			<a id="menu_843465" class="nav_item" style="white-space: nowrap;" href="http://lilychanphotography.zenfolio.com/clients.html"  target="_blank">Client Viewing</a> 
			
	</div> 
	</td>
			</tr> 
			<tr>
			    <td valign="middle" class="middlebox rounded_corner_10">
					<table align="center" border="0" cellspacing="0" cellpadding="0">
					<tr>
						
						<td valign="middle" style="padding-left:5px;">
							<table align="center" border="0" cellspacing="0" cellpadding="0" width="282px">
							  <tr>
							    <td class="templatelogo" align="center" style="background-image:url('http://image5.photobiz.com/1271/32_20111030013524_384069_large.png'); height:150px; background-repeat: no-repeat; background-position: center;">
									
								</td>
							  </tr>
							</table>
							
								<table align="center" border="0" cellspacing="0" cellpadding="0" width="282px" style="display:none">
								<tr><td style="padding: 10px;">
<div id="pagingContainer" class="horizontal_wrapped">
	<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>
</tr>
								</table>
							
						</td>
						
						<td style="padding:8px">
							<table align="center" cellpadding="0" cellspacing="0">
							  <tr>
							    <td align="center" class="templatebox rounded_corner_10" height="390px">													
<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>
					</table>
				</td>			
			</tr>
			<tr>
				<td align="left"> 
	<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>
		</table>
	</td>
</tr>	

<tr>
	<td height="40px" align="center"> <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 });


//Set the initial roll-over for the navigation menus using the rollover feature from the colorAnimator
PBUtil.module.colorAnimator.setRollover({ 
	items: 'a.nav_item',
	exclude: 'a.nav_selected',
	onStyles: {'background-color': '#7dd0e0' , '-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': 'transparent' }
 });

PBUtil.colorManager = {};

//Attach event to the sample button on the page for changing color
PBUtil.colorManager.executeColorChange = function(primaryColor){

	if (primaryColor != "") {
		// Calculates custom colors
		set1Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 20);
			set6Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			set6Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			set6Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#FFFFFF', 5);
				set6Color = 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
			
				{ // Middle content panel
				items: '.templatebox',
				
				styles: { 'background-color': set1Color }
				
				}, 
				{ // Border colors for dropdown menu and image thumbnails
				items: 'div.dropmenu .theme_4 .wrapper, #paging_thumb_container .thumbNormal',
				
				styles: { 'border-top-color': set6Color, 'border-bottom-color': set6Color, 'border-left-color': set6Color, 'border-right-color': set6Color }
				
				}, 
				{ // Background colors for drop down menus
				items: 'div.dropmenu .theme_4',
				
				styles: { 'background-color': set6Color }
				
				}, 
				{ // 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': set6Color },
							offStyles: { 'background-color': set6Color }
						});
					}						
				
				}, 
				{ // 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": "transparent" }
						});
					}						
				
				}  
		 ]);
	}
}

</script>

<script type="text/javascript">

//create the imageData array in JSON format
var imageData = {
	totalImages: 10,
	totalPerPage: 9,
	images: [
	
		{small: "http://image11.photobiz.com/4835/32_20160129124626_4054850_tiny.jpg", large: "http://image11.photobiz.com/4835/32_20160129124626_4054850_medium.jpg", primaryColor: ""}, 
		{small: "http://image7.photobiz.com/5878/32_20121004224752_1243772_tiny.jpg", large: "http://image7.photobiz.com/5878/32_20121004224752_1243772_medium.jpg", primaryColor: ""}, 
		{small: "http://image8.photobiz.com/3931/32_20150911150040_3676913_tiny.jpg", large: "http://image8.photobiz.com/3931/32_20150911150040_3676913_medium.jpg", primaryColor: ""}, 
		{small: "http://image7.photobiz.com/7918/32_20140713103119_2796118_tiny.jpg", large: "http://image7.photobiz.com/7918/32_20140713103119_2796118_medium.jpg", primaryColor: ""}, 
		{small: "http://image6.photobiz.com/2401/32_20150912172534_3678260_tiny.jpg", large: "http://image6.photobiz.com/2401/32_20150912172534_3678260_medium.jpg", primaryColor: ""}, 
		{small: "http://image12.photobiz.com/6007/32_20121004224356_1243762_tiny.jpg", large: "http://image12.photobiz.com/6007/32_20121004224356_1243762_medium.jpg", primaryColor: ""}, 
		{small: "http://image8.photobiz.com/6636/32_20150911145724_3676904_tiny.jpg", large: "http://image8.photobiz.com/6636/32_20150911145724_3676904_medium.jpg", primaryColor: ""}, 
		{small: "http://image4.photobiz.com/812/32_20121004224350_1243761_tiny.jpg", large: "http://image4.photobiz.com/812/32_20121004224350_1243761_medium.jpg", primaryColor: ""}, 
		{small: "http://image9.photobiz.com/3107/32_20140713103008_2796114_tiny.jpg", large: "http://image9.photobiz.com/3107/32_20140713103008_2796114_medium.jpg", primaryColor: ""}, 
		{small: "http://image12.photobiz.com/7073/32_20150911145722_3676903_tiny.jpg", large: "http://image12.photobiz.com/7073/32_20150911145722_3676903_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:	668,
	maxHeight: 390,	
	
	
	
		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_wrapped',	//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_843452" class="dropmenu">	
				<div class="theme_4"> 
					<div class="wrapper"> 
							
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=843453&load=html&parentID=843452">About LCP</a>
							
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=843455&load=html&parentID=843452">Pricing and Packages</a>
							
					</div> 
				</div> 
			</div> 
			
			<div id="dropmenu_843456" class="dropmenu">	
				<div class="theme_4"> 
					<div class="wrapper"> 
							
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=843457&load=html&parentID=843456">Family, Kids & Couples</a>
							
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=1023929&load=html&parentID=843456">Newborns and Babies</a>
							
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=1097347&load=html&parentID=843456">Headshots</a>
							
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=843749&load=html&parentID=843456">Pin-Up & Boudoir</a>
							
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=868789&load=html&parentID=843456">Event, Party and Commercial Photography</a>
							
					</div> 
				</div> 
			</div> 
			
	</div>
	
	<script type="text/javascript">
	
			PBUtil.module.dropMenu.attach({	
				element: "menu_843452",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_843452",	/* ID of the dropdown element - the target element  - REQUIRED*/
				leftOffset:	0,
				where: "bottom"	/* menu position: "bottom", 'top', 'left' or "right"  - OPTIONAL. "bottom" is default.*/
			});
			
			PBUtil.module.dropMenu.attach({	
				element: "menu_843456",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_843456",	/* ID of the dropdown element - the target element  - REQUIRED*/
				leftOffset:	0,
				where: "bottom"	/* menu position: "bottom", 'top', 'left' or "right"  - OPTIONAL. "bottom" is default.*/
			});
			
	</script>