@charset "utf-8";
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;

	color: #000000;
}

html {
	overflow: scroll
}

html, body {
	height: 100%;
	background-position: center;
	background-repeat: repeat-y;
}

#container {
	margin: 0 auto;
	width: 100%;
	text-align: left;
	position: relative;
	max-width: 955px;
	min-height: 100%;
	background-color: #DEECF8;
}
#banner {
	position:relative;
	left:0px;
	top:0px;
	width:955px;
	height:121px;
	z-index:1;
	background-image: url(images/johnson-banner3.jpg);
}
    .nav {
	width: 100%;
	margin: 0;
	padding: 0px;
	background-color: #255ABA;
    }	
	.nav a{
	display: block;
	width: 100%;
	text-decoration: none;
	background-image:url(images/navback3.gif);
	color: #FFFFFF;
	font-size: 1.13em;
	height: 1.2em;
    }	
	.nav a:hover {
	background: #ff9 none;
	background-image: url(images/navback3b.gif);
	color: #FFFFFF;
    }	
    .nav ul {
      margin: 0;
      padding: 0;
      list-style-type: none;
    }
    .nav li {
      margin: 0;
      padding: 0;
      float: left;
	  width: 20%;
      text-align: center;
    }

	#contactx #nav_contact a, #approachx #nav_approach a, #aboutx #nav_about a, #faqx #nav_faq a, #homex #nav_home a {
	background-image: url(images/navback3b.gif);
	}

	
	
#col1 {
	position:absolute;
	left:0px;
	top:240px;
	width:318px;
	height:420px;
	z-index:1;
	background-image: url(images/oval-hands299-420.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
#col2 {
	position:absolute;
	left:318px;
	top:240px;
	width:319px;
	height:420px;
	z-index:1;
	background-image: url(images/oval-couple-happy299-420.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
#col3 {
	position:absolute;
	left:637px;
	top:240px;
	width:318px;
	height:420px;
	z-index:2;
	background-image: url(images/oval-happy-family299-420.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}
h1 {
	color: #FFFFFF;
	padding-left: 23px;
	padding-right: 23px;
	margin-top: 0px;
	text-align: center;
	margin-bottom: 1px;
	padding-bottom: 5px;
}
h2 {
	color: #FFFFFF;
	padding-left: 21px;
	padding-right: 17px;
	margin-top: 8px;
	font-size: 22px;
}
#weoffer {
	position:absolute;
	left:0px;
	top:175px;
	height:50px;
	z-index:2;
	color: #1246A9;
	font-size: 32px;
	font-weight: bold;
	width: 955px;
	text-align: center;
}
	
	
#aboutleft {
	position:absolute;
	left:0px;
	top:148px;
	z-index:4;
	width: 477px;
	height: 790px;
	background-image: url(images/about-new-back3.gif);
	background-repeat: no-repeat;
}
#aboutleft div{
	border: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#aboutright {
	position:absolute;
	left:477px;
	top:148px;
	width:478px;
	height:790px;
	z-index:5;
	background-image: url(images/about-new-back3.gif);
	background-repeat: no-repeat;
}
#aboutright div{
	border: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
}
#aboutright img{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#aboutleft img{
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.faqquestion{
	font-weight: bold;
	text-decoration: underline;
	font-style: italic;
}

#faq {
	position:absolute;
	left:0px;
	top:145px;
	z-index:4;
	width: 955px;
	height: 930px;
	background-image: url(images/faq-new-back2.gif);
	background-repeat: no-repeat;
	font-size: 1.1em;
}
#faq div{
	border: 0px;
	margin: 0px;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
}

#thanks {
	position:absolute;
	left:0px;
	top:145px;
	z-index:4;
	width: 955px;
	height: 580px;
	background-image: url(images/approach-new-back.gif);
	background-repeat: no-repeat;
	font-size: 1.1em;
	text-align: center;
}
#thanks div{
	border: 0px;
	margin: 0px;
	padding-top: 30px;
	padding-left: 50px;
	padding-right: 50px;
}

.formtextarea{
	background-color: #DEECF8;
	width: 95%;
}

#contactleft {
	position:absolute;
	left:0px;
	top:148px;
	z-index:4;
	width: 477px;
	height: 400px;
	background-image: url(images/contact-new-back.gif);
	background-repeat: no-repeat;
}
#contactleft div{
	border: 0px;
	margin: 0px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 25px;
}
#contactright {
	position:absolute;
	left:477px;
	top:148px;
	width:478px;
	height:400px;
	z-index:5;
	background-image: url(images/contact-new-back.gif);
	background-repeat: no-repeat;
}
#contactright div{
	border: 0px;
	margin: 0px;
	padding-top: 0px;
	padding-left: 30px;
	padding-right: 25px;
	margin-top: 35px;
}
.subheadx {
	text-align: center;
}

#approach1 {
	background-image: url(images/approach-new-back.gif);
	height: 600px;
	padding-top: 20px;
	padding-left: 48px;
	padding-right: 48px;
	font-size: 1.1em;
	margin: 0;
}
#approachx #container #approchb img {
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 5px;
}