html,
body {
	/* Specify a height for use in positioning the footer later */
	height: 100%;
}

body {
	background: #e9ddbb url('/~fagan/images/bg-wood.jpg') 50% 0 repeat-x;
	font: 11px/1.5em "Lucida Grande", Verdana, Arial, Helvetica, serif;
	color: #555;
}

h1, h2, h3 {
	font-family: "Palatino Linotype", Georgia, "Times New Roman", serif;
	font-weight: bold;
}

a {text-decoration: none; padding: 2px;}
a:link {color: #345270; background: none;}
a:visited {color: #53708e; background: none;}
a:hover {color: #fff; background: #345270;}
a:active {color: #f1e0ac; background: none;}
	

/* General classes =================== */
.clear {clear: both;}
.left {float: left;}
.right {float: right;}


/* Here begin the layout styles ==================== */

#container {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	margin-top: 60px;
	background: url('/~fagan/images/bg-paper.png') repeat-y;
	/* to make the footer work */
	min-height: 100%;	
}

/* -Header ===================== */
#header {
	position: relative;
	width: 1000px;
	height: 156px;
	background: url('/~fagan/images/bg-hdr.jpg') no-repeat;
}
	h1#logo {
		position: absolute;
		width: 300px;
		height: 190px;
		left: 350px;
		top: -45px;
		background: url('/~fagan/images/logo.png') no-repeat;
	}
		h1#logo span {
			display: none;
		}

/* -Navigation ====================== */
#navigation {
		position: relative;
		width: 1000px;
		height: 56px;
		background: url('/~fagan/images/bg-menu.png') no-repeat;
		font: normal normal normal 14px/56px Georgia, "Times New Roman", serif;
		text-transform: uppercase;
		letter-spacing: .1em;
}
	#navigation ul {
		float: left;
		margin: 0;
		margin-left: 30px;
		list-style: none;
	}
	#navigation ul li {
		/*float: left;*/
		display: inline;
		margin-right: 10px;
		padding-right: 15px;
	}
	#navigation a {
		text-decoration: none; 
		background: none; 
		padding: 0;
	}
	#navigation a:link,
	#navigation a:visited {color: #fff;}
	#navigation a:hover {color: #e7cc75;}
	#navigation a:active {color: #f1e0ac;}

	#navigation #home-link,
	#navigation #about-link,
	#navigation #faq-link,
	#navigation #resources-link {
		background: url('/~fagan/images/nav-spacer.png') 100% 50% no-repeat;
	}
	
	#navigation p#call-us {
		margin: 0;
		margin-right: 30px;
		float: right;
		color: #fff;
	}
	#navigation p#call-us span {
		font: normal normal normal 18px/56px Georgia, "Times New Roman", serif;
		color: #f1e0ac;
	}
	
	
/* -Front Page ===================== */
#welcome {
	position: relative;
	width: 1000px;
	background: url('/~fagan/images/bg-welcome.jpg') no-repeat;
}
	#welcome h2 {
		position: relative;
		float: left;
		width: 310px;
		height: 260px;
		margin-left: 30px;
		margin-top: 30px;
		background: url('/~fagan/images/welcome.jpg') no-repeat;
	}
		#welcome h2 span {
			display: none;
		}
	#welcome img {
		position: relative;
		float: right;
		margin-right: 20px;
		margin-top: 20px;
	}
	#welcome div.line {
		clear: both;
		position: relative;
		width: 940px;
		height: 20px;
		margin: 0 auto;
		background: url('/~fagan/images/hl.png') no-repeat;
	}
#content {
	position: relative;
	clear: both;
	margin: 0 30px;
	padding-top: 20px;
	/* Padding to allow room for the footer */
	padding-bottom: 300px;
}
body#home #content { padding-top: 0; }

	#intro 	{
		width: 460px;
		float: left;
	}
		#intro h2 {
			position: relative;
			float: left;
			width: 460px;
			height: 50px;
			background: url('/~fagan/images/why-choose-us-title.jpg') no-repeat;
		}
			#intro h2 span {
				display: none;
			}
		#intro img {
			width: 220px;
			height: 150px;
			float: left;
			margin-right: 1em;
			margin-bottom: 1em;
		}
	#contact-us {
		width: 380px;
		float: right;
	}
		#contact-us p a {
			display: block;
			width: 380px;
			height: 220px;
			background: url('/~fagan/images/contact-us-cards2.jpg') no-repeat;
		}
	body#home #contact-us {
		width: 460px;
		float: right;
	}
		body#home #contact-us p a {
			display: block;
			width: 460px;
			height: 220px;
			background: url('/~fagan/images/contact-us-cards.jpg') no-repeat;
		}
		#contact-us p a span {
			display: none;
		}

		/* MAP =============== */
		#map {
			clear: right;
			width: 480px;
			height: 300px;
			float: right;
			margin-right: -10px;
			margin-bottom: 20px;
			background: url('/~fagan/images/map-box.jpg') no-repeat;
			text-align: center;
		}
			#map h3 span {
				visibility: hidden;
			}
			#map iframe {
				width: 440px;
				height: 190px;
				position: relative;
				margin-top: 40px;
			}

/* Secondary Pages ================================== */

	.page-content {
		float: left;
		width: 540px;
	}
		.page-content img {
			background: #fff;
			padding: 6px;
			border-bottom: solid #ccc 1px;
			border-left: solid #ddd 1px;
			border-right: solid #ddd 1px;
		}
		.page-content img.left {
			margin: 0 1em 1em 0;
		}
		.page-content img.right {
			margin: 0 0 1em 1em;
		}
		ul.contact-info,
		ul.contact-info ul {
			list-style: none;
		}
		ul.contact-info {
			font-style: italic;
		}
		ul.contact-info ul {
			font-style: normal;
			font-weight: bold;
		}
		ul.contact-info li span {
			font-weight: bold;
			font-style: normal;
		}
	#sidebar {
		float: right;
		width: 380px;
	}
	
	#hours {
		width: 380px;
		height: 195px;
		background: url('/~fagan/images/hours.png') no-repeat;
	}
		#hours h4,
		#hours ul {
			display: none;
		}
/* -FOOTER ========================================== */
#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	width: 980px;
	height: 210px;
	padding-top: 90px;
	margin-left: 10px;
	text-align: center;
	background: url('/~fagan/images/bg-footer.jpg') no-repeat;
	color: #aaa881;
	font: normal normal normal 11px/1.5em Georgia, "Times New Roman", serif;
}
	#footer #nameplate {
		width: 310px;
		height: 110px;
		margin: 0 auto 20px auto;
	}	
		#nameplate a {
			display: block;
			width: 310px;
			height: 110px;
			background: url('/~fagan/images/nameplate.png') no-repeat;
		}
		#nameplate a span {
			display: none;
		}
	
	#footerNav {
		clear: both;
		position: relative;
		list-style: none;
	}
	#footerNav li {
		display: inline;
		margin: 0 15px;
	}
	#footer a {text-decoration: none; background-color: transparent;}
	#footer a:link,
	#footer a:visited {
		color: #ad9a44;
		border: 0;
	}
	#footer a:hover {
		border-bottom: dotted 1px #746b3f;
	}
	#footer a:active {
		border: 0;
		color: #dab817;
	}
	
		#nameplate a:hover {border: 0;}