/* Table of Contents
------------------------------------------------------
- General Content
- Typeography
- Header / Navigation
- Images / Media
- Footer
- Media Queries
------------------------------------------------------ */

/* General Content
----------------------------------------------------- */
body {
	margin:auto;
	
}
.content {
	max-width: 860px;
	border-top: 1px solid #A5784D;
	border-bottom: 1px solid #A5784D;
	margin: auto;
	overflow: hidden;
	font-weight: bolder;
	padding-bottom:20px;
}

.frank {
	width:320px;
	padding:10px;
	float:left;
	margin:0 10px 0 0;
}
.frank img {
	width:100%;
	}
.banker {
	float:right;
	
}
.banker img{
	width:320px;
	height:auto;
}
.homeUl li{
	list-style-type: none;
}
.gallery {
	margin:auto;
	text-align:center;
	overflow:hidden;
}
.gallOne {
	display:block;
	float:left;
	width:50%;
}
.gallTwo {
	display:block;
	float:left;
	width: 50%;
}
.building, .features, .entryways, .fireplaces, .other, .progress {
	width:90%;
	margin:10% 5%;
	overflow:hidden;
}
.building img, .features img, .entryways img, .fireplaces img, .other img, .progress img {
	max-width:100%;
	height:auto;
	overflow:hidden;
	
}

#formWrap {
	max-width:600px;
	margin:20px auto;
	padding:10px;
}
form {
	max-width:500px;
}
label {
	display:block;
	margin: 0 0 5px 0;	
}
input {
	width: 100%;
	height: 25px;
	margin: 0 0 20px 0px;
	border:1px solid #A38974;
}

textarea {
	width: 100%;
	height:100px;
	margin: 0 0 0 0px;	
	border:1px solid #A38974;
}
fieldset {
	border:none;	
}
.button {
	width: 150px;
	height: 30px;
	background-color: #FFFFFF;
}
.map {
	max-width:500px;
	margin:auto;	
	padding:5%;
}
.map iframe {
	width:100%;	
}

.galleryThumbs img {
	margin:23px 0;	
}
.thumbOne {
	width:240px;
	float:left;
	padding:23px;

}
.thumbTwo {
	width:240px;
	float:left;
	padding:23px;

}

.thumbThree {
	width:240px;
	float:left;
	padding:23px;
}
/* Typography
----------------------------------------------------- */
h1 {
	color: #A5784D;
	font-size: 28px;
	text-align:center;	
}
h2 {
	color: #A5784D;
	font-size: 16px;

}
body {
	font-family: 'muli', arial, sans-serif;	
}
.contact {
	text-align:center;	
	font-size:10pt;
	color:#A5784D;
}
label {
	font-size: 12pt;
	text-align:left;
	color:#000;
}
.button {
	font-size:12pt;
}


/* Header / Navigation
----------------------------------------------------- */

.header {
	padding: 0 0 0 0;
	text-decoration: none;
	overflow:hidden;
}
.header a {
	color: inherit;
	text-decoration: inherit;
}
.header a:hover {
	color:#000000	
}
.vickersStonemasonry {
	margin: auto;
	max-width: 950px;
	left: auto;
}
.vickersStonemasonry img {
	max-width:100%;
	
}
.vickers  {
	float: left;
	margin: 0 1em;
}
.stonemasonry {
	margin: 0 1em;
	float: left;
	text-align: left;
	height:auto/3
	}
.logo {
	float: left;
	margin-top: 30px;
	margin-bottom: 2%;
	clear: left;

}
.logo img {
	max-width:80%
}
.nav {
	
	float: right;
	margin-top: 0;
	margin-right: 4%;
	margin-left: 0;
	margin-bottom: 0;
	padding: 0 0% 0 0;
	color: #a97b50;
	text-transform: uppercase;
	width: 150px;
	text-align: right;
	clear: right;
	overflow-x: auto;
	max-width: 100%;
}
.nav ul {
	list-style-type: none;
	white-space: pre-line;
	text-align: center;
	padding: 0px;
	display: block;
}
.nav li {
	background-color: #E6E6E6;
	border-radius: 10px;
	padding: 7px;
	margin: 4%;
}

/* Images / Media
----------------------------------------------------- */


/* Footer
----------------------------------------------------- */


footer {
	text-align:center;
	font-family:'muli', arial, san-serif;
	clear:both;
}
footer a {
	
}
	
span {
	display:block;
	text-align: right;
	}
/* Media Queries
----------------------------------------------------- */
@media screen and (max-width: 480px) {
    .vickersStonemasonry {
	padding:0 0;
		
	}
	.vickers {
	margin: auto;
	float: none;
	width: auto;	
	
   }
  	.vickers img {
	margin:auto;
	display:block;
	}
	.stonemasonry {
		float:none;
	}
	.stonemasonry img {
	display:block;
	margin:auto;	
	}
	.logo {
	width:100%;
	}
	.logo img {
	max-width:100%;
	display:block;
	margin:auto;
	}
	.nav {
	display: block;
	margin: auto;
	float: none;
	padding-left: 15px;
	padding-right: 15px;
	}
	.gallOne {
		width:90%;	
		float:none;
		margin:auto;
	}
	.gallTwo {
		clear:left;	
		width:90%;
		margin:auto;
	}
	h1 {
    font-size: 3vw;
	}
	h2 {
	font-size: 2.8vw;
}
	.contact {
	font-size:2.4vw;
}
	.frank {
	float: none;
	margin:auto;
	}
}
@media screen 
and (min-width: 481px) 
and (max-width: 923px){
 .vickersStonemasonry {
	padding:0 0;
		
	}
	.vickers {
	float: none;
	
   }
  	.vickers img {
	margin:auto;
	display:block;
	}
	.stonemasonry {
		float:none;
	}
	.stonemasonry img {
	display:block;
	margin:auto;	
	}
	h1 {
    font-size: 3vw;
	}
	h2 {
	font-size: 2.8vw;
}
	.contact {
	font-size:2.4vw;
}
	label {
	font-size: 2.4vw;
}
	.button {
	font-size:12pt;
	font-size: 2.4vw;
}

}