article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;}audio,canvas,video{display:inline-block;}audio:not([controls]){display:none;height:0;}[hidden]{display:none;}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted;}a:active,a:hover{outline:0;}h1{font-size:2em;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}mark{background:#ff0;color:#000;}code,kbd,pre,samp{font-family:monospace, serif;font-size:1em;}pre{white-space:pre-wrap;word-wrap:break-word;}q{quotes:\201C \201D \2018 \2019;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0;}button,input{line-height:normal;}button,html input[type=button],/* 1 */
input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;}button[disabled],input[disabled]{cursor:default;}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0;}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}table{border-collapse:collapse;border-spacing:0;}body,figure{margin:0;}legend,button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}


* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.clearfix:after {
			    visibility: hidden;
			    display: block;
			    font-size: 0;
			    content: " ";
			    clear: both;
			    height: 0;
			    }


/*html { 
  background: url(images/Project01_03.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/

body {
	font-family: 'Roboto', sans-serif;
}

.wrapper {
	/*width: 1000px;*/
}

.header {
	position: fixed;
	width: 100%;
	top: 0;
	z-index: 5000;
	/*background-color: rgb(225, 227, 225);*/
	background-color: white;
	text-transform: uppercase;
	/*height: 300px;*/
	/*height: 258px;*/
	height: 250px; /*THIS IS HEIGHT FOR DESKTOP */
	/*height: 238px;*/
	/*height: 216px;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
	text-align: center;
	box-shadow: 0 0 15px rgba(0, 0, 0, .33);
	opacity: 0.8;
}

.header.aboutme {
	opacity: 1.0;
}


.header.furniture {
	opacity: 1.0;
}

.logo {
	margin: 0 auto;
	padding-top: 20px;
	width: 28%;
	/*position: relative;*/
}

.wavesLogo {
	position: absolute;
	width: 100%;
	/*top: 25%;*/
	top: 37%;
}

.waves {
	width: 100%;
}

/*.spacing{
	padding: 30px;
}*/

ul {
	padding: 20px 0;
}

.nav {
	/*margin-top: -20px;*/
	margin-top: -44px;
}

.nav li {
	display: inline;
	text-align: center;
	margin: 0 auto;
	list-style: none;
	font-size: 15px;
	color: #474746;
	font-weight: 400;
}

.nav li a{
	padding: 20px;
	color: #474746;
}

.nav li a:hover {
	color: #36bcab;

}

a {
	text-decoration: none;

}

.content{
	width: 100%;
	/*margin-top:300px;*/
	margin-top: 221px;
}

.project{
	float: left;
	width: 25%;
	position: relative;
	font-size: 0;
	background: white;
}


.project img{
	width: 100%;
	-webkit-filter: grayscale(100%);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(100%); 
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(100%); 
	-o-transition: .5s ease-in-out;
}

.project img:hover{
	-webkit-filter: grayscale(0%);
	  -webkit-transition: .5s ease-in-out;
	  -moz-filter: grayscale(0%);
	  -moz-transition: .5s ease-in-out;
	  -o-filter: grayscale(0%);
	  -o-transition: .5s ease-in-out;
}


.overlay{
	width: 100%;
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background: rgba(54, 188, 171, 0.8);
	display: none;

	/*visibility: hidden;
	opacity: 0;*/
	-webkit-transition: visibility 0.2s ease-in-out, opacity 0.2s ease-in-out;

}


.project:hover .overlay{
	/*display: block;*/

	visibility: visible;
	opacity: 1;
	
}


.project p{
	text-transform: uppercase;
	text-align: center;
	padding-top: 50%;
	margin: 0;
	font-size: 20px;
	color: #474746;
	letter-spacing: 1px;
	text-shadow: 0px 1px 1px rgba(54, 188, 171, 0.7);
	font-weight: 900;
	



}

h3{
	font-weight: 300;
	font-size: 20px;
	margin: 0;
	text-transform: uppercase;
	border-bottom: 1px solid #36bcab;
	padding-bottom: 5px;
}

h4{
	margin: 0;
	padding-top: 15px;
}

.details a{
	padding-top: 50px;
	color: #474746;
	text-decoration: none;
	

}

.details a:hover{
	padding-top: 50px;
	color: #36bcab;
	text-decoration: none;
	

}
.details p{
	font-weight: 300;
	font-size: 16px;
	padding:0;
	margin: 0;

}

.details ul{
	margin-top: 50px;
	border-top: 1px solid #36bcab;
}
.details li{
	display: inline;
	padding-right:20px;
	margin: 0 auto;
	list-style: none;
	font-size: 15px;
	color: #474746;
	font-weight: 400;
	text-transform: uppercase;

}

.details li:hover{
	color: #36bcab;
}


.footer{
	width: 100%;
	height: 230px;
	/*background-color: rgb(11, 96, 155);*/
	background-color: white;
	/*padding-bottom: 290px;*/

}

.box{
	color: #474746;
	width: 33.333%;
	float: left;
	text-align: center;
	padding-top:70px;
}

a .fa{
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: normal;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #474746;
	font-size: 20px;
}

a .fa:hover{
	color:#36bcab;
}


 .content.aboutMe{
 	/*background-color: rgb(31,43,171);*/
 	width: 100%;
 }

 .about{
 	width: 50%;
 	float: left;
 	margin-top: 2%;
 	margin-bottom: 3%;
 	padding-left: 50px;
 }

 .about h1 {
 	color: rgb(11,96,155);
 	border-bottom: 1px solid rgb(11,96,155);
 }

  .contact h1 {
 	color: rgb(11,96,155);
 	border-bottom: 1px solid rgb(11,96,155);
 }

 .contact {
 	width:50%;
 	float: left;
 	margin-top: 2%;
 	margin-bottom: 10%;
 	padding-left: 55px;
 	padding-right: 55px;
 }




.headshot img{
	padding-right: 50px;
	width: 37%;
	background: white;
	padding: 6px;
	margin-top: 2px;
	float:left;
	margin-right: 31px;
}

.headshot p{
	font-size: 16px;
	/*color: white;*/
	line-height: 2.1;
	font-weight: 300;
	text-align: justify;
	
 }

 .contact p{
	color: #575757;
	padding-top: 4px;
	padding-bottom: 8px;
	line-height: 1.7;

}

.myForm {
      color: #575757;
      background-color: white;
      outline: none;
      padding: 0 3.2520325%;
      margin-top: 30px;
}
       
    

.myText{
	border:none;
	border-top: 1.5px dotted #575757;
	border-bottom: 1.5px dotted #575757;
	width: 50%;
	margin: 0;
	outline: 0;
	font-weight: 300;
	font-style: italic;
	padding-bottom: 5px;
	margin-bottom: 10px;
	padding-left: 10px;
	margin-top: 20px;
}


.myEmail{
	background: none;
	border: none;
	border-top: 1.5px dotted #575757;
	border-bottom: 1.5px dotted #575757;
	width: 49%;
	margin: 0;
	outline: 0;
	padding-bottom: 5px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-style: italic;
	font-weight: 300;
	padding-left: 10px;
}

.myMessage{
	width: 100%;
	overflow: hidden; 
	word-wrap: break-word; 
	resize: none; 
	height: 138px;
	border:none;
	border-top: 1.5px dotted #575757;
	border-bottom: 1.5px dotted #575757;
	outline: 0;
	margin-top: 20px;
	font-style: italic;
	font-weight: 300;
	padding-left: 10px;

}


.mySubmit{
	margin: 20px 0;
	border: none;
	background: none;
	color: #575757;
}

.mySubmit:hover{
	color: #36bcab; 
}


.longSlider{
	/*width: 100%;*/
	width: 96%;
	margin-top: 50px;
	display: none;
	float: left;
}

.details{
	width: 30%;
	float: left;
	padding: 25px;
	font-size: 15px;
	color: #474746;

}

.btw{
	margin-top: 300px;
	position: relative;
	top: 182px;
}



.flexslider{
	width: 70%;
	/*float: left;*/
	float:right;
	background: #fff;
	position: relative;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 50px;
	overflow: hidden;


}

.slides li{
	display: inline;
	width: 100%;

}

ol{
	display: none;
}



  h1{
 	text-align: left;
 	border-bottom: 1px solid white;
 	line-height: 1.3;
 	text-transform: uppercase;
 	font-size: 18px;
 	color: white;
 	letter-spacing: 1px;
 	font-weight: 400;
 	margin: 0 auto;
 	
 }

 .restorationWrapper {
 	width: 900px;
 	margin-top: 16%;
 	margin-left: auto;
 	margin-right: auto;

 }

  .restorationText {
/* 	top: 25%;
 	right: 2%;*/
 	font-size: 16px;
	/*width: 34%; ORIGINAL VERSION*/
	width: 100%;
	/*background: rgb(11,96,155); ORIGINAL VERSION*/
	background: white;
	/*padding: 20px; ORIGINAL VERSION*/
	padding: 10px;
	color: black;
	float: left;
	position: relative;
	/*top: 45%;*/
	/*right: 15%;*/
	/*left: 60%; ORIGINAL VERSION*/
	left: 0%;

 }

 .restorationText h1 {
 	font-size: 20px;
 	color: black;
 	border-bottom: 1px solid rgb(11,96,155);
 }

.restorationPhoto {
	width: 100%;
	/*position: absolute;*/
	float: left;
	margin-top: 1%;
}
 .restorationPhoto img {
 	width: 100%;
 	position: relative;
 	/*margin-top: 45%;*/
/* 	margin-left: 42%;*/
 	/*float: left;*/
 	/*position: absolute;*/
 }

 .featureWrapper {
 	width: 900px;
 	margin: 15% auto 0;
 }

 .featurePhoto {
 	width: 100%;
 }

 .featurePhoto img {
 	width: 100%;
 }

 .featureText h1 {
 	font-size: 20px;
 	color: black;
 	border-bottom: 1px solid rgb(11,96,155);
 }

 .featureText {
 	font-size: 16px;
	width: 100%;
	/*background: rgb(31,43,171);*/
	padding: 20px;
 	color: black;	
	/*float: left;*/
	position: relative;
	top: 32%;
 }

#active a {
color: rgb(11,96,155);

}