<!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>Annistique Phototgraphy  - Family photographer serving the Metro Detroit Area</title>
<meta name="description" content="Annistique Photography home page for pregnancy, newborn, toddler and senior photographs" />
<meta name="keywords" content="Pregnancy Photos, Bellies & Babies, Newborn photographs, toddler photographs, family photographs, high school senior photographs. new Life photographs, new addition to the family photographs, " />


	





<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;

}

.border_bar{background-color: #6BE87B; width:100%; height:18px; border:0px} 
.content{background-color: #16B52B}
.logo{font-family: arial; color: #FFFFFF; font-size: 40px;width:850px;height:490px;}

.templatebox{border:0px solid #6BE87B;background-color: #16B52B;width:850px;height:490px;background-repeat:no-repeat} 
.gallerybox{border:0px solid #6BE87B;background-color: #16B52B;background-repeat:no-repeat} 
.templatelogo{font-family: arial; color: #FFFFFF; padding: 0px; font-size: 40px}
.templatefooter{font-family: arial; font-size:12px;color:#011317;text-align: center}
.templatephotobiz{font-family: arial;text-decoration:none; font-size:10px;font-weight:bold;color:#011317;text-align: center}
.contentbox_shared{background-color: #16B52B;width:50%;height:100%;border:0px;border-left: 0px solid #6BE87B} 
.contentbox_thumb{background-color: #16B52B;width:60px;height:100%;border:0px;border-left: 0px solid #6BE87B} 
.contentbox{background-color: #16B52B;width:100%;height:100%;border:0px} 
.iframebox_thumb{width:62px;height:490px;marginwidth:0px;text-align:left}
.iframebox_small{width:400px;height:125px; padding-right:7px}
.iframebox_shared{width:400px;height:350px; padding-right:7px}
.iframebox{width:800px;height:350px; padding-right:7px}
.thumbNormal {border:2px solid #6BE87B; width: 50px; height: 50px; margin-bottom: 5px; cursor: pointer;}
.thumb_container{width: 54px;padding:4px;}
.pagetitle{font-family: arial; font-size:30px; color:#FFFFFF;padding-top:20px;padding-left:20px;padding-right:20px;text-align:left}
.pagetext{font-family: arial; font-size:14px; 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:#FFFFFF; text-decoration:none}
textarea{background-color:#FFFFFF;border:#FFFFFF 1px solid;font-family:arial;font-size:12px;color: #051E23} 
input{font-size:12px;color:#051E23;background: #FFFFFF;border: 1px solid #FFFFFF}
.submit input{font-size:12px;color: #051E23;background: #FFFFFF;border: 1px outset #FFFFFF} 
.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 #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:#FFFFFF; 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: #FFFFFF; }
.calDatesBox:hover{ background: #000000; }
.calBlankDatesBox{} /* each box without any dates in them - BLANK */
.calBlankDatesBox:hover{ background: #16B52B; }
.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: #1C97B0; background: #000000; }
.calInvalidDateBox:hover{ background: #000000; }
	


/* ************ New content ************ */
.navigation_container { text-align: right; }
.navigation_container a.nav_item { font: bold 11px arial; display: block; padding: 5px; padding-left: 10px;	padding-right: 10px; text-decoration: none; color: #FFD52E; }
.navigation_container a.nav_item:hover{ color: #000000; } 
.navigation_container a.nav_selected { color: #000000; } /* currently selected menu item */

div.dropmenu { position:	absolute; margin: 0px; visibility: hidden; z-index: 30;	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:	#6BE87B; }
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: #FFD52E;	color: #FFFFFF; }
div.dropmenu .theme_1 a:hover { background-color: #FFFFFF; color: #000000; }

/* theme 2 */
div.dropmenu .theme_2 { background-color: #000000; }
div.dropmenu .theme_2 .wrapper { border-style: solid;	border-width:  1px; border-color: #6BE87B; }
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: #FFD52E; color: #FFFFFF; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000; }
div.dropmenu .theme_2 a:hover { background-color: #FFFFFF; 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: #FFD52E; padding: 10px;}
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; background-color:	#FFD52E; color: #FFFFFF; }
div.dropmenu .theme_3 a:hover { background-color: #FFD52E; 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: #FFD52E; 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:	#FFD52E; color: #FFFFFF; }
div.dropmenu .theme_4 a:hover { background-color: #FFFFFF; color: #000000; }
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: #FFD52E; padding: 10px; }
div.dropmenu .theme_5 .wrapper { background-color: #FFD52E; }
div.dropmenu .theme_5 a:link, div.dropmenu .theme_5 a:visited, div.dropmenu .theme_5 a:active {	font: bold 11px arial; display: block; padding: 5px 10px 5px 10px;	text-align: center;	text-decoration: none; font-weight:	bold; background-color:	#FFD52E; color: #FFFFFF; }
div.dropmenu .theme_5 a:hover { background-color: #FFD52E; color: #000000; }
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: 850px; height: 490px; 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; width: 850px; } 
#pagingContainer.horizontal .slideshowAndControlsContainer{} 
/*.slideshowImageWrapper { padding: 5px; border-width: 2px; border-style: solid; border-color: #6BE87B; }*/ /* border around images */
.slideshowImageWrapper{} 
#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: #FFFFFF; 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

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">
				<tr>
					<td valign="top">&nbsp;</td>
					<td align="center" class="templatelogo" style="padding-top:5px; padding-bottom:15px"><div id="logo_bar" style="width: 850px; text-align:left"><img src="http://image5.photobiz.com/1670/14_20120206171001_3795062_large.jpg" border="0"></div></td>
				</tr>
				<tr>
					<td style="padding-right: 15px" width="150" valign="top">
	
	<div id="bottom_navigation" class="navigation_container">
		
		
			<a id="menu_874796" class="nav_item nav_selected" style="white-space: nowrap;" href="/html_home.cfm?menu_itemID=874796&load=html">Home</a> 
		
	
		
			<a id="menu_874801" class="nav_item" style="white-space: nowrap;" href="#">Images of Love</a> 
		
	
		
			<a id="menu_874797" class="nav_item" style="white-space: nowrap;" href="#">About Annistique </a> 
		
	
		
			<a id="menu_874807" class="nav_item" style="white-space: nowrap;" href="/html_testimonials.cfm?menu_itemID=874807&load=html">Testimonials</a> 
		
	
		
			<a id="menu_874810" class="nav_item" style="white-space: nowrap;" href="/html_contact.cfm?menu_itemID=874810&load=html">Contact Us</a> 
		
		
	</div> 
	
</td>
					<td align="center" class="content" height="490px">
					
<table align="center" cellpadding="0" cellspacing="0" border="0">
  <tr>
    <td align="center" class="templatebox">
		<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>&nbsp;</td>
				<td style="float: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>
			
			<tr style="display:none">
				<td valign="top">&nbsp;</td>
				<td>
<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>
</div></td>
			</tr>
			
		</table>
		</td>
	</tr>
	
	<tr>
		<td height="40px" align="center" style="padding-left:160px"><a href="http://www.photobiz.com" target="_blank" class="templatephotobiz">&copy; photobiz</a></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
		
			
				set1Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 20);
			
			
		
			
				set4Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			
			
		
			
				set5Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			
			
		
			
				set6Color = PBUtil.module.colorAnimator.getColor(primaryColor, '#000000', 30);
			
			
		
		
		// Start the color changes
		PBUtil.module.colorAnimator.animate([ 
			// Render color sets
			
				{ // Middle content panel
				items: '.content, .gallerybox, .templatebox',
				
				styles: { 'background-color': set1Color }
				
				},
			
				{ // 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 }
				
				}
			 
		 ]);
	}
}

</script>






		







<script type="text/javascript">

//create the imageData array in JSON format
var imageData = {
	totalImages: 7,
	totalPerPage: 7,
	images: [
	
		{small: "http://image3.photobiz.com/274/14_20120116214724_3748628_tiny.jpg", large: "http://image3.photobiz.com/274/14_20120116214724_3748628_medium.jpg", primaryColor: ""},
	
		{small: "http://image8.photobiz.com/5000/14_20120201042404_3783860_tiny.jpg", large: "http://image8.photobiz.com/5000/14_20120201042404_3783860_medium.jpg", primaryColor: ""},
	
		{small: "http://image5.photobiz.com/1731/14_20120116212249_3748495_tiny.jpg", large: "http://image5.photobiz.com/1731/14_20120116212249_3748495_medium.jpg", primaryColor: ""},
	
		{small: "http://image7.photobiz.com/4494/14_20120116003130_3745553_tiny.jpg", large: "http://image7.photobiz.com/4494/14_20120116003130_3745553_medium.jpg", primaryColor: ""},
	
		{small: "http://image11.photobiz.com/4163/14_20120116002623_3745537_tiny.jpg", large: "http://image11.photobiz.com/4163/14_20120116002623_3745537_medium.jpg", primaryColor: ""},
	
		{small: "http://image6.photobiz.com/2327/14_20120201042940_3783863_tiny.jpg", large: "http://image6.photobiz.com/2327/14_20120201042940_3783863_medium.jpg", primaryColor: ""},
	
		{small: "http://image11.photobiz.com/3340/14_20120201042943_3783864_tiny.jpg", large: "http://image11.photobiz.com/3340/14_20120201042943_3783864_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:	850,
	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_874801" class="dropmenu">	
				<div class="theme_5"> 
					<div class="wrapper"> 
							
							
								
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=874802&load=html&parentID=874801">Bellies & Babies</a>
							
								
									
								
								<a class="dropmenu " style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=944135&load=html&parentID=874801">Little People</a>
							
								
									
								
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_gallery.cfm?menu_itemID=874803&load=html&parentID=874801">Seniors</a>
							
					</div> 
				</div> 
			</div> 
			
		
			
			<div id="dropmenu_874797" class="dropmenu">	
				<div class="theme_5"> 
					<div class="wrapper"> 
							
							
								
								<a class="dropmenu first" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=874798&load=html&parentID=874797">Photographer</a>
							
								
									
								
								<a class="dropmenu last" style="white-space: nowrap;" href="/html_info.cfm?menu_itemID=874799&load=html&parentID=874797">Picture Perfect</a>
							
					</div> 
				</div> 
			</div> 
			
		
	</div>
	 		
 
	
	<script type="text/javascript">
	
			
			PBUtil.module.dropMenu.attach({	
				element: "menu_874801",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_874801",	/* 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_874797",	 /* ID of the parent element - the trigger element  - REQUIRED*/
				target: "dropmenu_874797",	/* 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>