@charset "utf-8";
/* 52framework General StyleSheet - contains styles for all the HTML elements this framework supports */

body {
  background:#fff;
  color:#000;
  font:12px Arial, Helvetica, sans-serif;
  position:relative;
}


/* ** ** Common Addative Classes ** ** */
.left, .float_left  { float:left	}
.right, .float_right { float:right	}
.clear { clear:both; display:block; overflow:hidden; visibility:hidden; height:0px;}
.clear-left, .clear_left { clear:left; } .clear-right, .clear_right { clear:right; }
.hide  { display:none	} .block {display:block !important;} .inline {display:inline !important;}

.align_right    { text-align:right;	  }
.align_left     { text-align:left;	  }
.align_center   { text-align:center;  }
.align_justify  { text-align:justify; }

.bold {font-weight:600;}
.italic {font-style:italic;}

a {	color:#525252;	}
a:hover, a:focus { text-decoration:underline;}
a:active, a:visited { }

blockquote {
		font-family: Georgia,"Times New Roman", Times, serif; 
		margin:5px; 
		padding:10px;
		font-size:1.52em; 
		color:#999; 
		font-style:italic; 
		line-height:1.3em; 
		width:100%; 
		quotes:none;
	}
	blockquote.left {border-right:1px dashed #ccc; width:35%;} /* float blockquote left, and set width */
	blockquote.right {border-left:1px dashed #ccc; width:35%;} /* float blockquote right and set a width */

/* ** ** Header Styles ** ** */
h1, h2, h3, h4, h5 {margin:0 0 0.5em; line-height:1.1em;}
h1 {	font-size:2.52em;} 
h2 {	font-size:1.952em;} 
h3 {	font-size:1.652em;} 
h4 {	font-size:1.452em;} 
h5 {	font-size:1.252em;} 
h6 {	font-size:1.52em;}

/* ** ** ul li's ** ** */
ul{
  list-style:outside disc;
}
ul,ol{
  margin:0;
  padding:0;
}
li ul,li ol{
  padding:0;
  margin:0 0 1.5em 1.5em;
}


/* ** ** custom select color ** ** */
::selection {
	background: #525252; /* Safari */
	}
::-moz-selection {
	background: #525252; /* Firefox */
	color:#fff;
}
/* ** ** paragraph styling ** ** */
p {margin:0 0 1.52em;}
	p img.left {float:left;margin:1.52em 1.52em 1.52em 0;padding:0;}
	p img.right {float:right;margin:1.52em 0 1.52em 1.52em;}

strong   		{	font-weight:600;}
em, dfn  		{	font-style:italic;}
dfn 	 		{   font-weight:600;}
sup, sub 		{   line-height:0;}
abbr, acronym   {	border-bottom:1px dashed #ccc;}
address 		{	margin:0 0 1.5em;font-style:italic;}
del 			{	color:#666;}
pre, code, tt   {	font:1em 'andale mono', 'lucida console', monospace;line-height:1.5; display:block;}
code 			{	background-color:#eee; display:inline; padding:0px 2px 1px 2px; line-height:1.1em;}
pre 			{	margin:1.5em 0;white-space:pre;}
section {display:block;margin:0;padding:0;}

body.page
{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;       

}
.bg-slider
{
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10;
}
.slide
{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;       
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}
.slide1
{
	background: url('/images/bull-image2.jpg') no-repeat center center fixed;
}
.slide2
{
	background: url('/images/mcmanus-image1.jpg') no-repeat center center fixed;
}
.slide3
{
	background: url('/images/master-bath-retreat-1.jpg') no-repeat center center fixed;
}
.slide4
{
	background: url('/images/master-bath-hot-tub.jpg') no-repeat center center fixed;
}
.header
{
	width:100%;
	height:125px;
	background: rgb(255, 255, 255); /* The Fallback */
	background: rgba(255, 255, 255, 0.9);	
	position:fixed;
	top:0px;
	left:0;
	z-index:100;
	overflow:hidden;
	-webkit-box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);
    -moz-box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);
	box-shadow: 0 10px 6px -6px rgba(0,0,0,.3);
}
.logo
{
	float:left;
	overflow:hidden;
}
.logo a
{
	width:224px;
	height:100px;
	display:block;	
	margin:12px;
}
.logo a img{width:100%;height:auto}
nav
{
	position:absolute;
	right:0;
	top:50px;
	display:block;	
	border-left:solid 1px #ccc;
	
	
}
nav ul
{
	padding:0px 30px 0 0;
	
}
nav ul li
{
	float:left;
	display:block;
	border-right:solid 1px #ccc;
}
nav ul li a
{
	text-decoration:none;
	color:#998c75;
	font-family: 'PT Serif', serif;
	text-transform:uppercase;
	font-size:14px;
	margin:0 7px;
	padding:5px 10px 5px 12px;
	text-align:center;
	letter-spacing:3px;
}
nav ul li a:hover
{
	color:#641d1d;
	text-decoration:none;
	border-top:solid 1px #998c75;
	border-bottom:solid 1px #998c75;
}
nav .current a
{
	border-top:solid 1px #998c75;
	border-bottom:solid 1px #998c75;
	color:#641d1d;
}
@media (max-width:900px){
	
	nav{
		display:none;
	}
	
}
.home .cta{
	position:fixed;
	left:0;
	top:50%;
	height:auto;
	width:100%;
	display:block;
}
.home h1{
	text-align:center;
	display:block;
	width:100%;
	color:#fff;
	text-shadow: 1px 3px 10px rgba(0,0,0,.3);
	font-family: 'Raleway';
	text-transform:uppercase;
	margin:0;
	letter-spacing:2px;
}
.home .cta a
{
	background:#ebebeb;
	background:rgba(235,235,235,.9);
	color:#333;
	width:240px;
	padding:10px 0;
	text-align:center;
	margin:20px auto;
	display:block;
	text-decoration:none;
	font-family:'PT Sans Narrow';
	font-size:1.5rem;
	border-radius:3px;
	cursor:pointer;
}
.home .cta a:hover{
	background:#fff;
	
}
.left-col
{
	position:fixed;
	left:0;
	top:0;
	height:100%;
	width:450px;
	background:url('/images/left-grad.png') repeat-y 0 0;
	z-index:10;
	padding:210px 0 0 20px;
	opacity:.98;
}
.left-col h3, .page-content h2
{
	color:#3E1212;
	font-family: 'PT Serif', serif;
	text-transform:uppercase;
	font-size:30px;
	margin:40px 0 30px 0;
	text-shadow: 1px 1px 2px #6e6e6e;
	filter: dropshadow(color=#6e6e6e, offx=1, offy=1);
}
.page-content h2
{
	text-transform:none;
	padding:220px 0 20px 0;
	margin:0;
}
.left-col h4
{
	color:#71702c;
	font-family: 'PT Serif', serif;
	letter-spacing:6px;
	text-transform:uppercase;
	font-size:12px;
}
.project
{
	overflow:hidden;
	position:absolute;
	left:20px;
	top:220px;
	width:300px;
}
.project p
{
	line-height:22px;
}
.page-content
{
	margin:0;
	padding:0 0 0 3%;
	width:97%;
	min-height:100%;
	background-image: -moz-linear-gradient(left, rgba(234,230,227, 1), rgba(234,230,227, 0));
    background-image: -ms-linear-gradient(left, rgba(234,230,227, 1), rgba(234,230,227, 0));
    background-image: -webkit-gradient(linear, 0 0, 100% 0, from(rgba(234,230,227, 1)), to(rgba(234,230,227, 0)));
    background-image: -webkit-linear-gradient(left, rgba(234,230,227, 1), rgba(234,230,227, 0));
    background-image: -o-linear-gradient(left, rgba(234,230,227, 1), rgba(234,230,227, 0));
    background-image: linear-gradient(left, rgba(234,230,227, 1), rgba(234,230,227, 0));
    background-repeat: repeat-x;
	overflow:hidden;
}
.portfolio .page-content
{
	background-color:#fff;
	opacity:.9;
}
.individual-portfolio .page-content
{
	background-color:#e7e0ca;
	opacity:.95;
}
.page-content article
{
	max-width:600px;
}
.portfolio .page-content article, .individual-portfolio .page-content article
{
	width:100%;
	max-width:900px;
	margin:0;
	padding:0;
}

.page-content p
{
	font-size:14px;
	line-height:26px;
}
#contactFormPage input
{
	 font-size:16px;
	 padding:10px;
}
#contactFormPage label
{

	color:#71702c;
	font-family: 'PT Serif', serif;
	font-size:15px;
}
.jFormer .jFormerControl li button
{
	margin:0 0 0 50px;
}
.resume-image
{
	display:block;
	height:1255px;
	width:623px;
}
a.resume-link
{
	line-height:64px;
	font-size:18px;
	display:block;
	height:64px;
}
.projects-list
{
	width:100%;
	display:block;
	overflow:hidden;
}
.project-detail
{
	display:block;
	margin:10px 1.5%;
	overflow:hidden;
	width:46.5%;
	float:left;
	height:30%;
	border-bottom:solid 1px #bbb;
	padding:0 0 10px 0;
}
.project-detail h3
{
	font-family: 'PT Serif', serif;
	font-weight:normal;
	text-transform:uppercase;
	
}	
.page-content p.project-description
{
	font-size:12px;
	line-height:18px;
}
.page-content p.individual-project-description
{
	font-size:14px;
	line-height:22px;
}
.project-images
{
	overflow:hidden;
	margin:0 0 10px 0;
}	
.project-images img
{
	border:solid 1px #ccc;
	width:45.5%;
	float:left;
	margin:0 2% 0 0;
	padding:.5%;
	background:#fff;
}
.individual-project-images
{
	margin:0 0 40px 0;
	overflow:hidden;
}
.individual-project-images img
{
	border:solid 1px #ccc;
	width:30%;
	float:left;
	margin:0 2% 0 0;
	padding:.4%;
	background:#fff;
}
.after, .before
{
	clear:both;
}
.next-project
{
	position:absolute;
	top:600px;
	left:10px;
	z-index:100;
	text-indent:-99999px;
	background:url('/images/next-project.png') no-repeat 0 0;
	display:block;
	width:164px;
	height:31px;
}		
.next-project:hover
{
	background-position: 0 -31px;
}
.project-link
{
	text-indent:-99999px;
	background:url('/images/project-details.png') no-repeat 0 0;
	display:block;
	width:164px;
	height:31px;
}
.project-link:hover
{
	background-position: 0 -31px;
}
.individual-project-detail h4
{
	padding:20px 0 0 0;
	font-family:'PT Sans Narrow', Sans-serif;
	font-weight:normal;
	color:#7d665b;
	font-size:20px;
	letter-spacing:0;
}
.back
{
	display:block;
	width:115px;
	height:40px;
	margin:0 0 20px 0;
	padding:5px;
	background:url('/images/back.png') no-repeat 50% 80%;
	text-indent:-99999px;
}
.back:hover
{
	border-bottom:solid 1px #fff;
	background:url('/images/back.png') no-repeat 50.5% 80.5%;
}	


/*********/
.cb-slideshow,
.cb-slideshow:after { 
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0; 
}
.cb-slideshow:after { 
    content: '';
    background: transparent url(/images/pattern.png) repeat top left; 
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
	-webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div { 
    z-index: 1000;
    position: absolute;
    bottom: 30px;
    left: 0px;
    width: 100%;
    text-align: center;
    opacity: 0;
    color: #fff;
    -webkit-animation: titleAnimation 36s linear infinite 0s;
    -moz-animation: titleAnimation 36s linear infinite 0s;
    -o-animation: titleAnimation 36s linear infinite 0s;
    -ms-animation: titleAnimation 36s linear infinite 0s;
    animation: titleAnimation 36s linear infinite 0s; 
}
.cb-slideshow li div h3 { 
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    font-size: 240px;
    padding: 0;
    line-height: 200px; 
}
.cb-slideshow li:nth-child(1) span { 
    background-image: url(/images/img1.jpg) 
}
.cb-slideshow li:nth-child(2) span { 
    background-image: url(/images/img2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) span { 
    background-image: url(/images/img3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) span { 
    background-image: url(/images/img4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) span { 
    background-image: url(/images/img5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) span { 
    background-image: url(/images/img6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s; 
}
.cb-slideshow li:nth-child(4) div { 
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s; 
}
.cb-slideshow li:nth-child(5) div { 
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s; 
}
.cb-slideshow li:nth-child(6) div { 
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s; 
}
/* Animation for the slideshow images */
@-webkit-keyframes imageAnimation { 
    0% { opacity: 0;
    -webkit-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -webkit-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation { 
    0% { opacity: 0;
    -moz-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -moz-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation { 
    0% { opacity: 0;
    -o-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -o-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation { 
    0% { opacity: 0;
    -ms-animation-timing-function: ease-in; }
    8% { opacity: 1;
         -ms-animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    25% { opacity: 0 }
    100% { opacity: 0 }
}
/* Animation for the title */
@-webkit-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-moz-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-o-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@-ms-keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}
/* Show at least something when animations not supported */
.no-cssanimations .cb-slideshow li span{
	opacity: 1;
}

@media screen and (max-width: 1140px) { 
    .cb-slideshow li div h3 { font-size: 140px }
}
@media screen and (max-width: 600px) { 
    .cb-slideshow li div h3 { font-size: 80px }
}
/************/