/*

   Legacy Craft
   Author: Mark Tate
   Date: 11/26/2019

   Filename:         styles.css
   Supporting Files: none

*/


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

@font-face
{
font-family: myFancyFont;
src: url('bandy.ttf'),
url('myFancyFont.eot');
}

h1	{
	color: black;
	font-family: myFancyFont;
	font-size: 30px;
	text-align: left	
}

h2	{
	color: black;
	font-family: myFancyFont;
	font-size: 20px;
	text-align: left	
}


body	{
	background-color: white;
	font-family: Bandy, Calibri, Verdana, Arial;
}


#head-wrap		{
	width: 100%; 
	height: auto;
	background-color: white;
	text-align: center; 
	position: fixed;
	right: 0;
	left: 0;
	top: 0;
	z-index: 999;
}

#head	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}


#top-logo	{
	margin-left: auto;
	margin-right: auto
}

#mail-icon	{
	float: right;
	margin-right: 3%;
	margin-top: 1px
}

#phone-icon	{
	float: right;
	margin-right: 2%;
	margin-top: 1px
}

#row-1-wrap		{
	width: 100%; 
	height: 600px; 
	text-align: center; 
	background-image: url(images/row-1-img.jpg);
	background-repeat: no-repeat;
	background-position: right -50px;
	float: left;
	margin-top: 100px
}

#row-1	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}

#row-1-L	{
	width: 50%; 
	height: auto; 
	background-color: white;
	float: left;
	margin-top: 160px;
	padding: 2%
}

#row-1 p	{
	text-align: left;
	font-family: Calibri, Verdana, Arial;
	font-size: 14px;
	margin-top: 10px
}


#row-2-wrap		{
	width: 100%; 
	height: auto;
	text-align: center; 
	float: left;
	background-color: #00E6E6
}

#row-2	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}

#row-3-wrap		{
	width: 100%; 
	height: auto; 
	text-align: center; 
	float: left;
}

#row-3	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
	text-align: left;
}

#cabinets-wrap		{
	width: 100%; 
	height: auto; 
	text-align: center; 
	float: left;
	margin-top: 20px
}

#cabinets	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}

#cabinets-wrap-2		{
	width: 100%; 
	height: auto; 
	text-align: center; 
	float: left;
	margin-top: 20px;
	background-color: #00CCCC
}

#cabinets-2	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}

#underline	{
	width: 100%;
	height: 2px;
	background-image: url(images/underline.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 2px
}

#underline-grey		{
	width: 100%;
	height: 2px;
	background-image: url(images/underline-grey.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 2px
}

#underline-white	{
	width: 100%;
	height: 2px;
	background-image: url(images/underline-white.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	margin-top: 2px
}

#our-services	{
	font-family: Calibri, Verdana, Arial; 
	font-size: 14px;
	font-weight: bold;
	text-align: left; 
	margin-left: 5%;
	width: 45%;
	float: left
}

#our-services li	{
	color: #FCFCFC
}

#styles-wrap		{
	width: 100%; 
	height: auto; 
	text-align: center; 
	float: left;
	margin-top: 20px
}

#styles	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}

#finishes-wrap		{
	width: 100%; 
	height: auto; 
	text-align: center; 
	float: left;
	margin-top: 20px
}

#finishes	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}


#row-4-wrap		{
	width: 100%; 
	height: auto;
	text-align: center; 
	float: left;
	background-color: #0066FF
}

#row-4	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}


#row-5-wrap		{
	width: 100%; 
	height: auto;
	text-align: center; 
	float: left;
	margin-top: 20px;
}

#row-5	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}

#team-wrap		{
	width: 100%; 
	height: auto; 
	text-align: center; 
	float: left;
	margin-top: 20px
}

#team	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}

#team-photo	{
	height: auto;
	padding: 2%;
	border: 2px solid #00E6E6
}

#team-bio	{
	height: auto;
	padding: 2%;
	text-align: left
}

#team-bio p	{
	font-family: Calibri, Verdana, Arial;
	font-size: 0.750em;
	color: #666666;
	width: 100%;
	margin-top: 2px
}

#team-bio b	{
	color: #00A6A6;
	font-size: 1.125em
}


#est-wrap		{
	width: 100%; 
	height: auto;
	background-color: white;
	text-align: center; 
	right: 0;
	left: 0;
}

#est	{
	max-width: 960px; 
	height: auto; 
	margin: 0 auto;
}