@charset "utf-8";
/* CSS Document */

body	{
		font-family: 'Titillium Web', sans-serif;
		font-size:1em;
		line-height:1.75em;
		color:#333;
		margin:0;
		padding:0;
		}
body.full-background {
	background: url(images/exterior-cabin-noCrop_3853_2400x.jpg) no-repeat center center fixed;
 	 -webkit-background-size: cover;
 	 -moz-background-size: cover;
 	 -o-background-size: cover;
 	 background-size: cover;
}
.new-top-holder {
	width:100%;
	margin:0;
	background-color:rgba(255, 255, 255, .8);
	}
a		{
		text-decoration:none;
		color:#003366;
		}
a:hover	{
		text-decoration:none;
		color:#000033;
		}	
a.topNavButton		{
		text-decoration:none;
		color:#7E8083;
		padding:0 12px;
		}
a.topNavButton:hover	{
		text-decoration:none;
		color:#c8da2b;
		}
.navArea-home a.topNavButton		{
		text-decoration:none;
		color:#7E8083;
		padding:0 12px;
		font-weight:bold;
		}
.navArea-home a.topNavButton:hover	{
		text-decoration:none;
		color:#c8da2b;}
.navArea-home {color:#b2afaf !important;}
.navArea-home .tagline {color:#7e8083;}
a.grey		{
		text-decoration:none;
		color:#666666;
		}
a.grey:hover	{
		text-decoration:none;
		color:#000;
		}	
a img {
	border: none;
	}

.topArea
	{	
		width:90%;
		max-width:1600px;
		margin:2% auto 1% auto;
		padding: 18px 0;
	}
.topArea-home
	{	
		width:90%;
		max-width:1600px;
		margin:0 auto ;
		padding: 36px 0 0 0;
	}

.navArea	{
			width:90%;
			max-width:1600px;
			display:block;
			margin:1% auto 0 auto;
			border-top:1px solid #ccc;
			border-bottom:1px solid #ccc;
			padding:6px 0;
			font-size:1.25em;
			line-height:1.5em;
			color:#c8da2b;
			}	
.navArea-home	{
			width:90%;
			max-width:1600px;
			display:block;
			margin:1% auto 0 auto;
			border-top:0 solid #ccc;
			border-bottom:0 solid #ccc;
			padding:6px 0;
			font-size:1.25em;
			line-height:1.5em;
			color:#333;
			}		
			
.contentBody	{
		width:90%;
		max-width:1600px;
		display:block;
		margin:2% auto;
		background-size:100%;
		}
.contentBodyHome	{
		width:90%;
		max-width:1600px;
		display:block;
		margin:2% auto;
		background-size:100%;
			-moz-box-shadow: none;
  			-webkit-box-shadow:  none;
 			 box-shadow:  none;
		}
		
.contentBodySketch	{
		width:90%;
		max-width:1600px;
		display:block;
		margin:2% auto;
		background-size:100%;
			-moz-box-shadow:    2px 2px 9px 2px #999;
  			-webkit-box-shadow: 2px 2px 9px 2px #999;
 			box-shadow:        2px 2px 9px 2px #999;
		}				
.logo	{
		width:50%;
		margin:0 auto;
		}

.tagline	{
		font-style:normal;
		color:#7e8083;
		font-size:.9375em;
		line-height:1em;
		margin-left:0;
		padding-right:18px;
		}
#sharing	{
			position:fixed;
			top:24px;
			left:0;
			z-index:100;
			}
.leftColumn	{
	width:60%;
	float:left;
	margin: 1% 1% 2% 2%;
	}
.rightColumn	{
		width:34%;
		float:right;
		margin: 1% 2% 2% 1%;
		
	}


.footer	{
		width:90%;
		max-width:1600px;
		display:block;
		margin:1% auto 2% auto;
		}


h1		{
		font-size: 2em;
		line-height:1.25em;
		font-weight:normal;
		text-align:center;
		margin: 0px 18px 6px 18px;
		padding-top:12px;
		color:#7e8083;
		text-transform:uppercase;

		}
		
h2		{
		font-size: 1.75em;
		line-height:2em;
		font-weight:normal;
		font-style:normal;
		text-align:center;
		margin: 24px 1% 6px 2%;
		color:#666;
		}

p		{
		margin: 2% 2% .5% 2%;
		}

ul		{
		font-size:1em;
		line-height:1.125em;
		padding-bottom:0;
		}
li		{
		margin-top:4px;
		margin-right:18px;
		}


.center	{
		text-align:center;
		}



.designer {
				color: #666;
				background-color: inherit;
				font-weight:normal;
				font-style:normal;
				}
a.designer:hover {
				color: #000;
				}
.bottomLinkSep 	{
				font-size: 1em; 
				line-height: 1.25em;
				font-weight: bold;
				color:#8B7D8C;
				background-color: inherit;
				text-decoration: none;
				text-indent:0;
				margin:0 18px 0 18px;
				text-transform:none;
				}
					
.bottomLinks 	{
				font-size: .875em; 
				line-height: 1em;
				font-weight: normal;
				text-align: center;
				color:#C1BCBD;
				background-color: inherit;
				text-decoration: none;
				text-indent:0;
				margin:0;
				text-transform:none;
				white-space:nowrap;
				}
				
a.bottomLinks:link {
					color:#C1BCBD;
					background-color: inherit;
					}
a.bottomLinks:visited {
					color: #C1BCBD;
					background-color: inherit;
					}
a.bottomLinks:hover {
					color: #fff;
					background-color: inherit;
					}
					
a.bottomLinks:active {
					color:#C1BCBD;
					background-color: inherit;
					}
.frameHolder {	
	width:97%;
	float:left;
	margin: 2% 1% 2% 2%;
	padding:0 0 46px 0;
}

.frameBack {	
	width:100%;
	max-width:800px;
	padding:0;
	margin:0 auto;
}

.bxslider {	
	margin:0;
	padding:0;
}
.contactLine	{
	text-align:center;
	padding-bottom:12px;
	}
.dontBreak	{
	white-space:nowrap;
	}
.juliePhoto	{
	float:right;
	width:35%;
	margin:0 18px 12px 18px;
	}
.juliePhoto2	{
	float:right;
	width:30%;
	margin:0 18px 12px 18px;
	max-width:350px;
	}
.coverPhoto	{
	margin:2%;
	display:block;
	}
.readText	{
	text-align:left;
	margin:12px auto 36px auto;
	width:100%; 
	display:block;
	clear:both;
	font-style:italic;
	}
	
.left-image {
	width:49%;
	margin-top:2%;
	float:left;	
		-moz-box-shadow:    2px 2px 9px 2px #999;
  		-webkit-box-shadow: 2px 2px 9px 2px #999;
 		 box-shadow:        2px 2px 9px 2px #999;
	}
.right-image {
	width:49%;
	margin-top:2%;
	float:right;
		-moz-box-shadow:    2px 2px 9px 2px #999;
  		-webkit-box-shadow: 2px 2px 9px 2px #999;
 			box-shadow:        2px 2px 9px 2px #999;	
	}

.wide-image	{
	width:100%;
	display:block;
	margin:24px auto;
			-moz-box-shadow:    2px 2px 9px 2px #999;
  		-webkit-box-shadow: 2px 2px 9px 2px #999;
 			box-shadow:        2px 2px 9px 2px #999;
	}
.about-text-holder {
	width:60%;
	float:left;
	}
.juliePhoto2	{
	float:right;
	width:30%;
	max-width:350px;
	margin-top:24px;
	}
.baked-logo {
	float:right;
	width:50%;
	max-width:300px;
}
.about-photo-holder {
	width:100%;
	display:block;
	}
.about-photo-1	{
	width:100%;
	display:block;
	max-width:880px;
	margin: 0 auto;
	}
.readText-1	{
	text-align:center;
	margin:6px auto 42px auto;
	width:100%; 
	display:block;
	clear:both;
	font-style:italic;
	font-size:1em;
	line-height:1.125em;
	}
.about-photo-2	{
	width:100%;
	display:block;
	max-width:553px;
	margin: 0 auto;
	}
.about-photo-3	{
	width:100%;
	display:block;
	max-width:450px;
	margin: 0 auto;
	}
.siteThumbHolder	{
	display:inline-block;
	text-align:center;
	width:100%;
	margin:0;
	padding:0;
	}
.photo-wrapper {
	width:47%;
	margin:1%;
	display:inline-block;
	text-align:center;
	}
.photo-wrapper-full {
	width:96%;
	display:block;
	text-align:center;
	margin:1% 2%;
	}

.phone	{
		float:left;
		width:20%; 
		margin:0 1% 0 0;
		font-size:1em;
		color:#666;
		text-shadow:#C8DA2B 1px 1px 0;
		}
.social {
	margin-left:40px;
	padding-top:6px;
		}
.emailH	{
		float:right;
		text-align:right;
		width:20%; 
		margin:0 0 0 1%;
		font-size:1em;
		color:#666;
		text-shadow:#C8DA2B 1px 1px 0;
		}
.emailH-mobile	{
		display:none;
		}
.copyright {
		width:50%;
		float:left;
		font-size: .8125em; 
		line-height: 1.5em;
		color: #666;
		background-color: inherit;
		font-weight:bold;
		font-style:normal;
		margin:8px 18px 10px 18px;
		text-align:center;
				}


/*Media Querries below ------------------------------------------------------------------------------------------------------------------------*/



@media only screen and (max-width: 950px) {
	.logo {width:100%; margin:2%;}
	.copyright {width:100%; display:block;}
	.social {margin-left:0;}
	.phone {width:100%; display:block; clear:both; float:none; text-align:center; line-height: 2em;}
	.emailH-mobile	{
		float:none;
		text-align:center;
		width:100%;
		display:block;
		margin:0 auto%;
		font-size:1em;
		color:#666;
		text-shadow:#C8DA2B 1px 1px 0;
		}
	.emailH {display:none;}
	.left-image, .right-image {
		width:100%;
		max-width:800px;
		float:none;	
		display:block;
		margin: 36px auto;
			-moz-box-shadow:    2px 2px 9px 2px #999;
  			-webkit-box-shadow: 2px 2px 9px 2px #999;
 			 box-shadow:        2px 2px 9px 2px #999;
	}
}

@media only screen and (max-width: 780px) {
	.photo-wrapper {
		width:100%;
		margin:1% 0;
		display:block;
	}
	.photo-wrapper-full {
		width:100%;
		margin:1% 0;
		display:block;
	}
}

@media only screen and (max-width: 750px) {
	.leftColumn, .rightColumn {width:96%; margin:0 2% 0 2%;}
	.about-text-holder {width:100%; float:none; margin:0 auto; display:block;}
	.juliePhoto2 {width:100%; float:none; margin:24px auto 0 auto; display:block; clear:both;}
}


@media only screen and (max-width: 580px) {
		a.topNavButton	{padding: 0 1px 0 6px; font-size:.75em;}
		.tagline {font-size:.75em; margin-left:0; text-align:right; float:right;}
		.copyright {
				font-size: .75em; 
				line-height: 1.25em;}
		}