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

	html {
		height: 100%;
	}
		
	body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	margin: 0 auto; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	height: 100%;
	background-color: #636363;
	}

	/* this is used to position the "inside" graphics, giving a container to overlow the backgroundContainer */
	#container {
		position: relative;
		margin: 0 auto;
		text-align: center;
		width: 1000px;
		height: 100%;
	}
	
	#leftColumn {
		background-color: black; 
		vertical-align: top;
	}
	
	#header {
		background-color: #636363;
		height: 60px;
		border-bottom: thin solid white;
		background-image: url(../Images/Header/header.gif);
		border-left: thin solid white;
		border-right: thin solid white;
	}
	
	#navigation {
		width: 160px;
		margin: 5px 0px 0px 60px;
	}
		#navigation img {
			margin: 3px 0px 0px 0px;
			border: none;
		}
	
	#wrapper {
		width: 1000px;
		border-left: thin solid white;
		border-right: thin solid white;
	}
		#wrapper .rightColumn {
			width: 760px;
			vertical-align: top;
			background-color: white;
			border-left: thin solid white;
		}
		
	#footer {
		background-color: black;
		border-top: thin solid white;
		color: white;
		font-size: 12px;
		padding: 7px 0px;
		font-weight: bold;
	}

	.pageName {
		float: left;
		height: 35px;
		width: 165px;
		margin: 25px 0px 0px 0px;
	}
	
	.content {
		height: 318px;
		width: 760px;
	}
	
	.blackDevider {
		background-color: black;
		height: 25px;
		width: 760px;
		border-top: thin solid white;
		border-bottom: thin solid white;
	}
	
	.mainImage {
		height: 292px;
		width: 572px;
		background-image: url(../Images/Houses/mainHouse.jpg);
		background-repeat: none;
	}
		.mainImage img {
			border: none;
		}

	.logoSection {
		float: right;
		height: 292px;
		width: 188px;
		background-color: black;
		background-image: url(../Images/Logos/blackGradient.jpg);
	}
	
	.largeGrayTitle {
		float: left;
		width: 44px;
		height: 600px;
		background-image: url(../Images/Headings/certifiedHomeInspectionServicesGray.gif);
		background-repeat: no-repeat;
		margin: 10px 0px 0px 10px;
		padding: 5px 0px;
	}
	
	.text {
		padding: 10px;
		text-align: left;
		font-size: 12px;
		font-color: black;
	}
	
	a {
		color: #8e4585;
		text-decoration: none;
		font-weight: bold;
		font-size: 12px;
	}
	
	.heading1 {
		margin: 0px;
		padding: 0px;
		font-weight: bold;
		font-size: 13px;
		color: black;
	}
	
	.heading2 {
		margin: 0px;
		padding: 0px;
		font-weight: bold;
		font-size: 12px;
		color: black;
	}