@import url('https://fonts.googleapis.com/css?family=Crimson+Text:400,400i,600,600i,700,700i|Merriweather|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i');
@import url('https://fonts.googleapis.com/css?family=Pinyon+Script');


body {
	
	font-family: 'Merriweather', 'Times New Roman', sans-serif;
	
}

.spacer {
	
	display: block;
	width: 100%;
	height: 75px;
	clear: both;
	
}

.blackbg {
	
	background: black !important;
	
}

.fill {
	
	display: table;
	width: 100%;
	height: 100%;
	
}

.gallerySolo .title h1 {
	
	font-family: 'Merriweather', serif;
	font-size: 2em;
	margin: 10px 0 30px 0;
	text-align: center;
	
}

	.gallerySolo .gallerySpotlight  {
		
		
		
	}
	
		.gallerySolo .gallerySpotlight img {
			
			max-width: 940px !important;
			width: 90%;
			display: block;
			margin: 10px auto 20px auto;
			
			
		}
	
	.gallerySolo img {
		
		box-shadow: 0px 0px 1px black
		
	}
	
	.gallerySingleHome .grid4 {
		
		width: 300px !important;
		height: 225px !important;
		display: block;
		overflow: hidden;
		
	}
	
	.galleryPhotos {
		
		max-width: 980px;
		width: 95%;
		margin: 10px auto;
		display: block;
		
	}
	
		.image-box{
			width:300px;
			margin: 10px;
			overflow:hidden;
			position: relative;
			height: 225px;
			display: inline-block;
			float: left;
			background: black;
			background-size: cover;
			cursor: pointer;
			background-position: center center;
			
		}
		
		.image-box img{
			left: 0;
			top: 0;
			margin-left: 0px;
			position:absolute;
		}
		
			.image-box .overlay {
				
				width: 100%;
				height: 100%;
				display: none;
				background: rgba(23, 40, 25, 0.55) ;
				color: #FFC736;
				text-transform: uppercase;
				text-align: center;
				padding: 100px 0;
				text-decoration: none;
				font-weight: bold;
				cursor: pointer;
				
			}
			
				.image-box a {
					
					text-decoration: none;
					
				}


#header {
	
	position: relative;
	top: 0;
	width: 100%;
	padding: 10px 0;
	display: table;
	background: rgba(23, 40, 25, 1) ;
	z-index: 999;
	
}

	#header .logo {
		
		position: absolute;
		top: 10px;
		left: 10px;
		
	}
	
	#header .logoMinus {
		
		position: absolute;
		top: 10px;
		left: 10px;
		display: none;
		
	}
	
	#header .years30 {
		
		position: absolute;
		top: 5px;
		right: 30px;
		
	}
	
	#header #smallNav {
		
		display: none;
		float: right;
		color: white;
		margin: 10px;
		font-size: 1em;
		
		
	}
	
	#header ul {
		
		list-style: none;
		display: table;
		margin: 10px auto;
		
	}
	
		#header ul li {
			
			float: left;
			margin: 0px 15px 0 15px;
			text-transform: uppercase;
			font-family: 'Merriweather', serif;
			line-height: 20px;
			color: #fff;
			letter-spacing: 0.10em;
			
		}
		
			#header ul li a {
				
				color: #ffffff;
				text-decoration: none;
				
			}
			
				#header ul li a:hover {
					
					color: #FFC736;	
					
				}
	
#main {
	
	width: 100%;
	position: relative;
	overflow: hidden;	
}


	#main .bannerscollection_zoominout_11 {
		
		display: table;
		height: 100%;
		max-height: 100vh;
		width: 100%;
		max-width: 100%;
		
		
	}

	#main .largePhoto {
		
		width: 100%;
		max-width: 100%;
		height: 400px;
		max-height: 450px;
		position: relative;
		display: table;
		border-bottom: 2px solid #353535; 
		
		
	}
	
		.largePhoto.ourStory {
			
			background: url(images/ourStory.png) #000;
			background-repeat: no-repeat;
		    _background-attachment: fixed;
		    background-position: center top; 
			
			
		}
		
		.largePhoto.ourClients {
			
			background: url(images/ourClienst.png) #000;
			background-repeat: no-repeat;
		    _background-attachment: fixed;
		    background-position: center top; 
			
			
		}
		
		.largePhoto.newHomes {
			
			background: url(images/newHomes.png) #000;
			background-repeat: no-repeat;
		    _background-attachment: fixed;
		    background-position: center top; 
			
			
		}
		
		.largePhoto.contactUs {
			
			background: url(images/contactus.png) #000;
			background-repeat: no-repeat;
		    _background-attachment: fixed;
		    background-position: center top;
		    height: 400px; 
			
			
		}
		
		.largePhoto.commercial {
			
			background: url(images/commercial.png) #000;
			background-repeat: no-repeat;
		    _background-attachment: fixed;
		    background-position: center top; 
			
			
		}
		
		.largePhoto.renovation {
			
			background: url(images/renovation.png) #000;
			background-repeat: no-repeat;
		    _background-attachment: fixed;
		    background-position: center top; 
			
			
		}
		
		.largePhoto.photoGallery {
			
			background: url(images/photoGallery.png) #000;
			background-repeat: no-repeat;
		    _background-attachment: fixed;
		    background-position: center top; 
			
			
		}
		
			.largePhoto h1 {
				
				font-size: 3em;
				color: #FFF;
				vertical-align: bottom;
				padding: 300px 0 0px;
				margin: 0 auto;
				display: table;
				text-transform: uppercase;
				font-weight: bold;
				text-shadow: 0px 0px 13px #000;
				font-family: 'Crimson+Text';
				
				
			}
			
				.largePhoto.contactUs h1 {
					
					padding: 340px 0 0px; 0;
					font-size: 3em;
				
				}
	
	#main#black {
		
		color: white;
		background: #000;		
	}
	
	
		#main#black h1 {
			
			font-size: 2em;
			color: white;
			
		}
	
	
	#main .content {
		
		padding: 20px 0;
		
		
	}
	
		
	
		#main .content img.fleft {
			
			display: inline;
			float: left;
			margin: 0 15px 10px 0;
			border: 3px solid black;
			
		}
		
		#main .content img.fright {
			
			_display: inline;
			float: right;
			margin: 0 0px 10px 10px;
			border: 3px solid black;
			
		}
		
		#main .content h1 {
			
			font-family: 'Crimson Text', serif;
			font-size: 2.8rem;
			margin: 0 auto 20px auto;
			display: table;
			font-weight: 600;
			clear: both;
			color: #000;
			
		}
		
		#main .content .slogan {
			
			width: 100%;
			display: block;
			
		}
		
			.slogan h1 {
				
				width: 100%;
				font-size: 1.25em !important;
				margin: 0 auto 15px auto !important;
				text-align: center;
				
			}
			
			.slogan h2 {
				
				width: 100%;
				font-size: 1.05em!important;
				text-align: center;
				
			}
		
		#main .content.testimonial .grid_12 {
			
			display: table;
			
			
		}
		
		
			.testimonial button {
				
				background: black;
				color: white;
				border: 3px black solid;
				padding: 10px 15px;
				font-size: 1em;
				cursor: pointer;
				
			}
			
				.testimonial button.left {
					
					float: left;
					_clear: both;
					
				}
				
				.testimonial button.right {
					
					float: right;
					_clear: both;
					
				}
		
			.grid_12 .vmiddle {
				
				display: table-cell;
				vertical-align: middle;
				
			}
		
		#main .content h2 {
			
			font-family: 'Crimson Text', serif;
			font-size: 2.3rem;
			margin: 0 0 20px 0;
			display: table;
			font-weight: 600;
			_clear: both;
			
		}	
		
		#main .content p {
			
			line-height: 25px;
			margin: 0 0 20px 0;
			font-family: 'Merriweather','Open Sans', sans-serif;
			
		}
		
			#main .content p.center {
				
				text-align: left;
				
			}
			
			
				#main .content p strong {
				
					font-weight: 800;
				
				}
				
				#main .content p strong i {
				
					font-weight: 600;
					font-style: italic;
				
				}
				
		#main .content .aside .ourStoryPhoto img {
			
			border: solid 7px #7727FF;
			display: block;
			margin: 0 auto;
			
		}
		
		#main .content .aside .ourStoryPhoto h2 {
			
			font-family: 'Crimson Text', serif;
			font-size: 1.4em;
			width: 100%;
			text-align: center;
			clear: both;
			margin: 10px 0 25px 0;
			
		}
		
		#main .content .aside .ourStoryAsideText h3 {
			
			font-family: 'Crimson Text', serif;
			font-size: 1.8em;
			font-weight: 300;
			width: 100%;
			text-align: right;
			text-overflow: ellipsis;
			clear: both;
			margin: 30px 0 0px 0;
			line-height: 35px;
			
		}
		
		.bannerscollection_zoominout_text_line {
			
			
			
		}
		
		.homepageouterdiv {
			
			width: 100%;
			height: 100%;
			position: relative;
			
			
		}
		
		.homepagetext {
			
			font-family: 'Crimson Text', serif !important;
			position: absolute !important;
			bottom: 10px !important;
			right: 10px !important;
			width: 700px;
			color: white;
			padding: 20px;
			text-align: center;
			background: rgba(0, 0, 0, 0.36);
			
		}
		
			.homepagetext h1 {
			
				font-size: 1.35em !important;
				margin: 0 0 15px 0;	
				
			}
			
			.homepagetext h2 {
				
				font-size: 1.25em !important;
				font-weight: bold;
				
			}
		
		#main .gallery {
			
			_display: table;
			
			
		}
		
			#main .gallery h1 {
				
				font-family: 'Crimson Text', serif;
				font-size: 2.2em;
				font-weight: 300;
				width: 100%;
				clear: both;
				margin: 30px 0 20px 0;
				line-height: 35px;
				
			}
			
			#main .galleryPhotos {
				
				max-width: 960px;
				width: 90%;
				
			}
			
			#main .galleryPhotos .thumb {
				
				width: 300px;
				float: left;
				display: table;
				_margin: 0px 0px 10px 0px;
				background: ;
				overflow: hidden;
				
				
			}
			
			#main .galleryPhotos .thumb.beforeAfter {
				
				display: none;
				
			}
			
			#main .galleryPhotos .thumb.Commercial {
				
				display: none;
				
			}
			
				
				.thumb .caption {
					
					padding: 5px 0;
					display: block;
					_margin: 5px 0;
					width: 100%;
					text-align: center;
					font-size: 0.75em;
					font-family: 'Merriweather','Open Sans', sans-serif;
					
				}
		
			
			#main .galleryPicker ul {
				
				list-style: none;
				float: right;
				
			}
			
				#main .galleryPicker ul li {
					
					display: inline;
					float: left;
					margin: 0 20px;
					font-family: 'Merriweather','Open Sans', sans-serif;
					
				}
				
					#main .galleryPicker ul li.sort {
						
						cursor: pointer;
						
					}
					
					#main h2.currentSort {
						
						font-family: 'Merriweather','Open Sans', sans-serif;
						
					}
					
		.content.contactus {
			
			background-color: black;
			width: 100%;
			display: table;
			color: white;
			padding: 20px 0;
			
		}
		
			.contactus h1,
			.contactus h2 {
				
				font-size: 1.5em;
				font-weight: bold;
				width: 100%;
				text-align: center;
				
			}
			
				.contactus h1 .pink,
				.contactus h2 .pink {
					
					color: #d469da;
					
				}	
				
			.contactus h3 {
				
				width: 100%;
				text-align: left;
				font-size: 1.5em;
				font-weight: bold;
				text-transform: uppercase;
				margin: 15px 0;
				
			}
			
			.contactus h4 {
				
				width: 100%;
				text-align: left;
				font-size: 1.5em;
				font-weight: bold;
				text-transform: uppercase;
				margin: 15px 0;
				
			}
			
			.contactus h5 {
				
				width: 100%;
				text-align: left;
				font-size: 1.1em;
				font-weight: bold;
				margin: 0;
				
			}
			
			.awards {
				
				margin: 35px auto;
				
			}
			
				
			
			.contactus .form {
				
				margin: 10px auto;
				
			}
			
				.contactus label {
					
					clear: both;
					width: 100%;
					display: table;
					margin: 10px 0;
					font-size: 1.2em;
					font-weight: bold;
					
				}
				
				.contactus input {
					
					clear: both;
					width: 100%;
					display: table;
					padding: 10px;
					
				}
				
				.contactus textarea {
					
					clear: both;
					width: 100%;
					display: table;
					padding: 10px;
					margin: 0 0 10px 0;
					
				}
				
				.contactus .g-recaptcha {
					
					margin: 10px 0;
					
				}
				
				.contactus button {
					
					padding: 10px 20px;
					
				}
				
				.contactus .award {
					
					width:20%;
					display: inline;
					float: left;
					margin: 0 ;
						
				}
				
					.contactus .award img {
						
						_width: 100%;
						height: 150px;
						border: 2px solid #d469da;
						margin: 10px auto;
						display: table;
						
					}
					
					.contactus .award .caption {
						
						width: 100%;
						text-align: center;
						
					}
				
				.contactus .affiliations {
					
					display: table;
					margin: 35px auto;
					
				}
				
					.contactus .affiliations .affiliation {
						
						_width: 12%;
						display: inline;
						float: left;
						margin: 0 0 0 8px;
						
					}
					
						.contactus .affiliations .affiliation img {
						
							height: 50px;
							border: 2px solid #d469da;
							margin: 5px;
							display: table;
							
						}
					
						
				.contactus .grid_12 h3 {
					
					width: 100%;
					text-align: center;
					
				}
			
.hide {
	
	display: none !important;
	
}
		
#tigger {
	
	height: 400px;
	position: absolute;
	top: 300px;
	left: 0;
	width: 100%;
	display: block;
	
}		

p.centerbold {
	
	text-align: center;
	font-weight: bold;
	
}

	p.centerbold.large {
		
		font-size: 1.35em;
		
	}
				
#footer {
	
	width: 100%;
	_background: #353535;
	background: #162417;
	padding: 20px 0 0 0;
	_margin: 10px 0 0 0;
	border-top: 2px #FFC736 solid;
	color: white;
	
}				

	#footer .footerContent {
		
		margin: 0 auto 30px auto;
		
	}

	#footer p {
		
		font-size: 1.00em;
		line-height: 1.5em;
		font-family: 'Merriweather','Open Sans', sans-serif;
		font-weight: lighter;
		
	}

	#footer h1 {
		
		font-size: 1.45em;
		text-transform: uppercase;
		margin: 0 auto 20px auto;
		width: 100%;
		text-align: center;
		color: #FFC736;
		
	}
	
		#footer h1 a {
			
			color: #FFC736;
			text-decoration: none;
			border: none;
			
		}
	
	#footer h2 {
		
		font-size: 1.15em;
		text-transform: uppercase;
		margin: 15px auto 5px auto;
		font-weight: bold;
		
	}
	
	#footer h3 {
		
		font-size: 1.15em;
		text-transform: uppercase;
		margin: 15px auto 5px auto;
		font-weight: bold;
		text-align: center;
		
	}
	
	#footer h5 {
		
		font-size: 0.5em;
		
	}
	
	#footer .footCenter {
		
		width: 100%;
		text-align: center;
		display: table;
		
	}
	
	img.footerAffil {
		
		display: inline;
		_float: left;
		height: 75px;
		margin: 0px 0px 0px 0px;
		border: 2px #FFC736 solid;
		
	}
	
	img.footerAward {
		
		display: inline;
		_float: left;
		height: 150px;
		margin: 0px 0px 0px 20px;
		border: 2px #FFC736 solid;
		
	}
	
	#footer .flag {
		
		width: 75px;
		margin: 0px auto;
		display: table;
		
	}
	
	#footer p strong {
		
		font-weight: bold;
		
	}
	
	#footer .graybg {
		
		background: #1a1a1a;
		padding: 20px 0;
		width: 100%
		
	}
				
				
/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px auto;
	width: 75%;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%;
}

#slider {
		
	display: none;
	
}

.fullSizeImageBox {
	
	width: 100%;
	height: 250px;
	overflow:hidden;
	position: relative;
	display: inline-block;
	background: black;
	background-size: cover;
	cursor: pointer;
	background-position: center center;
	
}

#main.second {
	
	display: none;
	
}

/*  GO FULL WIDTH BELOW 480 PIXELS */

/*for things smaller than 1200px*/

@media only screen and (max-width: 1200px) {
	
	
	#header .years30 {
	
		display: none;
		
	}
	
	#header ul {
		
		float: right;
		margin: 10px
		
	}
	
	
	
	#main.second {
		
		display: block;
		
	}
	
}

/*for things smaller than 1024px*/

@media only screen and (max-width: 1024px) {
	
	#main .galleryPhotos .thumb {
		
		width: 33%;
		
	}
	
	.galleryPhotos .image-box {
		
		width: 30%;
		
	}
	
	#main .galleryPhotos {
		
    	max-width: 100%;
    	width: 90%;
    	    _margin: 0 0 0px 40px;
    	
		
	}
	
	.thumb .image-box {
		
		width: 100%;
		
	}	
	
	
	
	
	
	
	.spacer {
		
		height: 15px;
		
	}
	
	
	
	
}


/*for things smaller than 960px*/

@media only screen and (max-width: 960px) {
	
	
	.bannerscollection_zoominout {
		
		display: none !important;
		
	}
	
	#slider {
		
		display: block;
		
	}
	
	#header ul {
		
		float: left;
		margin: 10px
		
	}
	
	#main .content .aside .ourStoryAsideText h3 {
			
			text-align: center;
			
	}
	
	.container_12,
	.container_16 {
	  margin-left: auto;
	  margin-right: auto;
	  width: 95%;
	}
	
	.grid_1,
	.grid_2,
	.grid_3,
	.grid_4,
	.grid_5,
	.grid_6,
	.grid_7,
	.grid_8,
	.grid_9,
	.grid_10,
	.grid_11,
	.grid_12,
	.grid_13,
	.grid_14,
	.grid_15,
	.grid_16 {
	  display: inline;
	  float: left;
	  margin: 10px auto;
	  width: 100% !important;
	}
	
	#header .logo {
		
		display: none;
		
	}
	
	#header .logoMinus {
		
		display: block;
		
	}
	
	.thesort {
		display: none;
		
	}
	
	#main .content h1,
	.galleryTitle {
		
		font-size: 1.5em;
		
	}
	
	p.centerbold.large {
		
		font-size: 1.15em;
		
	}
	
	
	
	#header #smallNav {
		
		display: table;
		clear: both;	
		cursor: pointer;
		color: #FFC736;
		
	}
	
	#footer .flag {
		
		display: none;
		
	}
	
	#header ul {
		
		list-style: none;
		display: none;
		margin: 10px auto;
		
	}
	
		#header ul li {
			
			float: left;
			clear: both;
			margin: 0px 15px 0 15px;
			text-transform: uppercase;
			font-family: 'Merriweather', serif;
			line-height: 20px;
			color: #fff;
			letter-spacing: 0.10em;
			
		}
		
			#header ul li a {
				
				color: #ffffff;
				text-decoration: none;
				
			}
			
				#header ul li a:hover {
					
					color: #FFC736;	
					
				}
	
	
	
}

@media only screen and (max-width: 775px) {

	#main .content img.fright,
	#main .content img.fleft {
		
		display: block;
		float: left;
		width: 100%;
		margin: 10px auto;
		border: 3px solid black;
		
	}
	
	.largePhoto h1 {
				
		font-size: 1.85em;
		
	}
	
		.largePhoto.contactUs h1 {
			
			font-size: 1.85em;
		
		}
	
	#main .galleryPhotos .thumb {
		
		width: 100%;
		
	}
	
		.thumb .image-box {
		
			width: 100%;
		
		}	
		
		.thumb .caption {
		
			font-size: 0.5em;
		
		}
	
	.galleryPhotos .image-box {
		
		width: 100%;
		margin: 10px 0;
		
	}
	
	#main .galleryPicker ul li {
		
		font-size: 0.75em;
		margin: 5px 7px;
		float: left;
		
	}
	
	.contactus .award {
		
		width: 50%;
		margin: 10px auto;
		
	}
	
	
	#header .logoMinus {
		
		top: 12px;
		left: 0px;
		
	}
	
		.logoMinus img {
			
			width: 75%;
			
		}
	
	
}

@media only screen and (max-width: 500px) {
	
	
	

	
	
	.largePhoto h1 {
				
		font-size: 1.45em;
		
	}
	
		.largePhoto.contactUs h1 {
			
			font-size: 1.45em;
		
		}
		
	#main .content h1,
	.galleryTitle {
		
		font-size: 1.5em;
		
	}
	
	#main .content h2 {
		
		font-size: 1.25em;
		
	}
	
	.galleryPhotos .image-box {
		
		width: 100%;
		margin: 10px 0;
		
	}
	
	.gallerySpotlight {
		
		display: none;
		
	}
	
	.contactus .award {
		
		width: 100%;
		display: table;
		clear: both;
		
	}
	
	#header .logoMinus {
		
		top: 2px;
		left: 0px;
		
	}
	
		.logoMinus img {
			
			width: 50%;
			
		}
	
}