 <!doctype html>
<!--[if lt IE 7 ]> <html class="no-js ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="no-js ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="no-js ie8" lang="en"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <title>Laura Ashbrook Photography: Serving Virginia, Washington D.C, Maryland and destination of choice</title>
  <meta name="keywords" content="Wedding and Portrait Photography: Serving Virginia, Washington D.C, Maryland and destination of choice. ">
  <meta name="description" content="At Laura Ashbrook Photography, we believe in the saying "life isn't measured by the number of breaths you take, but by the moments that take your breath away." Allow us to be your dreamcatcher, collecting the magical moments of your day. Our passion is to capture the essence of who you are, and to tell your story through a keepsake of images.">
    <meta name="generator" content="BIG Folio Inc. http://www.bigfolio.com/">
    <meta name="viewport" content="width=device-width">
    <link rel="shortcut icon" href="/favicon.ico">
  	<link href='http://fonts.googleapis.com/css?family=HelveticaNeue+Extended' rel='stylesheet' type='text/css'>
        <link rel="stylesheet" href="styles/file.php?s=rubix.css">
  <!--<link rel="stylesheet" href="styles/file.php?s=preset.css">-->
    <link rel="stylesheet" href="styles/?s=PRESET_CSS">
    <link rel="stylesheet" href="styles/?s=CUSTOM_CSS">
  <!--[if lte IE 8 ]>
  <link rel="stylesheet" href="styles/ie-lte7.css?v=2">
  <![endif]-->
  <!-- All JavaScript at the bottom, except for Modernizr which enables HTML5 elements & feature detects -->
  <script src="javascripts/modernizr-1.7.min.js"></script>
  </head>
<body>
    <div id="textureLoader">
	<img src="gallery/original/LAP_background-3.jpg" alt="" />
  </div>
  <div id="texture">
  </div>
    <div id="fullscreenGalleryHolder">
  </div>
    <div id="container" class="noBG ">
    <header>

		<div id="menuBar" class="header_horizontal">

				<div id="mobileMenuToggle">
										<i class="fa fa-bars fa-2x"></i>
									</div>

				<div id="logo">
					<a href="#!/home/">
																<img src='images/LAP_LOGO_WEB_nopad.png' alt='' />
										</a>
				</div>

				<div id="menu" class="menu_horizontal">
		<ul class="topnav top">
																																														
													<li class="menuItem" id="cat28">
										<a href="#!/images/collections/weddings/1" class="toplink">Collections</a>
															<ul class="subnav" id="subnav0">
																	<li class="subMenuitem" ><a href="#!/images/collections/weddings/1" class="sublink">Weddings</a></li>
																							<li class="subMenuitem" ><a href="#!/images/collections/engagements/1" class="sublink">Engagements</a></li>
																							<li class="subMenuitem" ><a href="#!/images/collections/portraits/1" class="sublink">Portraits</a></li>
																							<li class="subMenuitem" ><a href="#!/images/collections/details-inspiration/1" class="sublink">Details & Inspiration</a></li>
																							<li class="subMenuitem" ><a href="#!/images/collections/corporate/1" class="sublink">Corporate</a></li>
																</ul>
														</li>
																				<li class="menuItem" id="cat32">
										<a href="#!/images/storybooks/amber-john/1" class="toplink">Storybooks</a>
															<ul class="subnav" id="subnav1">
																	<li class="subMenuitem" ><a href="#!/images/storybooks/amber-john/1" class="sublink">Amber & John</a></li>
																							<li class="subMenuitem" ><a href="#!/images/storybooks/kristen-matthew/1" class="sublink">Kristen & Matthew</a></li>
																							<li class="subMenuitem" ><a href="#!/images/storybooks/gillian-jordan/1" class="sublink">Gillian & Jordan</a></li>
																							<li class="subMenuitem" ><a href="#!/images/storybooks/elena-mark/1" class="sublink">Elena & Mark</a></li>
																																		<li class="subMenuitem" ><a href="#!/images/storybooks/amber-elliott-engagement/1" class="sublink">Amber & Elliott: Engagement</a></li>
																							<li class="subMenuitem" ><a href="#!/images/storybooks/katharine-daniel-engagement/1" class="sublink">Katharine & Daniel: Engagement</a></li>
																																																																																		</ul>
														</li>
									 
		
																						<li class="menuItem" id="page115"><a href="#!/info/motionbooks" class="toplink">Motionbooks</a>
								<ul class="subnav" id="subnav2">
								  
									  
									  
									  
									  
									  
									  
									  
					 
													<li class="subMenuitem" id="page116"><a href="#!/info/motionbooks/rachel-chris" class="sublink">Rachel & Chris</a>
															  
					 
													<li class="subMenuitem" id="page117"><a href="#!/info/motionbooks/tijana-tyler" class="sublink">Tijana & Tyler</a>
															  
					 
													<li class="subMenuitem" id="page118"><a href="#!/info/motionbooks/khanh-ryan" class="sublink">Khanh & Ryan</a>
															  
									  
									  
									  
													</ul>
								</li>
																							<li class="menuItem" id="page120"><a href="#!/info/info" class="toplink">Info</a>
								<ul class="subnav" id="subnav3">
								  
									  
									  
									  
									  
									  
									  
									  
									  
									  
									  
									  
					 
													<li class="subMenuitem" id="page121"><a href="#!/info/info/about" class="sublink">About</a>
															  
									  
													</ul>
								</li>
																																																																													 		


		<li class="menuItem" id="contactItem"><a href="#!/contact" class="toplink">Contact</a></li>
		
		

		
	
	</ul>
</div>
				<div style="clear:both;"></div>

		</div>
    </header>
    <div id="mainContainer" class="content_left">
	<div id="loadingIcon">
		<canvas id="square0" class="loaderSquare"></canvas>
		<canvas id="square1" class="loaderSquare"></canvas>
		<canvas id="square2" class="loaderSquare"></canvas>
		<canvas id="square3" class="loaderSquare"></canvas>
		<canvas id="square4" class="loaderSquare"></canvas>
		<canvas id="square5" class="loaderSquare"></canvas>
		<canvas id="square6" class="loaderSquare"></canvas>
		<canvas id="square7" class="loaderSquare"></canvas>
	</div>
    <div id="main" role="main">
		<div id="mainHomeHolder">
</div>
<div style="clear:both;"></div> 

    </div>
	<div style="clear:both;">
	</div>
  </div>
  <div id="thumbsContainer" class="overlayThumbs"></div>
  <footer>
  <div id="audioPlayer">
  </div>
  <div id="footer">
	<div class="footerInner">

		<div id="copyright">
			<!-- <div class="icon"> -->
									<div style="margin-top: 2px;">
						</div>
																								<!--</div> -->
		</div>

		<div id="rubixCartNotifications" class="square">
		</div>

		<div id="icons">

			<div class="icon" id="thumbnailsBtn">
				<div class="iconLabel">
					thumbnails
				</div>
				<div id="thumbIconHolder">
					<i class="fa fa-th-large"></i>
				</div>
			</div>

			<div class="icon" id="slideshowBtn">
				<div class="iconLabel" id="slideshowText">
					slideshow
				</div>
				<div class="iconLabel" id="slideshowTextProgress">
					slideshow
				</div>
				<div id="slideshowIcon">
				</div>
				<div style="clear:both;"></div>
			</div>

			<div id="audioControls" class="icon">
				<div class="previous playerBtn"><i class="fa fa-backward"></i></div>
				<div class="stop playerBtn"><i class="fa fa-stop"></i></div>
				<div class="play playerBtn"><i class="fa fa-play"></i></div>
				<div class="pause playerBtn"><i class="fa fa-pause"></i></div>
				<div class="next playerBtn"><i class="fa fa-forward"></i></div>
				<div class="jp-progress">
					<div class="jp-seek-bar">
						<div class="jp-play-bar"></div>
					</div>
				</div>
			</div>
			<div id="audioIcon" class="icon">
				<div class="iconLabel">
					audio
				</div>
				<div id="audioIconHolder">
					<div class="audioBar"></div>
					<div class="audioBar"></div>
					<div class="audioBar"></div>
					<div class="audioBar"></div>
					<div class="audioBar"></div>
					<div class="audioBar"></div>
					<div class="audioBar"></div>
				</div>

			</div>

			
			<div id="cartIcon" class="icon">
				<div class="iconLabel">
					<span class="cartText">cart</span> <i class="fa fa-shopping-cart"></i>
				</div>
			</div>

			<div id="lightboxIcon" class="icon">
				<div class="iconLabel">
					<span class="lightboxText">lightbox</span> <i class="fa fa-th"></i>
				</div>
			</div>

		</div>

		<div style="clear: both;"></div>
	</div>
  </div>
  <div id="settingsGuide">
	<div id="body_color"></div>
	<div id="app_color"></div>
	<div id="app_border_color"></div>
	<div id="page_color"></div>
	<div id="title_color"></div>
	<div id="text_color"></div>
	<div id="custom_color_1"></div>
	<div id="custom_color_2"></div>
	<div id="custom_color_3"></div>
	<div id="title_font_modifier"></div>
	<div id="nav_font_modifier"></div>
	<div id="page_font_modifier"></div>
  </div>
  <div id="rubixCart" class="square">
	<h1 class="header">Your cart</h1>
	<div class="closeBtn">
		<i class="fa fa-times"></i>
	</div>
	<div class="antiscroll-wrap">
		<div class="antiscroll-inner">
			<div class="cart">
			</div>
		</div>
	</div>
	<div class="footer">
		<h1>Subtotal: <span class="subTotal"></span></h1>
		<a class="checkout-btn">Checkout &raquo;</a>
	</div>
	<div class="item" id="rubixCartItem">
		<div class="closeBtn">
			<i class="fa fa-times"></i>
		</div>
		<div class="thumb"></div>
		<div class="name"></div>
		<div class="descr"></div>
		<div class="price"></div>
		<div class="quant"><input type="text"><br><a class="updateLink">update</a></div>
		<div style="clear:both;"></div>
	</div>
  </div>
  </footer>
	<div id="rubixCheckout">
		<div class="closeBtn"><i class="fa fa-times fa-2x"></i></div>
		<iframe></iframe>
	  </div>
  </div> <!--! end of #container -->


  <!-- JavaScript at the bottom for fast page loading -->

  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if necessary -->
  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
  <script>window.jQuery || document.write("<script src='javascripts/jquery-1.7.2.min.js'>\x3C/script>")</script>


  <!-- scripts concatenated and minified via ant build script-->
  <!--<script src="javascripts/jquery.color.js"></script>-->
  <script src="javascripts/helpers.js"></script>
  <script src="javascripts/plugins.js"></script>


  <script type="text/javascript">
		// <![CDATA[

		// declare settings
		var title_font_mod                 = 0;
		var nav_font_mod                   = 0;
		var page_font_mod                  = 0;

		var audioInterval;
		var currentTrack                   = 0;
		var music_files                    = new Array();

		var curIntroImage                  = -1;
		var introInterval;
		var intro_images                   = new Array('extra/00--Collages_1E.jpg','extra/01--Collages_8.jpg','extra/02--Collages_1B.jpg','extra/03--Collages_10.jpg','extra/04--Collages_3.jpg','extra/05--Collages_6.jpg','extra/06--Collages_11.jpg','extra/07--Collages_2.jpg');

		var galleryInterval;
		var numGalleryImages;

		var slideshow_speed                = 3;
		var auto_start_slideshow           = true;
		var slideshow_on                   = auto_start_slideshow;

		var redirect_target                = "_self";

		var texture_file_name              = "LAP_background-3.jpg";

		// gallery & home vars
		var menu_position                  = "top";
		var menu_orientation               = "horizontal";
		var portfolio_menu_label           = "Images";
		var proofing_menu_label            = "Proofs";
		var pages_menu_label               = "Info";
		var contact_menu_label             = "Contact";
		var logo_alignment                 = "center";
		var menu_alignment                 = "center";
		var condense_galleries             = 0;
		var condense_pages                 = 0;

		var content_width                  = 1440;
		var content_height                 = 960;
		var container_opacity              = 0;

		var mobile_width                   = 700;

		var image_top_margin               = 20;
		var image_right_margin             = 60;
		var image_bottom_margin            = 30;
		var image_left_margin              = 60;
		var gallery_mode                   = "large";

		var thumbnail_mode                 = "overlay";
		var thumbnails_top_margin               = 10;
		var thumbnails_right_margin             = 10;
		var thumbnails_bottom_margin            = 10;
		var thumbnails_left_margin              = 10;

		var image_border_thickness         = 3;

		/* page vars */
		var page_top_margin                = 20;
		var page_right_margin              = 60;
		var page_bottom_margin             = 30;
		var page_left_margin               = 60;
		var max_page_width                 = 800;

		var intro_video                    = "";

		// ]]>
  </script>
    	<script src="javascripts/rubix_script.js"></script>
  	
  <!--<script src="javascripts/preset.js"></script>-->
    <script src="styles/?s=PRESET_JS"></script>
    <!-- end scripts-->


  <!--[if lt IE 7 ]>
    <script src="js/libs/dd_belatedpng.js"></script>
    <script>DD_belatedPNG.fix("img, .png_bg"); // Fix any <img> or .png_bg bg-images. Also, please read goo.gl/mZiyb </script>
  <![endif]-->


<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-19489749-4']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script></body>
</html>
