/*  FULL HOUSE MARKETING STYLESHEET  */

html, body { margin: 0; padding: 0; }

body { 
	font: 90% Helvetica, Arial, sans-serif; 
	text-align: center; 
	background-image: url(../images/topbg.gif);
	background-repeat: repeat-x;
	}
	
a { color: #154161; }
a:visited, a:hover, a:active { color: #3BAED3; }

div#container { 
	text-align: left;
	width: 792px; 
	margin: 0 auto; 
	background-image: url(../images/house-rightbg.gif);
	background-position: right 250px; 
	background-repeat: no-repeat;
	}



/* ----------- HEADER ----------- */

div#header { 
	height: 178px; 
	background-repeat: no-repeat;
	background-position: 285px top;
	margin-right: -85px;
}
div#header img { 
	margin: 60px 0 0 0; 
	padding: 0; 
	float: left;
}
div#header p {
	color: #829AA2;
	font-size: 1.3em;
	margin: 0; padding: 108px 0 0 264px; 
}

div#header.home { background-image: url(../images/blueprints.jpg); }
div#header.services { background-image: url(../images/topbg-right.jpg); }
div#header.experience { background-image: url(../images/hardhat.jpg); background-position: 340px top; }
div#header.portfolio { background-image: url(../images/toolbox.jpg); background-position: 340px top; }
div#header.contact { background-image: url(../images/wrenches.jpg); }



/* --------- TOP NAVIGATION ----------- */

div#topnav p { 
	text-align: right;
	margin: 10px 0 60px 0; 
	padding: 0; }
div#topnav a { 
	margin-left: 20px; 
	text-decoration: none;
	}
div#topnav a:visited { color: #154161; }





/* ---------- CONTENT AREA ----------- */

div#content { 
	float: left; width: 525px; 
}
div#content p { line-height: 1.5; }

h1, h2, h3, h4, h5 {
	font-weight: bold;
	/* text-transform: lowercase;
	margin-bottom: -0.5em; */
	color: #154161;
}
h1 { letter-spacing: -2px; margin-bottom: 0.5em; }
h2 { letter-spacing: -1px; }
h3 { letter-spacing: -1px; }

b { color: #154161; }

img.thumbnail { margin-right: 40px; margin-bottom: 20px; }
img.thumbnail-last { margin-right: 0; }



/* --------- BULLETED/NUMBERED LISTS ------------ */

ul { line-height: 130%; margin: 0; padding: 0 0 0 15px;  }
ul.content { margin-top: 1.2em; }
ul.content li { margin-bottom: 0.6em; }

ol { line-height: 130%; margin: 0; padding: 0 0 0 20px;  }
ol.content { margin-top: 1em; }
ol.content li { margin-bottom: 0.4em; }




/* --------- RIGHT COLUMN ---------- */

div#rightcol { 
	float: right; 
	width: 200px; 
	margin-top: 280px;
	}
div#rightcol p { font-size: 0.95em; line-height: 150%; }



/* --------- FOOTER ---------- */

div#footer p { margin: 0; padding: 40px 0 15px 0; line-height: 130%; }
div#footer { clear: both; width: 100%; }