html, body {  
	margin: 0px;
	height: 100%;
	
	border: 0px;
	padding: 0px;
	text-align: left;

	-webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: none;
	
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;

	background: #000000 !important;
}

ul {padding-top: 0px; margin-top: 0px;}

:root {overflow-y: scroll !important;}

/* STICKY FOOTER */
#wrap {min-height: 100%;}
#main {overflow:auto; padding-bottom: 257px;}  /* must be same height as the footer */

/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}
/* END STICKY FOOTER */


.sitelogo a {display: inline-block; height: 200px;}


.left-brick {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 10000;
    background: url(../images/left-brick.png);
	height: 278px;
	width: 192px;
	/*pointer-events: none;*/
}

.right-brick {
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 5000;
	background: url(../images/right-brick.png) no-repeat;
	height: 326px;
	width: 358px;
	/*pointer-events: none;*/
}


/*
.pushForward {position: relative;}
.pushForward:before {
    content: ''; 
    position: absolute; 
    top: 0; 
    right: 0; 
    bottom: 0; 
    left: 0; 
    z-index: 1000;
}
*/





.head-container {
   overflow: hidden;
   height: 163px;
   width: 100%;
   z-index: -1;
}

.head-container_center {
   position: relative;
   background: url(../images/nav-bg.jpg) no-repeat;
   height: 163px;
   width: 1040px;
   margin: 0 auto;
}

.head-left{
   position: absolute;
   background: url(../images/left-bg.jpg) repeat-x 0 100%;
   height: 163px;
   width: 100%;
   top: 0px;
   left: -100%;
}

.head-right {
   position: absolute;
   background: url(../images/right-bg.jpg) repeat-x 0 100%;
   height: 163px;
   width: 100%;
   top: 0px;
   left: 100%;
}


.index {
	background: url(../images/index-bg.jpg) no-repeat;
	width: 358px;
	height: 208px;
	color: #e3d3b5;
	padding: 25px;
}



.gallery-cat {
	text-decoration: none;
	background: #37332b;
	padding: 15px;
	display: block;
	margin-bottom: 2px;
	text-align: center;
	font-size: 16px;
}
.gallery-cat:hover {
	text-decoration: none;
	background: #4b4434;
	padding: 15px;
	display: block;
	maring-bottom: 10px;
}



/*==== SITE SECTIONS ====
	
		#header-wrapper {
			width: auto;
			height: 163px;
		}
		
		#header-bg {
			width: 1200px;
			height: 163px;
			margin: 0 auto;
			padding: 0;
			background: url(http://www.jtmasonry.com/css/images/nav-bg.jpg) no-repeat; 
		}
		
		#header {background: none; height: 163px;}
	
	*/

		#top-nav {
			z-index: 9999;
			color: #fae88c;
			float: left;
			padding-left: 406px;
			padding-top: 10px;
			font-size: 12px;
		}
		#top-nav a {color: #fae88c; text-decoration: none;}
		#top-nav a:hover {color: #faf4d7; text-decoration: underline;}
		
		#nav-wrapper {
			z-index: 9999;
			float: right;
			width: auto;
			margin-top: 3px;
			padding: 0;
			border-right: 1px solid #bba77e;
		}


.hacky {
	z-index: 9999;
	width: 1040px;
	height: 163px;
	position: absolute;
	right: 0px;
	top: 0px;
	
}

.sitelogo {width: 406px;}
		
		
		
		/* ======= NAV ====== */
		
			ul#nav {margin: 0; padding: 0px 0 0 0;}
			
			ul#nav li {
				
				list-style: none; 
				position: relative; 
				float: left;
				height: 108px;
				border-right: 1px solid #262015;
				border-left: 1px solid #bba77e;
			}
			ul#nav li:nth-child(1) {border-left: none;}

			ul#nav a {
				font-family: Arial, Helvetica, sans-serif;
				display: block;
				margin: 0px;
				padding: 40px 25px 0 26px;
				
				color: #fff;
				font-size: 14px;
				text-align: center;
				text-decoration: none;
			}
			
			
			ul#nav li:hover a {
				height: 68px;
				color: white;
				display: block;
				background: #5e5036;
			}
				
		
		/*==== end NAV====*/

		
				
		
		#content-wrapper {
			width: 1400px; 
			height: auto;
			margin: 0px auto;
			margin-top: 25px;
			float: left;
		}
		
		#content {
			width:  1000px;
			margin: 0px auto;
			height: auto;
			padding: 30px 20px 50px 20px;
		}
		#content a {color: #f6ecda; text-decoration: underline; line-height: 20px;}
		#content a:hover {color: #f6ecda; text-decoration: none;}
				
				
				

	.footer-lbrick {
		position: absolute;
		left: 0px;
		bottom: 0px;
		z-index: 5000;
	}
	.footer-rbrick {
		position: absolute;
		right: 0px;
		bottom: 0px;
		z-index: 5000;
	}

				
		#footer-wrapper {
			bottom: 0;
			margin: 0 auto;
			
			display: block;
			width: 100%;
			z-index: 1;
			
			min-height: 257px;
			clear: both;
			position: relative;
			margin-top: -257px; /* negative value of footer height */ 
		}
		#footer-wrapper .image {
			width: 100%;
			height: 100%;
		}
		
		#footer {
			position: relative;
			padding-top: 40px;
			z-index: 5000;
			width: 1040px;
			margin: 0 auto;
			font-family: Arial, Helvetica, sans-serif;  
			text-shadow: 1px 2px #000;
			font-size: 18px; 
			line-height: 22px; 
			color: #ffffff;
			text-align: center;
		}
		#footer a {color: #ffffff; text-decoration: none;}
		#footer a:hover {color: #cfcfcf; text-decoration: underline;}
		
		
		.seo { 
			font-size: 12px; 
			line-height: 16px;
			width: 550px;
			margin: 10px auto;
			text-decoration: none;
		}
		
		.seo a {color: #e2d0ae; text-decoration: none;}
		.seo a:hover {color: #f5ebd9; text-decoration: none;}

		.copyright { 
			font-size: 11px; 
			line-height: 12px;
			margin-top: -10px;
		}
		
		.copyright a {color: #e2d0ae; text-decoration: none;}
		.copyright a:hover {color: #f5ebd9; text-decoration: underline;}

		
	/*==== END SITE SECTIONS ====*/



.stripe {background-color: #d0e4a6;}

.shadow {
	border: 5px solid #ffffff;
	-moz-box-shadow: 4px 4px 5px #7c7c7c;
	-webkit-box-shadow: 4px 4px 5px #7c7c7c;
	box-shadow: 4px 4px 5px #7c7c7c;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#7c7c7c')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#7c7c7c');
}
.shadow-left {
	float: left;
	margin-right: 15px;
	border: 3px solid #e7e7e7;
	-moz-box-shadow: 4px 4px 5px #7c7c7c;
	-webkit-box-shadow: 4px 4px 5px #7c7c7c;
	box-shadow: 4px 4px 5px #7c7c7c;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#7c7c7c')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#7c7c7c');
}

.shadow-right {
	float: right;
	margin-left: 15px;
	border: 3px solid #e7e7e7;
	-moz-box-shadow: 4px 4px 5px #7c7c7c;
	-webkit-box-shadow: 4px 4px 5px #7c7c7c;
	box-shadow: 4px 4px 5px #7c7c7c;
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#7c7c7c')";
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#7c7c7c');
}


.border {border: 6px solid white;}



h1 {
	color: #ffffff;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	/*font-family: 'Sancreek', Arial, Helvetica, sans-serif;*/
	font-size: 24px;
	margin: 0px;
	padding: 0px;
	line-height: 32px;
	font-weight:100;
}

h2 {
	color: #ffce4e;
	/*font-family: 'UnifrakturCook', Arial, Helvetica, sans-serif;*/
	font-family: 'Shadows Into Light Two', Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	font-size: 22px;
	margin: 0px;
	padding: 0px;
	line-height: 28px;
}

h3 {
	color: #ffffff;
	font-family: 'Oxygen', Arial, Helvetica, sans-serif;
	/*font-family: 'Sancreek', Arial, Helvetica, sans-serif;*/
	font-size: 18px;
	margin: 0px;
	padding: 0px;
	line-height: 22px;
	font-weight:200;
}


p {
	margin: 0px;
	padding: 0px 0px 15px 0px;
}


.callout {
	border: 5px solid #69593d;
	background: #443b28;
	padding: 20px 10px 20px 15px;
}


.callout_home {float: right; width: 230px; margin-left: 20px; margin-top: 10px;}

.callout_stamped {width: 100%; padding: 10px 10px 10px 15px;}

.callout_stucco {width: 100%; margin-bottom: 20px;}


.callout .full {width: 95%; height: auto;}

.margin10 {margin: 10px;}

a #masonry {
	width: 264px;
	height: 266px;
	position: relative;
	background: url(../images/masonry.jpg) no-repeat;
	background-position: left;
	float: left;
}

a #stamped {
	width: 256px;
	height: 266px;
	position: relative;
	background: url(../images/stamped.jpg) no-repeat;
	background-position: left;
	float: left;
}

a #creations {
	width: 251px;
	height: 266px;
	position: relative;
	background: url(../images/creations.jpg) no-repeat;
	background-position: left;
	float: left;
}

a #stucco {
	width: 269px;
	height: 266px;
	position: relative;
	background: url(../images/stucco.jpg) no-repeat;
	background-position: left;
	float: left;
}

a #masonry:hover, #stamped:hover, #stucco:hover, #creations:hover{
	background-position: right;
}




/*  FORM STYLES  */

.contact-form {width: 90%;float:left;}

.estimate-form {width: 80%; margin-left: 15px;}

.galleryform {width: 85%; padding: 0 10px;}

.input {
	padding:1% 0 1% 1%;
	float:left;
	margin:5px 2.5% 5px 0;
	width:47.25%;
}
.input, textarea {font-family:Arial, Helvetica, sans-serif;font-size:14px;}
.form-email {width:99%;margin-right:0;}
.no-margin-right {margin-right:0 !important;}
.form-comments {min-width:98%;max-width:98%;min-height:150px;max-height:400px;}
textarea {width:98%;padding:1%;}

.form-ver-code {float:left;width:99%;padding:1% 0 1% 0;height:auto;font-size:12px;}
input.ver-code {width:47.25%;}
input.short {width:45.75% !important;margin-right:2.5%;float:left;}

.form-submit-btn {width:47.25%;float:left;height:40px;background:#968057 !important;color:#FFF;cursor:pointer;font-weight:900;font-size:22px;text-transform:uppercase;border:0;clear:both;}
.form-submit-btn:hover {background:#695633 !important;color:#FFF;}

.form-3col {width:28.66666666666667% !important;} 
.form-long {width:99% !important;}
.form-short {width:35% !important;margin-right:2.5%;float:left;}
.form-shorter {width:18% !important;margin-right:2.5%;float:left;}

/* PLACE HOLDER STYLE */
input[type=search] {	-webkit-appearance: none;}

input[type="search"]::-webkit-search-decoration, 
input[type="search"]::-webkit-search-cancel-button {
	display: none;
}



#home_slider .slider {float: right;}

#home_slider .gallery {float: left; position:absolute; z-index: 5000;}


.mason_row {width: 1040px;}

.home_masonry {float: left; width: 250px; margin-top: 10px;}

.home_stamped {float: left; width: 250px; margin-top: 10px;}

.home_concrete {float: left; width: 240px; margin-top: 10px;}

.home_stucco {float: left; width: 250px; margin-top: 10px;}

.mason_row .home_feature_box p {padding: 10px 5px; }

.featured_right {float: right; margin-left: 25px;}

.featured_left {float: left; margin-right: 25px;}

.content_videos iframe {margin: 10px;}


.right {float: right;}

.container-fluid {padding: 0 !important;}

.container-fluid div {padding: 0 !important;}


	.scrollup {
		width: 40px;
		height: 40px;
		opacity: 0.3;
		position: fixed;
		bottom: 50px;
		right: 30px;
		display: none;
		text-indent: -9999px;
		background: url(../images/icon_top.png) no-repeat;
	}


.form-submit-btn {min-width: 200px;}


.row {margin: 0 !important;}


.margin-right {margin-right: 15px;}


.stamped_avantage {float: left; width: 18%; margin-right: 2%;}

.stamped_avantage:last-child {margin-right: 0 !important;}

.album_chooser {float: left; width: 20%; margin-right: 5%;}

.album_container {float: left; width: 75%;}


.navbar-header {border-bottom: 1px solid #efefef;}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {margin: 0 !important;}


.navbar-toggle, .navbar-toggle:focus, .navbar-toggle:active  {
	background-color: #e3d3b5 !important;
	font-weight: bold;
}


.navbar-toggle .icon-bar {color: #000;}


nav {display: none; }

.navbar-header a.navbar-brand, ul.nav.navbar-nav li a { color: #e3d3b5; }

ul.nav.navbar-nav li a {margin-left: 10px;}

ul.nav.navbar-nav li a:hover, ul.nav.navbar-nav li.open ul.dropdown-menu li a:hover {color: #fff;}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {color: #000; background-color: #c1bdb4; }

.navbar {border: 0 !important;}

.navbar-brand {height: auto;}

.dropdown-menu {background-color: transparent;}
ul.nav.navbar-nav li.open ul.dropdown-menu li a {background-color: #000; color: #e3d3b5;}


.padding {margin: 10px;}


.album_container div[class*="col-"]  {margin-bottom: 10px; }


div.album_container div.container-fluid {
	margin: auto;
} 

	.mobile {display: none;}
	
.social-media {margin: 0 auto; float: none; width: 600px; text-align: center;}


@media screen and (max-width: 1000px) {
	.mason_row div  {width: 50%;}
	
	.mason_container, .mason_row {width: 675px; margin: auto; }	
	
	.mason_row {margin: auto;}
	
	.home_feature_box {float: left; max-width: 266px;}
	
	.home_feature_box:nth-child(odd) {clear: both;}
	
	.right-brick, .left-brick  {display: none;}
	/*, .hacky */
	.hacky {width: 95%; float: right;}
	
	.head-container_center {width: 100%;}	

	nav {display: inline;}
	
	#content-wrapper {width: 100%; margin-top: 0 !important;}
	
	#content {width: 95%; padding: 10px 15px;}
	
	.footer-lbrick, .footer-rbrick {opacity: 0.3;}
	
	
	#home_slider {display: none;}


	#footer {width: 100%;}
	
	.seo, .copyright {margin: 10px; width: 90%;}
	
	
	
	.contact-form {width: 90%;}
	
	
	.right {float: left; clear: both; margin-top: 25px;}
	
	.full {width: 90%; height: auto;}
	
	div[class*="col-"]  {margin-bottom: 10px; padding-right: 10px;}
	
	.col-sm-5 .featured_left  {float: none; margin-bottom: 10px;}

	
} 

@media screen and (min-width: 768px) and  (max-width: 1000px) {
	.mobile_nav {display: none;}
	.hacky {width: 100%; position: absolute;}
	
	ul#nav {float: left; padding-left: 380px;}
	
	ul#nav li {	height: 54px; border: 0;}
	
	ul#nav li a {padding: 10px 15px 0 26px;}
} 

@media screen and (min-width: 768px) {
	.navbar-header {display: none;}
} 

@media screen and (max-width: 767px) {
	.hacky {display: none;}
		
	.album_chooser {display: none;}
	
	.album_container {width: 95%;}
	
	.desktop {display: none;}
	
	.mobile {display: inline-block;}
} 


@media screen and (max-width: 600px) {
	.mason_row div  {width: 100%;}
	.featured_right {float: inherit; margin: 10px;}
	.featured_right img {width: 100%; height: auto;}


	.featured_left {float: inherit; padding-bottom: 10px;}
	.featured_left img {width: 100%; height: auto;}
	
	.content_videos iframe {width: 90%;}
	
	
	.stamped_avantage {float: inherit; width: 30.33%; display: inline-block; vertical-align: top;}


}

@media screen and (max-width: 450px) {
	
	.stamped_avantage {width: 95%;}
	
	.callout_stucco iframe {width: 100% !important;}
	
	.callout_home {margin-left: 0px; float: none; margin: auto;}
	
	#wrap {overflow-x: hidden;}

	.mason_container, .mason_row {margin: 0 auto; width: 280px;}
	
	.mason_row div  {width: 100%; clear: both;}		
	.social-media {width: 350px; margin-left: 50px;}

} 


@media screen and (max-width: 360px) {
	#footer-wrapper {overflow-x: hidden;}
	
	#wrap {min-width: 320px;}
	
	.sitelogo {width: 100%;}
	.sitelogo img {width: 100% !important; height: auto !important;}
	.head-container_center {height: 90px;}
	
	#content {padding: 0 10px 20px 10px; overflow: hidden;}
	
	.callout_stamped {width: 100%;}
	
	body {font-size: 110%;}

}