Menu icon Foundation
Mobile Site Background IMG White - HELP

This is my first time using Foundation so please bear with me. I've found it quite useful in some situations, but broken code and workarounds later I am starting to see my site come together.

I can get the background to work in the header div class I created. However, when using my iphone to check the background it loads as a white screen. I've come to understand the default in Foundation is a white background. So I layered my css correctly and even made an override.css file being the last one with the media query and header class in there too. Yet, I still can't get the image to show on my mobile.

You can view the site at http://www.discountconcretecrackrepair.com/
The background works fine until I try to load it up on my phone.

For the most part I'm sticking to foundation, here's CSS code that I've added and changed.

/* My CSS additions */

.header {
    padding-top:80px;
	padding-bottom:100px;
	margin-top:-4px;
	margin-bottom:38px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,0.8);
    box-shadow: 0 0 35px rgba(0,0,0,0.8);

}


.header-top {
	font-weight: bold;
	text-align: center;
	font-size:70px;
	color:#FFF;
	text-shadow:3px 3px #000000;
	
}

.header-bottom {
	font-weight:bold;
	text-align:center;
	font-size: 50px;
	margin-top:-20px;
	color:#FFF;
	text-shadow:3px 3px #000000;
	
}
p {
	text-align:justify;
}

#contentwrap {
	margin: 0 2% 0 2%;
	
}

@media only screen and (max-width: 640px){
	
.header {
	padding-top:80px;
	padding-bottom:100px;
	margin-top:-4px;
	margin-bottom:38px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,0.8);
    box-shadow: 0 0 35px rgba(0,0,0,0.8);

}

li.right-mobile {
	text-align:right;
	padding-right: 5%;
	
}

.top-bar ul li.align {
	padding-top:10px;
	
}

.top-bar ul li a.large-home {
	font-size:30px;
	
}

.top-bar .toggle-topbar.home-icon {
      right: 15px;
      top: 50%;
      margin-top: 0px;
      padding-left: 40px; }
      .top-bar .toggle-topbar.home-icon a {
        padding: 0;
        color: white;
        position: relative; }
        .top-bar .toggle-topbar.home-icon a::after {
          right: 0; }
          .top-bar .toggle-topbar.home-icon a::after span:after {
            content: '';
            position: absolute;
            display: block;
            height: 0;
            box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
            width: 16px; }
          .top-bar .toggle-topbar.home-icon a::after span:hover:after {
            box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; }

}
            

         

And here is the HTML code.

<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Concrete Crack Repair | Polyurethane Coating</title>
<link rel="stylesheet" href="foundation-icons/foundation-icons.css" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="http://foundation.zurb.com/docs/assets/css/docs.css" />
<link rel="stylesheet" href="css/override.css" />
<script src="js/vendor/modernizr.js"></script>
</head>

<body>
    
     <nav class="top-bar" data-topbar>
  <ul class="title-area">
      <li class="name show-for-small-only home-icon align"><h1><a href="/" class="large-home"><i class="fi-home"></i></a></h1>
    </li>  
      <li class="name hide-for-small-only"><h1><a href="/"> Discount Concrete Crack Repair</a></h1>
    </li>
     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
  </ul>

  <section class="top-bar-section">
    <!-- Right Nav Section -->
    <ul class="right">
      <li class="divider hide-for-small"></li>
      <li class="right-mobile"><a href="#">Gallery</a></li>
      <li class="divider hide-for-small"></li>
      <li class="right-mobile"><a href="#">FAQs</a></li>
      <li class="divider hide-for-small"></li>
      <li class="right-mobile"><a href="#">Contact</a></li>
    </ul>
  </section>
</nav>

      <div class="header">
    	<h1 class="header-top">Concrete</h1>
    	<h1 class="header-bottom">Crack Repair</h1>	
      </div> 
<div data-magellan-expedition="fixed" data-options="destination_threshold:65;throttle_delay:0;">
              <dl class="sub-nav">
                   <dd data-magellan-arrival="how-to-repair-concrete-cracks"><a href="#how-to-repair-concrete-cracks">Why Crack Repair?</a></dd>
                   <dd data-magellan-arrival="how-to-use-crack-repair"><a href="#how-to-use-crack-repair">Installation</a></dd>
                   <dd data-magellan-arrival="additional-coatings"><a href="#additional-coatings">More Coatings</a></dd>
               </dl>
            </div>         

    <div id="contentwrap">
          
    <p><a name="how-to-repair-concrete-cracks"></a></p>
<h2 data-magellan-destination="how-to-repair-concrete-cracks">Why use our Crack Repair? </h2>

    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    
    <p><a name="how-to-use-crack-repair"></a></p>
<h2 data-magellan-destination="how-to-use-crack-repair">How to use our Crack Repair</h2>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    
    <p><a name="additional-coatings"></a></p>
<h2 data-magellan-destination="additional-coatings">Additional Coatings</h2>
<h3>Complement your concrete with a decorative finish</h3>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    
    </div>
    
    <footer>
    	<a href="tel:480-222-9720">Call us</a> | 
        <a href="mailto:info@discountconcretecrackrepair.com">Email Us</a>
        
        
        </footer>



 <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.magellan.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
    <script>
      $(document).foundation();
    </script>
</body>
</html>            

         

Thanks for taking the time to look this over. All suggestions are greatly appreciated!

Foundation5cssmobilebackgroundbgzurbFoundation 5Bodyimagenotloadingcolorhelpwhite

This is my first time using Foundation so please bear with me. I've found it quite useful in some situations, but broken code and workarounds later I am starting to see my site come together.

I can get the background to work in the header div class I created. However, when using my iphone to check the background it loads as a white screen. I've come to understand the default in Foundation is a white background. So I layered my css correctly and even made an override.css file being the last one with the media query and header class in there too. Yet, I still can't get the image to show on my mobile.

You can view the site at http://www.discountconcretecrackrepair.com/
The background works fine until I try to load it up on my phone.

For the most part I'm sticking to foundation, here's CSS code that I've added and changed.

/* My CSS additions */

.header {
    padding-top:80px;
	padding-bottom:100px;
	margin-top:-4px;
	margin-bottom:38px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,0.8);
    box-shadow: 0 0 35px rgba(0,0,0,0.8);

}


.header-top {
	font-weight: bold;
	text-align: center;
	font-size:70px;
	color:#FFF;
	text-shadow:3px 3px #000000;
	
}

.header-bottom {
	font-weight:bold;
	text-align:center;
	font-size: 50px;
	margin-top:-20px;
	color:#FFF;
	text-shadow:3px 3px #000000;
	
}
p {
	text-align:justify;
}

#contentwrap {
	margin: 0 2% 0 2%;
	
}

@media only screen and (max-width: 640px){
	
.header {
	padding-top:80px;
	padding-bottom:100px;
	margin-top:-4px;
	margin-bottom:38px;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	background-attachment:fixed;
	-webkit-box-shadow: 0 0 35px rgba(0,0,0,0.8);
    box-shadow: 0 0 35px rgba(0,0,0,0.8);

}

li.right-mobile {
	text-align:right;
	padding-right: 5%;
	
}

.top-bar ul li.align {
	padding-top:10px;
	
}

.top-bar ul li a.large-home {
	font-size:30px;
	
}

.top-bar .toggle-topbar.home-icon {
      right: 15px;
      top: 50%;
      margin-top: 0px;
      padding-left: 40px; }
      .top-bar .toggle-topbar.home-icon a {
        padding: 0;
        color: white;
        position: relative; }
        .top-bar .toggle-topbar.home-icon a::after {
          right: 0; }
          .top-bar .toggle-topbar.home-icon a::after span:after {
            content: '';
            position: absolute;
            display: block;
            height: 0;
            box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
            width: 16px; }
          .top-bar .toggle-topbar.home-icon a::after span:hover:after {
            box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white; }

}
            

         

And here is the HTML code.

<!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" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Concrete Crack Repair | Polyurethane Coating</title>
<link rel="stylesheet" href="foundation-icons/foundation-icons.css" />
<link rel="stylesheet" href="css/foundation.css" />
<link rel="stylesheet" href="http://foundation.zurb.com/docs/assets/css/docs.css" />
<link rel="stylesheet" href="css/override.css" />
<script src="js/vendor/modernizr.js"></script>
</head>

<body>
    
     <nav class="top-bar" data-topbar>
  <ul class="title-area">
      <li class="name show-for-small-only home-icon align"><h1><a href="/" class="large-home"><i class="fi-home"></i></a></h1>
    </li>  
      <li class="name hide-for-small-only"><h1><a href="/"> Discount Concrete Crack Repair</a></h1>
    </li>
     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
    <li class="toggle-topbar menu-icon"><a href="#"><span></span></a></li>
  </ul>

  <section class="top-bar-section">
    <!-- Right Nav Section -->
    <ul class="right">
      <li class="divider hide-for-small"></li>
      <li class="right-mobile"><a href="#">Gallery</a></li>
      <li class="divider hide-for-small"></li>
      <li class="right-mobile"><a href="#">FAQs</a></li>
      <li class="divider hide-for-small"></li>
      <li class="right-mobile"><a href="#">Contact</a></li>
    </ul>
  </section>
</nav>

      <div class="header">
    	<h1 class="header-top">Concrete</h1>
    	<h1 class="header-bottom">Crack Repair</h1>	
      </div> 
<div data-magellan-expedition="fixed" data-options="destination_threshold:65;throttle_delay:0;">
              <dl class="sub-nav">
                   <dd data-magellan-arrival="how-to-repair-concrete-cracks"><a href="#how-to-repair-concrete-cracks">Why Crack Repair?</a></dd>
                   <dd data-magellan-arrival="how-to-use-crack-repair"><a href="#how-to-use-crack-repair">Installation</a></dd>
                   <dd data-magellan-arrival="additional-coatings"><a href="#additional-coatings">More Coatings</a></dd>
               </dl>
            </div>         

    <div id="contentwrap">
          
    <p><a name="how-to-repair-concrete-cracks"></a></p>
<h2 data-magellan-destination="how-to-repair-concrete-cracks">Why use our Crack Repair? </h2>

    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    
    <p><a name="how-to-use-crack-repair"></a></p>
<h2 data-magellan-destination="how-to-use-crack-repair">How to use our Crack Repair</h2>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    
    <p><a name="additional-coatings"></a></p>
<h2 data-magellan-destination="additional-coatings">Additional Coatings</h2>
<h3>Complement your concrete with a decorative finish</h3>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur</p>
    
    </div>
    
    <footer>
    	<a href="tel:480-222-9720">Call us</a> | 
        <a href="mailto:info@discountconcretecrackrepair.com">Email Us</a>
        
        
        </footer>



 <script src="js/vendor/jquery.js"></script>
    <script src="js/foundation.min.js"></script>
    <script src="js/foundation/foundation.js"></script>
  <script src="js/foundation/foundation.magellan.js"></script>
  <script src="js/foundation/foundation.topbar.js"></script>
    <script>
      $(document).foundation();
    </script>
</body>
</html>            

         

Thanks for taking the time to look this over. All suggestions are greatly appreciated!