@charset "utf-8";
/* 
CSS Document 
Stylesheet for Patrick Hamilton Construction, www.PatrickHamiltonConstruction.com 
Created by Beebee Website Design
Last updated 9/17/2008
*/

/* base styles 
------------------------------------------------------------- */
body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	padding: 0;
	margin: 0;
	background-color: #8c9279;
	}
	
/* typography */
h1, h2, h3 {
	color: #44594e;
	clear:both;
	}
h1 {
	font-size: 0.8em;
	margin-bottom: 1.5em;
	}
h2 {
	font-size:0.8em;
	margin-bottom: 1.75em;
	}
h3 {
	font-size:1em;
	margin-bottom:3px;
}
h3 + ul,
p + ul,
p + ol{
	margin-top:3px;
}

p {
	margin: 0 0 20px 0;
	line-height: 1.5em;
	}
li {
	line-height:1.5em;
}
a {
	text-decoration: none;
	}
a:hover {
	text-decoration: underline;
	}
	
/* section styles 
------------------------------------------------------------- */
/* header */
#header {
	height: 210px;
	position: relative;
	background: #fff url("images/banner1.jpg") no-repeat 0 105px;
	margin: 0 10px 20px 10px;
	}
#header span {
	background:   url("images/logo.gif") no-repeat;
	position: absolute;
	top:0;
	width: 100%;
	height: 100px;
	}

/* page content */	
#container {
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	width: 960px;
	padding: 20px 10px;
	}
	
#content {
	float: right;
	width: 580px;
	position:relative;
	margin-right: 10px;
	}
body#process h2{
	clear:none;
}

/* navigation sidebar */
#sidebar {
	position: relative;
	float: left;
	width: 320px;
	margin-left: 10px;
	}
#sidebar ul {
	list-style-type: none;
	margin: 0px;
	padding: 5px 0px 20px 45px;
	background-color:#c9cdbb;
	}
#sidebar li {
	padding: 20px 0 5px 0;
	border-bottom: 1px solid #e4e8d3;
	}
#sidebar a {
	text-decoration: none;
	display: block;
	width: 80%;
	color: #616161;
	padding-left: 16px;
	margin-left: -16px;
	}
html>body #sidebar li a {
	width: auto; /* fix for non-IE/Win browsers */
	}
#sidebar a:hover {
	background: url(images/bullet.gif) no-repeat 0 50%;
	color: #44594e;
	}
#sidebar .imgsidebar a:hover {
	background: none;
	}
body#home #home_tab a,
body#services #services_tab a,
body#timberpeg #timberpeg_tab a,
body#process #process_tab a,
body#portfolio #portfolio_tab a,
body#about #about_tab a,
body#contact #contact_tab a {
	background: url(images/bullet.gif) no-repeat 0 50%;
	color: #44594e;
	font-weight: bold;
	}
/* misc */	
blockquote {
	margin-top: 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style: italic;
	color: #777;
	margin: 30px 20px;
	}
blockquote .author {
	text-align:right;
	}

/* footer */
#footer {
	clear: both;
	color: #999;
	margin: 20px 10px 0 10px;
	padding: 5px 0 15px 0;
	}
#footer p {
	clear: both;
	}
#footer a {
	color: #777;
	}
#footernav {
	margin:0;
	padding: 5px 0;
	border-bottom: 1px solid #777;
	border-top: 1px solid #777;
	}
#footernav li {
	margin: 0;
	padding:0;
	display: inline;
	list-style: none;
	}
#footernav a {
	margin-right: 27px;
	}

body#home #home_foot a,
body#services #services_foot a,
body#timberpeg #timberpeg_foot a,
body#process #process_foot a,
body#portfolio #portfolio_foot a,
body#about #about_foot a,
body#contact #contact_foot a {
	color: #44594e;
	font-weight: bold;
	}
#footer li a:hover {
	color: #44594e;
	text-decoration: none;
	}

/* heading image replacements 
------------------------------------------------------------- */
h1 span {
	position: absolute;
	width: 100%;
	height: 40px;
	}
h2 span {
	position: absolute;
	width: 100%;
	height: 40px;
	}
body#PAGEIDHERE h1 span { /*template*/
	background: url("images/headings/home_h1.gif") no-repeat;
	}
/* home page */
body#home h2 span {
	background: url("images/headings/home_h2.gif") no-repeat;
	}

/* timberpeg page */
body#timberpeg h1 span {
	background: url("images/headings/timberpeg_h1.gif") no-repeat;
	}
body#timberpeg h2#rep span {
	background: url("images/headings/timberpeg_h2_rep.gif") no-repeat;
	}
body#timberpeg h2#advantages span {
	background: url("images/headings/timberpeg_h2_advantages.gif") no-repeat;
	}
body#timberpeg h2#package span {
	background: url("images/headings/timberpeg_h2_package.gif") no-repeat;
	}	
body#timberpeg h2#quality span {
	background: url("images/headings/timberpeg_h2_quality.gif") no-repeat;
	}		
body#timberpeg h2#custom span {
	background: url("images/headings/timberpeg_h2_custom.gif") no-repeat;
	}		
body#timberpeg h2#brochure span {
	background: url("images/headings/timberpeg_h2_brochure.gif") no-repeat;
	}		

/* process pages */
body#process h1 span {
	background: url("images/headings/process_h1.gif") no-repeat;
	}
body#process h2#ethics span {
	background: url("images/headings/process_h2_ethics.gif") no-repeat;
	}
body#process h2#estimating span {
	background: url("images/headings/process_h2_estimating.gif") no-repeat;
	}	
body#process h2#scheduling span {
	background: url("images/headings/process_h2_scheduling.gif") no-repeat;
	}	
body#process h2#framing span {
	background: url("images/headings/process_h2_framing.gif") no-repeat;
	}	
body#process h2#final span {
	background: url("images/headings/process_h2_final.gif") no-repeat;
	}	
	
/* portfolio page */
body#portfolio h1 span {
	background: url("images/headings/portfolio_h1.gif") no-repeat;
	}
body#portfolio h2#a span {
	background: url("images/portfolio_h2a.gif") no-repeat;
	}
body#portfolio h2#b span {
	background: url("images/headings/portfolio_h2b.gif") no-repeat;
	}
	
/* services page */
body#services h1 span {
	background: url("images/headings/services_h1.gif") no-repeat;
	}
body#services h2#services span {
	background: url("images/headings/services_h2_services.gif") no-repeat;
	}	
body#services h2#preconstruction span {
	background: url("images/headings/services_h2_preconstruction.gif") no-repeat;
	}
body#services h2#construction span {
	background: url("images/headings/services_h2_construction.gif") no-repeat;
	}
body#services h2#timberpeg span {
	background: url("images/headings/services_h2_timberpeg.gif") no-repeat;
	}	

/* about page */
body#about h1 span {
	background: url("images/headings/about_h1.gif") no-repeat;
	}
body#about h2#motto span {
	background: url("images/headings/about_h2_motto.gif") no-repeat;
	}
body#about h2#mission span {
	background: url("images/headings/about_h2_mission.gif") no-repeat;
	}
body#about h2#experience span {
	background: url("images/headings/about_h2a.gif") no-repeat;
	}
body#about h2#efficiency span {
	background: url("images/headings/about_h2b.gif") no-repeat;
	}
body#about h2#reliability span {
	background: url("images/headings/about_h2c.gif") no-repeat;
	}
body#about h2#green span {
	background: url("images/headings/about_h2d.gif") no-repeat;
	}	
body#about h2#e span {
	background: url("images/headings/timberpeg_h2e.gif") no-repeat;
	}		

/* contact page */
body#contact h1 span {
	background: url("images/headings/contact_h1.gif") no-repeat;
	}
body#contact h2 span {
	background: url("images/headings/contact_h2.gif") no-repeat;
	}
body#contact h2#b span {
	background: url("images/headings/contact_h2b.gif") no-repeat;
	}

/* email form 
------------------------------------------------------------- */
#emailform dt {
	font-weight:bold;
	color: #44594e;
	}
#emailform dd {
	margin:0;
	padding-bottom:5px;
	}
#name, #email, #phone, #subject {
	width: 300px;
	}
#message {
	width:400px;
	height: 200px;
	}

/* image styles 
------------------------------------------------------------- */
.imgleft {
	float: left;
	color: #666;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 0 15px 15px 0;
	}
.imgright {
	float: right;
	padding: 0 0 15px 15px;
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#666;
	}
.imgsidebar {
	text-align: center;
	margin-top: 50px;
	}
.portfolioImages{
	width: 580px;
}
.portfolioImages td{
	font-style:italic;
	font-family: Georgia, "Times New Roman", Times, serif;
	text-align:center;
	color:#666;
	padding: 10px 0;
}
.portfolioImages img{
	margin-bottom:3px;
}

/* misc styles 
------------------------------------------------------------- */
/* pagination */
.pagination{
	color:#666;
}

/* other */
.floatRight{
	float:right;
}
h1.error {
	font-size: 1.5em;
	color:#ff6633;
	}
p.list {
	margin-bottom: 0.5em;
	}
p + ul {
	margin-top: 0;
	}
.clear {
	clear:both;
}
.toc{
	float:right;
	width:210px;
	background-color: #eee;
	margin-left: 10px;
}