* {
margin: 0 0 0 0;
padding: 0 0 0 0
}

body {
	max-width: 1200px;
	margin: 0 auto;
	color: #0e0e0e;
	background: #F7F3EE;
	font-family:arial, tahoma, calibri, serif, sans-serif;
	font-style: normal;
	font-weight: normal
	}

img, form input, form textarea {
	max-width: 100%;
	}

header {
	width: 100%;
	background: #ffffff;
	float: left;
	}

nav {
	width: 100%;
	background: #fff;
	float: left;
	display: table;
	}

header img {
	float: left;
	padding: 2% 2%;
	box-shadow:none
	}

section.content-background {
	width:100%;
	background: #ffffff;
	float: left;
	}
	
section.introduction {
	width: 90%;
	float: left;
	padding: 0 5%
	}

/* 2 column set up */
section.left {
	width: 42.5%;
	padding: 0 2.5% 0 5%;
	float: left;
	}

section.right {
	width: 42.5%;
	padding: 0 5% 0 2.5%;
	float: left;
	}

section.single-column {
	width: 90%;
	background: #ffffff;
	padding: 0 5%;
	float: left;
	}

footer {
	width: 100%;
	background: #FFF;
	float: left
	}

h1 {
	font-family:  Arial, sans-serif; 
	font-style: lite;
	font-weight: 400;
	font-size: 22px;
	text-align: center;
	color: #000;
	line-height: 1.5;
	padding:2% 0% 2% 0%;
	text-shadow: 0px 0px 0px #fff
	}

h2 {
	font-family:tahoma, serif, sans-serif;
	font-style: Bold;
	font-weight: 400;
	font-size: 26px;
	text-align: center;
	color: #000;
	line-height: 1.5;
	padding:2% 0% 2% 0%;
	text-shadow: 0px 0px 0px #fff
	}
	
h3 {
	font-family:tahoma, serif, sans-serif;
	font-style: Bold;
	font-weight: 400;
	font-size: 24px;
	text-align: center;
	color: #000;
	line-height: 1.5;
	padding:2% 0% 2% 0%;
	text-shadow: 0px 0px 0px #fff
	}	

h4 {
	font-family:tahoma, serif, sans-serif;
	font-style: Bold;
	font-weight: 400;
	font-size: 20px;
	text-align: left;
	color: #000;
	line-height: 1.5;
	padding:2% 0% 2% 0%;
	text-shadow: 0px 0px 0px #fff
	}	
h5 {
	font-family:tahoma, serif, sans-serif;
	font-style: Bold;
	font-weight: 400;
	font-size: 18px;
	text-align: center;
	color: #000;
	line-height: 1.5;
	padding:2% 0% 2% 0%;
	text-shadow: 0px 0px 0px #fff
	}		
	
.displayUnderline
{
	text-decoration:underline;
}


.button {
        background-color: #008080;
        border: none;
        color: white;
        padding: 15px 8px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 20px;
        margin: 4px 2px;
        cursor: pointer;
      }

/* Two BTN Start-Index */
.btn { 
	border: none;  
	background-color:inherit;  
	padding:14px 28px;  
	font-size:16px;  
	cursor:pointer;  
	display:inline-block;
	}

/* Special */
.special-index {   
	color: Gray;
	}

.special-index:hover{  
	background-color:#000;  
	color: white;
	}

/* Green */
.australia-index{   
	color: green;
	}

.australia-index:hover {  
	background-color:#04AA6D;  
	color: white;
	}

/* Blue */
.canada-index {  
	color: dodgerblue;
	}

.canada-index:hover {  
	background:#2196F3;  
	color: white;
	}

/* Orange */
.new-zealand-index {  
	color: orange;
	}

.new-zealand-index:hover{  
	background:#ff9800;  
	color: white;
	}

/* Red */
.united-kingdom-index{
	color: red;
	}

.united-kingdom-index:hover{
	background:#f44336;
	color: white;
	}

/* Gray */
.united-states-index{
	color: black;
	}

.united-states-index:hover{
	background:#e7e7e7;
	}
/* Two BTN End-Index */	
	
/* Two Two BTN Start-Index */
.btn-nav { 
	border: none;  
	background-color:inherit;  
	padding:14px 28px;  
	font-size:16px;  
	cursor:pointer;  
	display:inline-block;
	}

/* Special */
.special-index-nav {   
	color: Gray;
	}

.special-index-nav:hover{  
	background-color:#000;  
	color: white;
	}

/* Green */
.home-index-nav{   
	color: green;
	}

.home-index-nav:hover {  
	background-color:#04AA6D;  
	color: white;
	}

/* Blue */
.about-index-nav {  
	color: dodgerblue;
	}

.about-index-nav:hover {  
	background:#2196F3;  
	color: white;
	}

/* Orange */
.blog-index-nav {  
	color: orange;
	}

.blog-index-nav:hover{  
	background:#ff9800;  
	color: white;
	}
	
/* Orangy-Yellow */
.faq-index-nav{
	color: orangy-yellow;
	}

.faq-index-nav:hover{
	background:#BFAC05;
	color: white;
	}		
	
/* Red */
.listing-index-nav{
	color: red;
	}

.listing-index-nav:hover{
	background:#f44336;
	color: white;
	}

/* Gray */
.contact-index-nav{
	color: black;
	}

.contact-index-nav:hover{
	background:#e7e7e7;
	color: white;
	}
	
/* Purple */
.join-us-index-nav{
	color: purple;
	}

.join-us-index-nav:hover{
	background:#7605f7;
	color: white;
	}	
	
/* Cyan */
.about-john-index-nav{
	color: cyan;
	}

.about-john-index-nav:hover{
	background:#0BF9EA;
	color: white;
	}	

/* Teal */
.places-index-nav{
	color: teal;
	}

.places-index-nav:hover{
	background:#008080;
	color: white;
	}	
	
	
/* third example */
.call-outs-container {
  max-width: 1400px;
  margin: 40px auto 0 auto;
  }
  
.call-out {
  padding: 20px;
  box-sizing: border-box;
  border:0px #FFF ;
  margin-bottom: 20px;
  flex-basis: 30%;
}
.call-out-2c{
  padding: 10px;
  box-sizing: border-box;
  border:0px #FFF none;
  margin-bottom: 10px;
  flex-basis:48%;
}	

.call-out-3c {
  padding: 10px;
  box-sizing:border-box;
  border:0px #FFF none;
  margin-bottom: 10px;
  flex-basis: 30%;
}		

.call-out-4c{
	padding:8px;
	box-sizing:border-box;
	border:0.05px #E5E5E5 none;
	margin-bottom:8px;
	flex-basis:22%;
	}	
.call-out-5c{
	padding:5px;
	box-sizing:border-box;
	border:none #FFF none;
	margin-bottom:5px;
	flex-basis:18%;
	}	
.call-out-6c{
	padding:10px;
	box-sizing:border-box;
	border:0.3px #E5E5E5 solid;
	margin-bottom:10px;
	flex-basis:16%;
	}		

@media (min-width: 900px) {
  .call-outs-container {
    display: flex;
    justify-content: space-between;
  }
}
	
.call-out:nth-child(1) {background-color: #c0dbe2;}
.call-out:nth-child(2) {background-color: #cdf1c3;}
.call-out:nth-child(3) {background-color: #ccb9da;}
	
.call-out-2c:nth-child(1){background-color:#FFF;}
.call-out-2c:nth-child(2){background-color:#FFF;}

.call-out-3c:nth-child(1) {background-color: #fff;}
.call-out-3c:nth-child(2) {background-color: #fff;}
.call-out-3c:nth-child(3) {background-color: #fff;}

.call-out-4c:nth-child(1) {background-color: #FFF;}
.call-out-4c:nth-child(2) {background-color: #FFF;}
.call-out-4c:nth-child(3) {background-color: #FFF;}
.call-out-4c:nth-child(4) {background-color: #FFF;}

.call-out-5c:nth-child(1) {background-color: #FFF;}
.call-out-5c:nth-child(2) {background-color: #FFF;}
.call-out-5c:nth-child(3) {background-color: #FFF;}
.call-out-5c:nth-child(4) {background-color: #FFF;}
.call-out-5c:nth-child(5) {background-color: #FFF;}

.call-out-6c:nth-child(1) {background-color: #FFF;}
.call-out-6c:nth-child(2) {background-color: #FFF;}
.call-out-6c:nth-child(3) {background-color: #FFF;}
.call-out-6c:nth-child(4) {background-color: #FFF;}
.call-out-6c:nth-child(5) {background-color: #FFF;}
.call-out-6c:nth-child(6) {background-color: #FFF;}	


/* Two Two BTN End-Index */	

h1 a {color: #000; text-decoration: none; }
p a {color: #0057A3; text-decoration: none; } 
a {color: #0057A3; text-decoration: none; } 

hr {
	color:#9e9e9e;
	background-color:#dedede;
	height: 0.5px;
	width: 60%;
	margin: 0 auto
	}

p {
	font-family:calibri, serif, sans-serif; 
	font-size: 15px;
	text-align: left;
	text-indent: 0.1px ;
	line-height: 1.5;
	padding:1.5% 0% 1.5% 0%;
	}

p a {
	color: #150DF2
	}

p a:visited {
	color: #150DF2
	}

p.clear {
	clear: both
	}

	section.left img,  section.right img, section.single-column img {
	margin: 2% 2%;
	border: None solid #000000 1px;
	box-shadow: 0px 0px 0px #FFF;
	}

	footer p {
	color: #000
	font-size: 16px;
	text-align: center;
	padding: 0 0 .5% 0
	} 

	footer p a {
	color: #000
	}

	form {
	font-size: 18px;
	text-align: left;
	text-indent: 0px ;
	padding: 2% 0 ;
	line-height: 200%;
	text-shadow: 0px 0px 0px #000000
	}

	pre {
	font-family: arial, verdana,  tahoma , serif;
	font-style: normal;
	font-weight: normal
	}