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

/*CSS by Danielle Amaral-LeBlanc, Copyright 2010 for WhoIsTheOldGuy.com*/

/*colors
blue: 4682b4
red: a74949
green: 66a242
green-gray: c4cebe
*/

/*declare font*/
@font-face {
	font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
	src: url('fonts/gillsans-webfont.eot');
	src: local('☺'), url('fonts/gillsans-webfont.woff') format('woff'), url('fonts/gillsans-webfont.ttf') format('truetype'), url('fonts/gillsans-webfont.svg#webfontJMykqtg0') format('svg');
	font-weight: normal;
	font-style: normal;
}



/*begin general page style*/
body { background-color: #fbfcda; font-size: 62.5%; }

#page { width: 925px; height: auto; margin: 0 auto; }

.images {border: 1px solid #c4cebe; margin-left: 50px;}

.images-home {border: 1px solid #c4cebe; }

.images-slideshow {border: 1px solid #c4cebe; margin-right: 30px; float: left; margin-bottom: 30px;}

.images-slideshow-end {border: 1px solid #c4cebe; float: left;  margin-bottom: 30px;}
		
/*top container styles*/		
#top { width: 925px; height: 120px; }
	
		.links {font-family: Arial, Helvetica, sans-serif; color: #4682b4; text-align: right;
		}
		
		.links a{ text-decoration: none; color: #4682b4;}
		
		.links a:hover{ text-decoration: underline; color: #4682b4; }
		
		.logo {
			height: 100px;
			width: 400px;
			float: left;
			font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
			color: #a74949;
			text-transform: uppercase;
		}
		
			.logo a{
			font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
			color: #a74949;
			text-transform: uppercase;
			text-decoration: none;
		}
			.logofitz {font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans'; font-size: 4.212em; display: block; }
			.logopainting {font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans'; font-size: 3.87em; line-height: .6em; letter-spacing: .017em;}
			.logoinc {font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans'; font-size: 2.4em;  line-height: .6em;}
			.tagline {font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans'; font-size: 1.4em; line-height: 2em; color: #4682b4; display: block; text-transform: none;}
			
		.information {
			height: 100px;
			width: 525px;
			float: left;
			text-align: right;
		}
		
			.newsletter { font-family: Georgia, "Times New Roman", Times, serif; font-size: 1.2em; color: #66a242; display: block; text-transform: uppercase; margin-top: 20px; }
			.number {font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans'; font-size: 3.1em; color: #a74949; display: block; margin-top: 10px;}
			
/*navigation*/
#navigation{ width: 925px;height: 33px; margin-top: 20px; } 

	#navigation ul {list-style: none;margin: 0;padding: 0;}
				
	#navigation ul li {display: inline;}
	
	#navigation ul li a {
		background-image: url(../images/navigation.jpg);
			background-repeat:no-repeat;
			display:block;
			float:left;
	}
	
		
		a.carpentry {
			background-position:0 0;
			width: 161px;
			height: 33px;
			margin-right: 3px;
		}
		
			a.carpentry:hover {background-position: 0 -33px;}
		
		a.residential {
			background-position:-164px 0;
			width: 144px;
			height: 33px;
			margin-right: 3px;
		}
		
			a.residential:hover { background-position:-164px -33px;}
			
		a.shop {
			background-position:-311px 0;
			width: 123px;
			height: 33px;
			margin-right: 3px;
		}
			
			a.shop:hover {background-position:-311px -33px;}
			
		a.marvin {
			background-position:-437px 0;
			width: 196px;
			height: 33px;
			margin-right: 3px;
		}
		
			a.marvin:hover {background-position: -437px -33px;}
		
		a.green {
			background-position:-636px 0;
			width: 106px;
			height: 33px;
			margin-right: 3px;
		}
			
			a.green:hover {background-position:-636px -33px;}
			
		a.commercial {
			background-position:-745px 0;
			width: 180px;
			height: 33px;
		}
		
			a.commercial:hover {background-position: -745px -33px;}
		
/*slideshow*/
#slideshow {
	width: 923px;
	height: 393px;
	border: 1px solid #c4cebe;
	margin-top: 10px;
}

/*content header pictures*/
#content-picture {
	width: 923px;
	height: 250px;
	border: 1px solid #c4cebe;
	margin-top: 10px;
}

/*homepage trifecta*/
#trifecta{ width: 925px; height: auto; padding-top: 10px; padding-bottom: 20px;}

	.trifecta {
		width:256px;
		height: 256px;
		background-color: #FFF;
		border: 1px solid #c4cebe;
		float: left;
		margin-right: 15px;
		padding: 10px 20px 10px 20px;
	}
	
	.trifecta2 {
		width:256px;
		height: 256px;
		background-color: #FFF;
		border: 1px solid #c4cebe;
		float: left;
		padding: 10px 20px 10px 20px;
	}
	
		.trifecta h1, .trifecta2 h1, #content h1{
			font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
			font-weight: normal;
			font-size: 1.8em;
			color: #66a242;
			border-bottom: 1px solid #4682b4 ;
		
		}
		
		.trifecta p, .trifecta2 p, #content  {
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
			font-size: 1.2em;
			color: #696969; 
			line-height: 1.8em;
			
		}
		
		.highlight {
			color: #4682b4;
		}
		
		h4 {
			font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;

			color: #4682b4;
			font-weight: normal;
			margin: 0;
			line-height: 10px;
		}
			
		
	
		
		
		.trifecta a, .trifecta2 a, .directions-link a {
			font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
			font-size: 1.3em;
			color: #66a242;
			text-align: right;
			display: block;
			text-decoration: none;
		}
		
			.trifecta a:hover, .trifecta2 a:hover, .directions-link a:hover {
				color: #66a242;
				text-decoration: underline;
			}

	
/*content*/
#content {
	width: 883px;
	height: auto;
	margin-top: 10px;
	background-color: #FFF;
	border: 1px solid #c4cebe;
	padding: 10px 20px 10px 20px;
	}
		.content-left {
			width: 390px;
			float: left;
			height: auto;
			border-right:  1px solid #c4cebe;
			margin-right: 20px;
			padding-right: 30px;
		}
		
		.content-right {
			width: 421px;
			float: left;
			height: auto;
			padding: 0px 10px;
		
		}
		
	#content h2{
			font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
			font-weight: normal;
			font-size: 1.3em;
			color: #4682b4;	
			margin-bottom: 5px;
		}
	
	
		#content a {
			font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
			font-size: 1.1em;
			font-weight: bold;
			color: #a74949;
text-decoration: none;
		}
		
			#content a:hover {
				color: #a74949;
				text-decoration: underline;
			}

/*form styles*/
	.shortlabel {
	float:left;
	width: 120px;
	font-size: 1em;
	text-transform: uppercase;
	color: #696969;
	font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
	
	
}
	
	.longlabel {
	float:left;
	font-size: 1.1em;
	text-transform: uppercase;
	margin-right: 10px;
	color: #696969;
	font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
	}
	
	input, textarea, select {
		border:1px solid #c4cebe;
		margin:2px;
		font-size: 10px;
		color:  #696969;
		font-family: Arial, Helvetica, sans-serif;
	}
	
		input:focus , textarea:focus {
			border: 1px solid #66a242;
		}
		
		 
	 .error, .success {
		color:#a74949;
		font-weight:bold;
		font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	}
	
	.submit {
		border: 1px solid #c4cebe ;
		background-color: #66a242;
		font-family: 'GillSansRegular', 'Gill Sans', 'Gill Sans MT', 'Lucida Sans';
		color: #fbfcda;	
	}
	
	.required {
		color: #a74949;
	}


/*footer*/
#footer {
	width: 925px;
	height: auto;
	margin: 20px 0px;
	padding: 30px 0px;
	border-top: 1px solid #c4cebe;
}

	#footer h3, #footer h3  {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		color: #66a242;
		text-align: center;
	}
	
		#footer h3 a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1.1em;
		color: #66a242;
	}
	
	.footer-towns {
		font-family: Arial, Helvetica, sans-serif;
			font-size: 1.1em;
			color: #8f8f8f; 
			text-align: center;
			
			
	}
		
	.footer-images {
		float: left;
		height: 80px;
		width:  475px;
		margin-bottom: 30px;
		font-family: Arial, Helvetica, sans-serif;
		color: #a74949;
		line-height: 1.8em;	
		margin-bottom: 20px;
	}
	
		.fimages {margin-right: 10px;}

	.footer-text {
		float: left;
		height: 80px;
		width: 450px;
		font-family: Arial, Helvetica, sans-serif;
		color: #a74949;
		text-align: right;
		line-height: 1.8em;	
		margin-bottom: 20px;
	}
	 
	#footer a{
	color: #a74949;
	font-size: .9em;
	text-decoration: underline;
}


/*float clearing*/
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}
/* IE6 css fixer v0.8: Thu, 05 Aug 2010 21:05:58 +0200 */

/* ============================================= */
/* safe settings                                 */

/* add display:inline to floated elements */
.logo,
.information,
#navigation ul li a,
.trifecta,
.trifecta2,
.footer-images,
.footer-text {display:inline;}