html, body
{	padding: 0;	margin: 0;}

body{	background: #173F3F;	font-family: 'Open Sans', sans-serif; 
	position: relative;	-webkit-text-size-adjust: none;}
	
body *
{text-shadow: none;}

p{font-size: .9em; margin: 0 12px; padding:0; font-weight: normal; color: #3E8F8F;}
h1{	font-size: 2em; padding: 23px 0 18px 12px  ; color: #3E8F8F; font-weight: 200; }
h2{font-size: 1.32em;   color: #3E7C8F; padding: 12px 12px 6px 12px; line-height: 1.4em; }
h3{	font-size: 1.1em;  padding: 0 12px; color:  #3E8F8F;}
h6{padding: 0 ; font-size: 1em; font-weight: 200; margin: 6px 0;}
/*
ul li {	list-style-type: disc; font-size: .9em; margin:0 2px; color: #222; padding: 0 23px;	}
*/

.content
{padding: 10px 0px 0px 0px; background: #B5DFDF; margin: 0; width: 100%;}

.bold {font-weight: 600;}
.flower {margin:90% 0 50% 30%;  }
.heart {color: #F0B6CF;}

.test {padding: 12% 0 0 0; margin: 0% 5% 0 5%; background: url(quote.png) no-repeat; text-align:left; letter-spacing: .05em;}
.red {color: #325F00; font-size: .8em; font-family: 'Open Sans', sans-serif; padding: 0 8px 0 0;}
.noborder {border: 0px;}

.faqs {background: url(flower-sml60.png) no-repeat 4% 0%; padding: 0 12% 23px 10%;}

.opps {width: 100%; height: auto; float: left; background: #B5DFDF;}
.opps2 {width: 100%; height: auto; float: left; }
.op {width: 100%; height: auto;  float:left; }

.soc { width: 100%; height: 360px; background: #DAEDED;}
.social {width: 100%; height: 430px;  float:left; margin: 0;background:#DAEDED; }
.social2 {width: 100%; height: 430px;  float:left; margin: 0;background:#DAEDED; margin:  0%; }

.first {margin: 0 162px 0 0; }
.email {margin: 0 66px 0 0;}
.phone {margin: 0 59px 0 0;}
.msg {margin: 0 146px 0 0;}


table {margin: 0 3px ; background: #C5E0E0;  }

a, a:link, a:active, a:visited, a:hover {color: #67AAAB; text-decoration: none; outline:none; padding: 0; border-bottom: 1px dotted; }
a {outline: none;}
a:hover{color: #1A4545; border-bottom: 0px;text-decoration: none; outline:none;  opacity:.7; padding:  0;}
a:active { color: #1A4545;}



/* menu stuff g'wan 'ere*/
.header,.content,.footer{	text-align: left; }

#nav2 {width: 100%; margin: 0px; background: #3E8F8F; height:40px; padding:6px 0 6px 0px; z-index:15; margin: 46px 0 0 0; float: left; position:absolute; }

#nav2 h3 {padding: 10px 0px 2px 10px; margin: 0; font-size: 1.2em; color: #3E8F8F; text-align: center;} 

#nav2 a:link, #nav2 a:visited {color: #eee; border:0;}
#nav2 a:hover {background: transparent;}


.headertop
{	background: #3E8F8F url(logo-blk2.png) no-repeat 50% 99%; font-weight: normal; width: 100%;  height: 70px; padding: 0; position: absolute; opacity: 1; margin: 98px 0 0 0; }


.headertop h1 {	 padding: 280px 0px 0px 12px; font-weight: normal; margin: 340px 0 0 12px; font-size: 2em; color: #111; letter-spacing: .01em; font-family: 'Roboto Slab', serif;}
.headertop h3 {	 padding: 0px; font-weight: normal; margin: 0px; font-size: .1em; color: #4591AC; letter-spacing: .06em;}


/* #hide {display:block;}*/

#galleries {width: 100%; height: auto; background: #b5dfdf; padding: 0; margin: 0;}

/*------------ #box for image gallery on home page - MOBILE -----------------*/

#con
{width: 100%; height: 340px; background: transparent; float:left; margin: 12% 0 0 0;}

#box { height: auto; padding:0;  float: left; width:42%;  margin: 0% 0% 2% 1%;}

#box img {max-width: 100%; height: auto; border: 0; padding: 0; margin: 0;}


#boxmenu { height: auto; width: 47.5%;	border: 0px; float: left; margin: 0% 1% 16% 1%; }

/*------------ #display, holds two galleries - MOBILE -----------------*/
#cf1, #cf2 { margin:0 auto 74% auto;  width:100%; }


#box2 { height: auto; width: 48%;	border: 0px; float: left; margin: 0 1% 2% 1%; }
#box2 img {max-width: 100%; height: auto; border: 0px solid #fff; padding: 0;}

#box3 { height: auto; width: 48%;	border: 0px; float: left; margin: 0 1% 2% 1%; }
#box3 img {max-width: 100%; height: auto; border: 0px solid #fff; padding: 0;}



#box4 { height: auto; width: 48%;	border: 0px; float: left; margin: 0 1% 2% 1%; }
#box4 img {max-width: 100%; height: auto; border: 0px solid #fff; padding: 0;}

.top {opacity:  .85	;}

/*------------ #intro -----------------*/
#intro {background: #B5DFDF;  height: auto;  margin:158px 0 0 0; width: 100%; padding:0; border: 0;} 
#intro img {padding:0 0 23px 0; margin: 0; width: 100%;}

 #intro ul li, #second ul li
{ list-style-type:disc;
  margin: 0px; 
  padding: 4px 32px 4px 0px; 
color: #3E8F8F; font-size: .9em;
}

/*------------ #first -----------------*/
#first {background:#B5DFDF; height: auto; margin: 0px; width: 100%; float: left;  border: 0 }
#first img { border: 0px; max-width:100%; height: auto; margin: 0 50px 0 0;}

/*------------------ #second --------------*/
#second {background: #B5DFDF; height: auto; padding: 0; width: 100%;}

#second img{ max-width: 100%; padding: 0 23px 23px 0; height:auto;}

/*------------------ #third --------------*/
#third {background: #4F7F7F; height: auto; padding: 0; width: 100%;}
#third p {color: #fff;}
#third h2 { padding: 0px 0 0 5%; color: #F0B6CF;}
#third h3 {color: #B5DFDF;}

#third img{ max-width: 100%; padding: 0 23px 23px 0; height:auto;}

 #third ul li
{ list-style-type:disc;
  margin: 0px; 
  padding: 6px 12px 6px 0px; 
  color: #fff;
}


#family {width: 100%; height: auto; float: left; padding: 0 ; text-align: center; background: #2c6666;}
#family h2 {text-align: left !important; padding: 0 0 23px 15%; color: white;}

#family a {border: 0;}
#family a:hover {opacity:.9;}

/*------------ #footer -----------------*/

#sub-foot
{width: 100%; margin: 0; height: auto; background: #173F3F; }

#sub-foot h3 {color: #fff;}

#sub-foot-c { height: auto; float: left; padding: 2% 2%; background: #173F3F;}

#sub-foot-a { display:none;}
#sub-foot-b { display:none;}
#sub-foot-c {padding: 16% 2% 16% 0%; width:98%;} 

#sub-foot a:link, #sub-foot a:visited {color: #ffc; border: 0;}
#sub-foot a:hover {color: #FF58A4; background: transparent; opacity: 1;}

#sub-foot-c h4 {padding: 0 0 0 12%; color: #eee; font-size: 1.2em; letter-spacing: normal; font-weight: normal;}
#sub-foot p {padding:0 0 0 12%; color: #ddd; font-size:.85em; margin:0; line-height:1.4em;}

.footer {background: transparent; font-weight: normal; width: 100%; height: auto; padding:0px; margin: 0; text-align: center; border: 0;  }

.footer.fixed { bottom: 0; left: 0; height: 200px; background: #ccc; }
.footer a {font-size: .8em;  font-weight: normal; color: #ffc; border: 0; padding: 12px 0 6px 0;}
.footer a:hover {color: #F1B9D3;}
.footer h3 {color: #173F3F; padding: 12px; font-size: 1.8em; font-weight: normal; line-height: 1.4em;} 
.footer h4 {color: #fff; padding: 0 0 18px 0; font-size: .7em; letter-spacing: .08em} 

.green {color: #ccf; font-size: 1.6em; padding:0; }


/* code for gallery on project page*/
    .galleria{ width: 100%; height: 	220px; background: transparent; padding: 0; margin:0; }

	/* code for menu-----------------*/
	
 .toggle, [id^=drop] {
 display: none;
}

nav {
  padding: 0; width: 100%; 
  background: #2F5F5F; padding: 0 ; position:absolute; z-index: 20; margin: 0; 
}


nav:after {
  content: "";
  display: table;
  clear: both;
}

nav ul {
  
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
}

nav ul li {
  margin: 0px; padding: 0 12px 0 23px;
  display: inline-block;
  float: left;
  background-color: #2F5F5F ; z-index: 20;
}

nav a {
  display: block;
  padding: 0;
  color: #fff;
  font-size: 14px;
  line-height: 60px;
  text-decoration: none;
}

nav ul li ul li:hover { background: #4F7F7F; color: #fff; }

nav a:hover { color: #F0B6CF; opacity:1; }

nav ul ul {
  display: none;
  position: absolute;
  top: 60px;
}

nav ul li:hover > ul { display: inherit; }

nav ul ul li {
  width: 130px;
  float: none;
  display: list-item;
  position: relative;
}

nav ul ul ul li {
  position: relative;
  top: -60px;
  left: 170px;
}

li > a:after { content: ' +'; }

li > a:only-child:after { content: ''; }

/* Media Queries
--------------------------------------------- */

@media all and (max-width : 768px) {


.toggle + a,
 .menu { display: none; }

.toggle {
  display: block; 
  background-color: #2F5F5F;
  padding: 0 20px;
  color: #555;
  font-size: 14px;
  line-height: 46px;
  text-decoration: none;
  border: none; margin:  0; color: #fff;
}

.toggle:hover { background-color: #3E8F8F; }

[id^=drop]:checked + ul { display: block; }

nav ul li {
  display: block;
  width: 100%;
}

nav ul ul .toggle,
 nav ul ul a { padding: 0 40px; }

nav ul ul ul a { padding: 0 80px; }

nav a:hover,
 nav ul ul ul a { background-color: transparent; color: #fff; }

nav ul li ul li .toggle,
 nav ul ul a { background-color: #2F5F5F;; color: #fff;}

nav ul ul {
  float: none;
  position: static;
  color: #fff;
}

nav ul ul li:hover > ul,
nav ul li:hover > ul { display: none; }

nav ul ul li {
  display: block;
  width: 100%;
}

nav ul ul ul li { position: static;}

}

@media all and (max-width : 330px) {

nav ul li {  display: block;  width: 100%;}

}