/* CSS Document */
/* CSS for BTE Renovations & Woodworking */
/** Fonts
font-family: 'Courgette', cursive;
font-family: 'Playfair Display', serif;
font-family: 'Vidaloka', serif;
font-family: 'Cormorant Garamond', serif;

**/

Body {

background-color:#094358;
	
}


#body {
font-family: 'Cormorant Garamond', serif;
color:#00000;
background-color:#D7EFE7;
font-size:16px;
height: auto;
width: 1200px;
clear:both;
padding-top:0px;
margin-right: auto;
margin-left:auto;
padding-bottom:0;

 
	
}



#header {
background-image:url(../images/headerwithlogo.jpg);
height:200px;

}




.clearfix:after {
    display:block;
    clear:both;
}
 
/*----- Menu Outline -----*/
.menu-wrap {
    width:100%;
    text-decoration:none;   
}
 
.menu {
    width:800px;
    padding-left:520px;
	padding-top:66px;
	text-decoration:none;
}
 
.menu li {
    margin:0px;
    list-style:none;
    font-family: 'Cormorant Garamond', serif;
	text-decoration:none;
	font-style:bold 700;
}
 
.menu a {
    transition:all linear 0.15s;
    color:#000000;
}
 
.menu li:hover > a, .menu .current-item > a {
    text-decoration:none;
    color:#9BD3DD;
}
 
.menu .arrow {
    font-size:11px;
    line-height:0%;
}
 
/*----- Top Level -----*/
.menu > ul > li {
    float:left;
    display:inline-block;
    position:relative;
    font-size:20px;
	text-decoration:none;
}
 
.menu > ul > li > a {
    padding:8px 15px;
    display:inline-block;
	text-decoration:none;
}
 
.menu > ul > li:hover > a, .menu > ul  {
    background:#38A4BD;
	
}
 
/*----- Bottom Level -----*/
.menu li:hover .sub-menu {
    z-index:1;
    opacity:1;
	
}
 
.sub-menu {
    width:160%;
    padding:5px 0px;
    position:absolute;
    top:100%;
    left:0px;
    z-index:-1;
    opacity:0;
    transition:opacity linear 0.15s;
    background:#38A4BD;
	
}
 
.sub-menu li {
    display:block;
    font-size:17px;
	font-style:italic;
	font-family: 'Cormorant Garamond', serif;
	
}
 
.sub-menu li a {
    padding:25px 30px;
    display:block;
	text-decoration:none;
}
 
.sub-menu li a:hover, .sub-menu .current-item a {
    background:#38A4BD;
}


/*---- Gallery Navigation ---*/


#gallery-links {
margin-top:0px;
padding-top:0px;
padding-bottom:0px;
font-size:17px; 

	
	
}

.gal-links { 
 	font-family:'Cormorant Garamond', serif;
	padding-left:260px;
	padding-top:5px;
	color:#38A4BD;
 	
 	}
	

	
	.gal-links li{
	 float: left; 
	 list-style: none; 
	 margin: 0 9px 0 0;
	 color:#000000;
	 display:block;
	 
 	}
	
	.gal-links li.first {
	 border: none; 
	 }
	
	.gal-links a:link, .footer-links a:visited{ 
	color: #000000; 
	display: block; 
	margin: 0 0 0 9px; 
	padding: 0; 
	outline: none; 
	text-decoration: none;
	 }
	
	.gal-links a:hover, .footer-links a:focus{ 
	color: #9BD3DD; 
	text-decoration:none; 
	background-color:#38A4BD;
	z-index:1;
    opacity:1;
	
	}


/*---- Main Content ----*/



#intext {
width:1200px;
height:auto;
overflow:hidden; 

}

#intext img {
display:inline;
margin-top:20px;
margin-left:115px;
margin-right:50px;
float:left;	
outline: 1px solid #ddd;
border-top: 1px solid #fff;
padding: 10px;
background: #f0f0f0;
}

#services {
width:1200px;
height:auto;
overflow:hidden;
	
}

#services img {
display:inline;
float:left;
margin-top:50px;
margin-left:57px;
outline: 1px solid #ddd;
border-top: 1px solid #fff;
padding: 10px;
background: #f0f0f0;
}

#content {

margin-top:0px;
margin-bottom:auto;
padding-bottom:80px;	

}

#about {
font-family: 'Cormorant Garamond', serif;
align-content:center;
margin-left:200px;
margin-right:200px;
margin-top:100px;
margin-bottom:200px;
	
font-size:18px;

	
}

#about h1 {
font-size:20px;	
font-family: 'Cormorant Garamond' serif;
padding-bottom:0;
}

#about img {
padding-right:50px;
}

#left-pic {
	
}

#content h2{
font-family: 'Cormorant Garamond', serif;
font-size:22px;
text-align:center;
	
}

#content h3{
margin-left:50px;
margin-top:100px;
font-size:25px;	
	
}


#testimon {
	align-content:center;	
	margin-left:150px;
	margin-right:150px;
	margin-bottom:50px;
	font-size:18px;
	font-family: 'Cormorant Garamond', serif;
	
	
	
}

#testimon h2 {
align:center;
padding-bottom:20px;
margin-top:100px;


	
}


/* Gradient color1 - color2 - color1 */

hr.style-one {
    border: 0;
    height: 2px;
    background: #333;
    background-image: linear-gradient(to right, #D7EFE7, #46C9EB, #D7EFE7);
	margin-bottom:0px;
	margin-top:10px;
}


hr.style-two {
	border:0;
	height:2px;
	background:#333;
	background-image: linear-gradient(to right, #D7EFE7, #46C9EB, #D7EFE7);
	margin-top:50px;	
	
}










/* footer */


#footer {
padding-bottom:0;
width:100%;
height:250px;
background-image:url(../images/footer.jpg);

	
	
}


	.footer-links { 
 	float: right; 
	padding-right:50px;
	padding-top:65px;
	color:#38A4BD;
 	}
	

	
	.footer-links li{
	 float: left; 
	 list-style: none; 
	 margin: 0 9px 0 0;
	 color:#000000;
	 display:block;
 	}
	
	.footer-links li.first {
	 border: none; 
	 }
	
	.footer-links a:link, .footer-links a:visited{ 
	color: #000000; 
	display: block; 
	margin: 0 0 0 9px; 
	padding: 0; 
	outline: none; 
	text-decoration: none;
	 }
	
	.footer-links a:hover, .footer-links a:focus{ 
	color: #9BD3DD; 
	text-decoration:none; 
	background-color:#38A4BD;
	z-index:1;
    opacity:1;
	
	}
	
	#social_media { 
	clear: right; 
	float: right; 
	padding-right:50px;
	padding-top:15px;
	}
	
	#social_media li{ 
	border: none; 
	clear: right; 
	float: left; 
	list-style: none; 
	margin: 0 3px;
	 
	}
	
	#social_media a{ 
	no-repeat: 0 0; 
	display: block; 
	outline: none;  
	color:#000000;
	
	}
		
		#facebook a { 
		height: 44px;
		width:44px; 
		z-index:-1;
		
		}
		
		#facebook img{
		z-index:1;	
		}
		
		#instagram a{
		height: 44px; 
		width: 44px;	
		}
		
		#twitter a{ 
		height: 44px; 
		width: 44px;;
		 
		}
		
		
		#bbb a{ 
		height: 70px; 
		width: 44px; 
		}
		
	
		
		#legal,
	   
	    #legal p,
		
		#legal address { 
		padding-top:30px;
		padding-left:30px;
		padding-bottom:15px;
		font-size:17px;
		font-family: 'Cormorant Garamond', serif;
		clear: left; 
		float: left; 
		margin: 0; 
		
		}
		hr.styleTwo {
		border: 0;
    	height: 1px;
    	background: #333;
 	    background-image: linear-gradient(to right, #ccc, #333, #ccc);
       }	
	
		
		#telco { 
		clear: left; 
		float: left; 
		margin: 9px 0; 
		width: 250px;
		 }
		
		#telco dd { 
		float: left;
		 }
		
		#telco dt { 
		float: right; 
		margin: 0; 
		width: 55px;
		 }