/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   */

   /* HTML5 display-role reset for older browsers */
   article, aside, details, figcaption, figure, 
   footer, header, hgroup, menu, nav, section {
    display: block;
  }
  body {
    line-height: 1;
  }
  ol, ul {
    list-style: none;
  }
  blockquote, q {
    quotes: none;
  }
  blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none;
  }
  table {
    border-collapse: collapse;
    border-spacing: 0;
  }

/*=========================================
    Main Styles
    =========================================*/
    body {
      font-family: arial;
    }

    .container {
      width: 989px;
      margin: 0 auto;
      position: fixed;
    }

    .footer {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      padding: 1rem;
      text-align: center;
    }

    figure {
      display:inline-block;
      margin-left: 20px;
      vertical-align: top
    }

    #babylogo {
      position: absolute;
      top: 12%;
      left: 4%;
      width: 14%;
    }

    #contactinfo {
      position: absolute;
      left: 1075px;
      top: 25px;
      width: 170px;
    }

    #businessname {
      position: relative;
      font-style: italic;
      font-family: "Times New Roman";
      font-size: 52pt;
      margin-top: 10%;
      left: 225px;
      color: #0000ff;
    }

    #dreamsbegin {
      position: relative;
      font-family: "arial";
      font-size: 11pt;
      margin-top: -7%;
      left: 420px;
      color: #000000;
    }

    #signupbar {
      position: absolute;
      width: 80%;
      top: 40px;
      left: 225px;

    }      

    .contact_info_bold {
      font-weight: bold;
    }

    .contact_info_color {
      color: #ffffff;
    }

    #sitebackground {
      background-repeat: no-repeat;
      background-size: cover;
    }

    #nav_menu ul {
      list-style-type: none;
    }
    
    #nav_menu ul li {
      float: left;
    }
    
    #nav_menu ul li a {
      text-align: center;
      display: block;
      width: 234px;
      height: 15px;
      padding: 1em 0;
      text-decoration: none;
      background-color: #808080;
      color: #ffffff;
      font-weight: bold;
      text-shadow: 3px 2px 3px #333333;
    }

    #nav_menu a:hover {
      color: #ffff00;
      background-color: #fff;
    }   

    #welcome_message {
      position: absolute;
      left: 4%;
      top: 250px;
      width: 930px;
      color: black;
      font-family: "Sans-Serif";
      font-size: 16pt;
    }

    #store_hours {
      position: absolute;
      left: 1050px;
      top: 205px;
    }

    table {
      border-collapse: collapse;
      border-spacing: 0;
    }

    th, td {
      text-align: left;
      width: 30px;
      padding: 3px;
    }

    .highlight {
      color: red;
    }

    #babycarseat {
      position: absolute;
      top: 450px;
      height: 250px;
      width: 250px;
      left: 10%;
      border: 1px solid black;
      padding: 5px;
      background-color: #ffffff;
      box-shadow: 10px 10px 5px #8A795D;
    }

    #babycrib {
      position: absolute;
      top: 450px;
      height: 250px;
      width: 250px;
      left: 50%;
      border: 1px solid black;
      padding: 5px;
      background-color: #ffffff;
      box-shadow: 10px 10px 5px #8A795D;
    }

    #babystroller {
      position: absolute;
      top: 450px;
      height: 250px;
      width: 250px;
      left: 90%;
      border: 1px solid black;
      padding: 5px;
      background-color: #ffffff;
      box-shadow: 10px 10px 5px #8A795D;
    }

    #mostpopular {
      position: absolute;
      left: 10%;
      top: 405px;
    }

    #pricinginfo {
      position: absolute;
      left: 950px;
      top: 100px;
      width: 300px;
    }

    #product_description {
      position: relative;
      top: 50%;
      left: 20%;
      width: 460px;
      height: 480px;
    }

    
    .boxed {
      margin-left: 25%;
      margin-right: 25%;
      border: 0px;
    }

    .double_space{
      line-height: 200%;
    }

    #overlay {
     visibility: hidden;
     position: absolute;
     left: 0px;
     top: 0px;
     width:100%;
     height:100%;
     text-align:center;
     z-index: 1000;
 }

    #overlay div {
     width:600px;
     margin: 100px auto;
     background-color: #fff;
     border:1px solid #000;
     padding:15px;
     text-align:center;  
    }