<!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"><!-- InstanceBegin template="/Templates/layout.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
<script src="scripts/AC_RunActiveContent.js" type="text/javascript"></script>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<META NAME="description" CONTENT="MJM Books offers custom and personalized children’s books.  The artwork in each book is customized to look like your child!  Short run publishing services also available." />
<META NAME="keywords" CONTENT="Children’s books, books, book, children, kids, childrens books, customized children’s books, kid’s books, custom, personal, customized, personalized book, children’s book, publishing, publisher, short run," />
<!-- InstanceBeginEditable name="doctitle" -->
<title>MJM Books || Customized and personalized children’s books for kids.  Short run children’s book publishing available.</title>
<!-- InstanceEndEditable -->
<link href="../layout.css" rel="stylesheet" type="text/css"/>
<!--[if IE 7]>
<link href="../layoutIE7.css" rel="stylesheet" media="all" />
<![endif]-->
<!--[if lt IE 7]>
<link href="../layoutIE.css" rel="stylesheet" media="all" />
<![endif]-->
<!--[if lt IE 7]>
        <script language="JavaScript">
        function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
        {
           var arVersion = navigator.appVersion.split("MSIE")
           var version = parseFloat(arVersion[1])
           if ((version >= 5.5) && (document.body.filters)) 
           {
              for(var i=0; i<document.images.length; i++)
              {
                 var img = document.images[i]
                 var imgName = img.src.toUpperCase()
                 if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
                 {
                    var imgID = (img.id) ? "id='" + img.id + "' " : ""
                    var imgClass = (img.className) ? "class='" + img.className + "' " : ""
                    var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
                    var imgStyle = "display:inline-block;" + img.style.cssText 
                    if (img.align == "left") imgStyle = "float:left;" + imgStyle
                    if (img.align == "right") imgStyle = "float:right;" + imgStyle
                    if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
                    var strNewHTML = "<span " + imgID + imgClass + imgTitle
                    + " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
                    + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                    + "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>" 
                    img.outerHTML = strNewHTML
                    i = i-1
                 }
              }
           }    
        }
        window.attachEvent("onload", correctPNG);
        </script>
        <![endif]-->

</head>
<body>
<center>
  <div id="mainContainer"><!-- InstanceBeginEditable name="leftHeader" -->
    <div id="headerLeft"><img src="../images/headerLeft.png" width="43" height="309"/></div>
    <!-- InstanceEndEditable -->
    <div id="header"><!-- InstanceBeginEditable name="flash" --><img src="../images/header.png" width="891" height="309"/><!-- InstanceEndEditable --></div>
 	  <!-- InstanceBeginEditable name="rightHeader" -->
 	  <div id="headerRight"><img src="../images/headerRight.png" width="24" height="490" /></div>
 	  <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Navigation" -->
 	<div id="nav"><a href="../index.html"><span>HOME</span></a><a href="../store"><span>STORE</span></a><a href="../about"><span>ABOUT</span></a><a href="../mjmcares"><span>MJM CARES</span></a><a href="../blog"><span>BLOG</span></a><a href="../resources"><span>RESOURCES</span></a><a href="../contact"><span>CONTACT</span></a></div>
 	<!-- InstanceEndEditable -->
    <div id="pageDiv">
      <div id="pageDivInside">
        <div id="contentDiv"> <img src="../images/contentTop.jpg" width="864" height="53" /><!-- InstanceBeginEditable name="Body" -->
   	    <div id="contentBlock">
          <h1>Lorem ipsum</h1>
   	      <p>Dolor sit amet, consectetur adipiscing elit. Sed gravida massa. Sed vel orci. Praesent semper massa id sem. Fusce imperdiet tellus et magna. Vestibulum commodo ante vitae mauris. Nullam urna quam, tempor sed, iaculis nec, posuere sit amet, ligula. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Duis ut <a href="#">magna eget</a> enim tempus pharetra. Vivamus laoreet, lacus a lobortis tristique, tortor est pretium felis, sit amet aliquet tortor nibh non turpis. Sed fermentum erat a est. </p>
   	      <h2>Dolor soleto das </h2>
   	      <ul>
            <li><span>Ut nec leo id metus mollis mollis.Nulla facilisi.</span></li>
   	        <li><span>Ut nec leo id metus mollis mollis.Nulla facilisi.</span></li>
   	        <li><span>Ut nec leo id metus mollis mollis.Nulla facilisi.</span></li>
   	        <li><span>Ut nec leo id metus mollis mollis.Nulla facilisi.</span></li>
   	        <li><span>Ut nec leo id metus mollis mollis.Nulla facilisi.</span></li>
          </ul>
   	      <h3>Cras enim metus</h3>
   	      <p>Aliquet eget, laoreet suscipit, aliquet pellentesque, ante. Vivamus lectus nisl, ultricies vel, accumsan sed, porta id, nunc. Cras at nisi. Phasellus pretium malesuada diam.
   	        Vestibulum malesuada, arcu <a href="#">lacinia tristique</a> eget luctus vestibulum, quam nisi aliquet orci, in ultricies leo tellus sit amet purus. Nullam rhoncus porta odio. Vestibulum dictum erat at lectus. Vivamus magna nisl, varius nec, pulvinar ac, dictum ac, est.</p>
   	      <a href="#" class="readmore"><span>READ MORE >></span></a> </div>
   	    <!-- InstanceEndEditable --><!-- InstanceBeginEditable name="Promo" -->
   	    <div id="promoRail"> <img src="../images/railTop.jpg" width="202" height="37" alt="Featured Products" />
            <div class="productDiv"><img src="../images/ifBig.jpg" width="160" height="159" alt="If I Were Big" /></div>
   	      <p>Donec nisl diam, tempor ut, dictum in, gravida quis, leo.</p>
   	      <a href="#" class="greenBtn"><span>PREVIEW</span></a>
            <center>
              <div class="promoLine"></div>
            </center>
   	      <div class="productDiv"><img src="../images/ifBig.jpg" width="160" height="159" alt="If I Were Big" /></div>
   	      <p>Donec nisl diam, tempor ut, dictum in, gravida quis, leo.</p>
   	      <a href="#" class="greenBtn"><span>PREVIEW</span></a>
          <center>
              <div class="promoLine"></div>
          </center>
   	      <div class="productDiv"><img src="../images/ifBig.jpg" width="160" height="159" alt="If I Were Big" /></div>
   	      <p>Donec nisl diam, tempor ut, dictum in, gravida quis, leo.</p>
   	      <a href="#" class="greenBtn"><span>PREVIEW</span></a><br />
            <br />
            <img src="../images/railBottom.jpg" width="202" height="18" /></div>
   	    <!-- InstanceEndEditable --></div>
 	  </div></div>
      <div id="footer">
        
        <img src="../images/footer.png" width="918" height="76" /><div id="footerLeft"><img src="../images/footerLeft.png" width="24" height="470" /></div></div>
</div></center>
</body>
<!-- InstanceEnd --></html>
