html { 
  margin: 0 auto;
  background-color: #CEEAE9;
}

body {
	background-image: url("images2/leaves.png"), url("images2/leaves2.png"), url("images2/bush1.png"), url("images2/bush2.png");
	background-position: top left, top right, bottom left, bottom right;
	background-repeat: no-repeat;
	background-size: 15%;
}

html, body {
	margin: 0;
	padding: 0;
	font-family: 'Asap', sans-serif;
}

#header {
	max-width: 70%;
	margin: auto;
	-webkit-background-size: cover;
  	-moz-background-size: cover;
 	-o-background-size: cover;
 	background-size: cover;
 	-moz-box-shadow:    3px 3px 5px 2px #545252;
    -webkit-box-shadow: 3px 3px 5px 2px #545252;
    box-shadow: 		3px 3px 5px 2px #545252;
}

#headerimg {
	max-width: 100%;
	width: 100%;
	margin: auto;
	border-bottom: solid;
	background-color: #ffffff;
}

#navbar {
	list-style: none;
    font-weight: bold;
    margin-top: -20px;
    width: 100%;
    text-align: center;
    background-color: #7B1B16;
    height:40px;
    border-bottom: solid;
}

.menu ul {
	display: block;
}

 .menu li {
	display: inline-block;
	color: white;
	background-color: #7B1B16;
	width: auto;
	max-width: 100%;
	height: 34px;
	text-decoration: none;
	list-style-type: none;
	text-align: center;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 8px;
	overflow: hidden;
 }
  
.menu li:hover {
	width: auto;
	height: 40px;
	background-color: #000000;
	text-align: center;
	overflow: hidden;
	padding-left: 15px;
	padding-right: 15px;
	font-size: 8px;
	display: inline-block;
}
 
  .menu li a {
	display: inline-block;
	color: white;
	text-decoration: none;
	list-style-type: none;
	height: 34px;
	overflow: hidden;
	padding-top: 10px;
	font-size: 18px;
 }

 
#wrapper {
        width: 100%;
        margin: 0;
        padding: 0;
    }
	
#content {
	width: 70%;
	min-height: 1000px;
	color: black;
	background-color: #F9E8CA;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 11pt;
	padding-top: -20px;
	padding-bottom: 26px;
  	-moz-box-shadow:    3px 3px 5px 2px #545252;
    -webkit-box-shadow: 3px 3px 5px 2px #545252;
    box-shadow: 		3px 3px 5px 2px #545252;
}

#gallerycontent {
	width: 70%;
	min-height: 1620px;
	color: black;
	background-color: #F9E8CA;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: -20px;
	padding-bottom: 26px;
  	background-repeat: no-repeat;
  	background-size: contain;
  	background-position: left bottom;
  	-moz-box-shadow:    3px 3px 5px 2px #545252;
    -webkit-box-shadow: 3px 3px 5px 2px #545252;
    box-shadow: 		3px 3px 5px 2px #545252;
}


#content a {
	color: blue;
	text-decoration: none;
}

#gallerycontent a {
	color: blue;
	text-decoration: none;
}

#sectionheader {
	font-family: 'Playball', cursive;
	color: #791C17;
	text-align: center;
	font-size: 20pt;
}

#intro {
	width: 70%;
	margin: 0 auto;
	padding-left: 30px;
	padding-right: 30px;
	text-align: left;
	line-height: 120%;
}

#lwrap {
	float: left;
	width: 66%;
	margin: 0 auto;
}

#rwrap {
	float: left;
	width: 30%;
	margin: 0 auto;
}

#left {
	width: 45%;
	float: left;
	margin: 0 auto;
}

#left1 {
	width: 45%;
	float: left;
	margin: 0 auto;
	padding-right: 15px;
}

#right {
	width: 48%;
	float: left;
	margin: 0 auto;
	text-align: right;
}

#greenlandinfo {
	padding-right: 30%;
}

#testimonial {
  display: flex;                
  flex-direction: row; 
  flex-wrap: nowrap; 
  justify-content: space-between;
  background-color: #BAD15E;
}

#testimonial > div {
	width: 30%;
	padding: 10px;
	border: solid;
}

#sa_contactdiv {
	text-align: left;
	margin: 0 auto;
	padding-left: 30%;
}

#freeestimates {
	min-width: 100%;
	font-size: x-large;
	float: center;
	clear: both;
	text-align: center;
	margin: 0 auto;
	padding-top: 30px;
	font-weight: bold;
	font-style: italic;
	color: #0C5604;
}

#contactfooter {
	margin: 0 auto;
	width: 70%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
	border-top: solid;
	-moz-box-shadow:    3px 3px 5px 2px #545252;
    -webkit-box-shadow: 3px 3px 5px 2px #545252;
    box-shadow: 		3px 3px 5px 2px #545252;
}

#contactfooter ul {
	display: block;
	text-align: center;
}

#contactfooter li {
	display: inline-block;
	text-align: center;
}


#bottomnav {
	margin: 0 auto;
	width: 70%;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #7B1B16;
	color: white;
	border-top: solid black;
	border-bottom: solid black;
	-moz-box-shadow:    3px 3px 5px 2px #545252;
    -webkit-box-shadow: 3px 3px 5px 2px #545252;
    box-shadow: 		3px 3px 5px 2px #545252;
}

#bottomnav ul {
	display: block;
}

#bottomnav li {
	display: inline-block;
}

#bottomnav li a {
	color: white;
	text-decoration: none;
	list-style-type: none;
	padding-left: 5px;
	padding-right: 5px;
}

/**Slideshow**/

#wrap {
	height: 600px;
	width: 900px;
	margin: 0 auto;
	overflow: hidden;
}
#wrap img { display:none; }
#wrap .is-showing { display: inline; }

 ul.enlarge{
    list-style-type:none;
    margin-left:0;
    }
    ul.enlarge li{
    display:inline-block; /*places the images in a line*/
    position: relative;
    z-index: 0;
    margin:10px 10px 0 10px;
    }
    ul.enlarge img{
    background-color:#eae9d4;
    padding: 6px;
    -webkit-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -moz-box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    box-shadow: 0 0 6px rgba(132, 132, 132, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    }
    ul.enlarge span{
    position:absolute;
    left: -9999px;
    background-color:#eae9d4;
    padding: 10px;
    font-family: 'Droid Sans', sans-serif;
    font-size:.9em;
    text-align: center;
    color: #495a62;
    -webkit-box-shadow: 0 0 20px rgba(0,0,0, .75));
    -moz-box-shadow: 0 0 20px rgba(0,0,0, .75);
    box-shadow: 0 0 20px rgba(0,0,0, .75);
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius:8px;
    }
    ul.enlarge li:hover{
    z-index: 50;
    cursor:pointer;
    }
    ul.enlarge span img{
    padding:2px;
    background:#ccc;
    }
    ul.enlarge li:hover span{
    top:-80px; /*the distance from the bottom of the thumbnail to the top of the popup image*/
    left: -80px; /*distance from the left of the thumbnail to the left of the popup image*/
    }
    ul.enlarge li:hover:nth-child(2) span{
    left: -100px;
    }
    ul.enlarge li:hover:nth-child(3) span{
    left: -200px;
    }
    /**IE Hacks**/
    ul.enlarge img, ul.enlarge span{
    behavior: url(pie/PIE.htc);
    }