
body {
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
 font-size: 1em;
 background: #eee url("images/pixel_weave.png")
}

div {margin-top: 0px; margin-bottom: 0px; }

#banner img {
	margin: auto; display:block;
}

#headline {
	background: #344279;
	color: white;
	max-width: 800px;
	margin: auto;
	padding: 20px;
	box-shadow: 0 0px 5px #333;
	box-sizing: border-box;
}

#headline h1 { 
	text-shadow: 2px 2px 0px black;
}

#blurb {
	background: ;
	width: 100%;
}

#nextstep {
	background:;
	width: 100%;
	
}


.container {
      margin: auto;
      max-width: 800px;
	  padding: 0.8em;
	  box-shadow: 0 0px 5px grey;
	  overflow: hidden;
	  box-sizing: border-box;
	  background: white;
}
		

img {
	max-width: 95%;
}

.testimonial {
	background: #FFC;
	padding: 0.1em 0.8em 0.3em 0.8em;
	box-shadow: 2px 2px 3px grey;
}

.testimonial2 {
	background: #FFC;
	padding: 0.1em 0.8em 0.3em 0.8em;
	box-shadow: 2px 2px 3px grey;
	max-width: 400px;
	margin: 0 auto;
}

.testimonial2 h3 {
	color: white;
	background: #344279;	
	padding-top: 4px;
	padding-bottom: 4px;
}

footer {
	color: white;
	background: #344279;
	padding: 15px;
}

footer a {
	color: white;
}

.floatpic img {
	display: inline-block;
	margin: 0 auto;
	float: none;
}


@media (min-width: 600px) {
	
	.floatpic {
	 float: left; padding-right: 10px; padding-top: 10px;
}
	
	.container  #section1 {
      float: left;
      width: 30%;
      box-sizing: border-box;
      padding: 10px;
	
    }
	
   .container #section2 {
      float:right;
      padding: 20px;
      width: 70%;
      box-sizing: border-box;
    }

    .clear {
	  content: " ";
      clear: both;
	  margin-top:-10px;
	  display: none;
	  
    }
    
	
	
	
	
	

}