/*  
Theme Name: West Pointe
Theme URI: http://westpointe.info/
Description: Custom WordPress theme for West Pointe Townhomes' Web site. Property of <a href="http://denalibuilders.com/">Denali Builders</a> and <a href="http://verticentricdesign.com/">Verticentric Design</a>.
Version: 1.0
Author: Jon Bourne
Author URI: http://verticentricdesign.com/
*/

* {
	margin:0;
	padding:0;
}
body {
	background:url("./images/bg_body.png") repeat-y center top #f8eecf;
	text-align:center;
	font-family:"Lucida Grande",sans-serif;
	font-size:76%;
	line-height:1.6em;
	color:#67872f;
}
a {
	text-decoration:underline;
	color:#67972f;:
}
	a:hover {
		text-decoration:none;
		color:#cad6af;
	}
ul, ol {
	margin:1em 0 1em 1.4em;
}
	ul ul, ul ol, ol ol, ol ul {
		margin-top:0;
		margin-bottom:0;
	}
img {
	border:0;
}
h1,h2,h3,h4,h5,h6 {
	margin:.8em 0 .2em 0;
	line-height:1.4em;
}
	h1 {	font-size:200%;	}
	h2 {	font-size:160%;	}
	h3 {	font-size:130%;	}
	h4 {	font-size:120%;	}
	h5 {	font-size:110%;	}
	h6 {	font-size:100%;	}
p, table {
	margin:1em 0;
}
blockquote {
	margin:3em 3em 3em 2em;
	text-align:center;
	font-size:120%;
	font-style:italic;
	color:#7d6627;
}
dl {
}
	dt {
		font-weight:bold;
	}
	dd {
		margin:0 0 0 2em;
	}
code {
	text-overflow:auto;
	font-size:120%;
	color:#444;
}


#wrapper {
	position:relative;
	margin:0 auto;
	padding:0 30px;
	width:700px;
	text-align:left;
}

#header {
	margin:0 -30px;
	height:130px;
	background:url("./images/bg_header.png") center bottom no-repeat #f8eecf;
}
	#header h1 {
		display:none;
	}
	#header em {
		position:absolute;
		right:0;
		top:36px;
		width:380px;
		text-align:center;
		font-family:"Times New Roman", serif;
		font-size:180%;
		color:#67872F;
	}

#navigation {
	margin:0 0 40px 0;
	list-style:none;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	font-size:12px;
	color:#444;
}
	#navigation li {
		display:inline;
	}
		#navigation li a {
			padding:0 8px 0 10px;
			border:none;
			text-decoration:none;
		}
			#navigation li:before {
				content:"|";
			}
			#navigation li:first-child a {
				padding:0 8px 0 0;
			}
			#navigation li:first-child:before {
				content:"";
			}

#content {
	padding:0 1em 3em 1em;
	font-size:120%;
	line-height:1.8em;
}
	h2 {
		font-family:serif;
		font-variant:small-caps;
		font-size:200%;
		color:#7d6627;
	}
	#content p em {
		display:block;
		line-height:2.2em;
		text-align:center;
		font-size:140%;
	}
	#content blockquote em {
		display:block;
		text-align:right;
		font-size:90%;
		font-style:normal;
	}
		#content blockquote em:before {
			content:"\223C ";
		}
	.img-shadow {
		float:right;
		margin:8px 0 0 8px;
		background: url("./images/shadow.png") no-repeat bottom right; }
		.img-shadow img {
			display: block;
			top:-8px;
			left:-8px;
			position: relative;
			background-color: #fff;
			border: 1px solid #a9a9a9;
			padding: 4px; }
	.img-shadow-left {
		float:left;
		margin-right:1em;
	}
	div.hr {
		clear:both;
		padding:1.5em 0;
		height:27px;
		border:none;
		background:url("./images/bg_hr.png") no-repeat center center;
	}
	div.hr-reverse {
		background:url("./images/bg_hr_reverse.png") no-repeat center center;
	}


#footer {
	clear:both;
	margin:0 -30px;
	padding:40px 30px 80px 30px;
	background:url("./images/bg_footer.png") center top no-repeat #f8eecf;
	text-align:center;
	line-height:1.2em;
	font-size:80%;
	color:#888;
}
	#footer a {
		text-decoration:none;
		color:#888;
	}




.downloads {
	width:100%;
}
	.downloads th,
	.downloads td {
		border-top:1px solid #67972f;
	}
		.downloads tr:first-child th,
		.downloads tr:first-child td {
			border:none;
		}
	.downloads th {
		padding:2em 0 2em 1em;
		width:25%;
		font-size:140%;
		font-weight:bold;
	}
		.downloads th small {
			font-size:90%;
			font-weight:normal;
		}
	.downloads td {
		padding:2em 2em 1.5em 2em;
		vertical-align:top;
	}
	.downloads ul {
		margin:0;
		list-style:none;
	}
		.downloads li {
			float:left;
			margin:0 3em 0 0;
			text-align:center;
			line-height:1.2em;
		}

.lenders {
	margin:0 0 0 2em;
	list-style:none;
	line-height:1.4em;
}
	.lenders li {
		margin:2em 0;
		padding:0 0 0 120px;
	}
		.lenders img {
			position:relative;
			top:.5em;
			float:left;
			margin:0 24px 0 -120px;
			padding:2px;
			border:1px solid #67972f;
		}

.contact {
	margin:4em 0 0 1em;
	padding:16px 56px 0 76px;
	width:476px;
	height:732px;
	background:url("./images/contact_letter_bg.jpg") no-repeat;
	line-height:1.2em;
	text-align:justify;
	font-size:95%;
	color:#000;
}

.previews {
	text-align:center;
}
	.previews a img {
		margin:0 1em;
		border:1px solid #666;
	}
		.previews a:hover img {
			border-color:#DDD;
		}