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

body {
background:#000000 url(../images/body-bg-tile.gif) repeat 0 0;
}

* a {
outline:none;
}

#header {
height:85px;
background:url(../images/header-bg.png) repeat-x 0 0;
position:relative;
z-index:2;
}
	#logo {
	background:url(../images/mitford-homes-logo.jpg) no-repeat 0 0;
	width:391px;
	height:52px;
	position:absolute;
	top:14px;
	left:50%;
	margin-left:-480px;
	}
	ul#nav {
	list-style:none;
	padding:0;
	margin:0;
	position:absolute;
	top:7px;
	left:50%;
	margin-left:-80px;
	}
	ul#nav li {
	float:left;
	padding:0;
	margin:0;
	}
	ul#nav li.active {
	background:url(../images/nav-li-bg-active.jpg) no-repeat center 68px;
	}
	ul#nav li a {
	display:block;
	line-height:40px;
	height:47px;
	padding:22px 10px 0 10px;
	text-transform:uppercase;
	font:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#B19F64;
	text-decoration:none;
	margin-bottom:10px;
	}
	ul#nav li a:hover {
	background:url(../images/nav-a-bg-hover.jpg) no-repeat 0 0;
	}

#wrap {
width:980px;
position:absolute;
top:75px;
left:50%;
margin-left:-490px;
z-index:1;
}
#wrap-bg {
background:url(../images/wrap-bg-shadow.png) repeat-y 0 0;
padding:0 5px;
width:980px;
}

#big-fader-box {
width:970px;
background:#FFFFFF;
height:382px;
position:relative;
}
	#gallery {
	background:url(../images/gallery-header.jpg) no-repeat center top;
	width:250px;
	padding-top:60px;
	position:absolute;
	top:5px;
	left:700px;
	z-index:200;
	}
		#gallery ul {
		list-style:none;
		padding:0;
		margin:0 0 0 8px;
		}
		#gallery * {
		text-decoration:none;
		}
		
		#gallery li {
		background:url(../images/gallery-li-bg.gif) no-repeat 0 0;
		width:117px;
		height:99px;
		float:left;
		margin:2px 2px 0 0;
		position:relative;
		}
		#gallery li a span {
		text-transform:uppercase;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:bold;
		color:#463E26;
		text-decoration:none;
		position:absolute;
		left:15px;
		top:2px;
		font-size:11px;
		line-height:11px;
		}
		#gallery li a:hover span {
		
		}
		#gallery li a {
		width:117px;
		height:98px;
		overflow:hidden;
		background:#FF0000;
		position:absolute;
		left:1px;
		top:0;
		}
		#gallery li a.exteriors {
		background:url(../images/gallery-thumbs.jpg) no-repeat 0 0;
		}
		#gallery li a.bathrooms {
		background:url(../images/gallery-thumbs.jpg) no-repeat -120px 0;
		}
		#gallery li a.kitchen-dining {
		background:url(../images/gallery-thumbs.jpg) no-repeat 0 -99px;
		}
		#gallery li a.custom-decks {
		background:url(../images/gallery-thumbs.jpg) no-repeat -120px -99px;
		}
		#gallery li a.living-areas {
		background:url(../images/gallery-thumbs.jpg) no-repeat 0 -198px;
		}
		#gallery li a.unique-spaces {
		background:url(../images/gallery-thumbs.jpg) no-repeat -120px -198px;
		}
		
		/* hover effect */
			#gallery li a.exteriors:hover {
			background:url(../images/gallery-thumbs.jpg) no-repeat -240px 0;
			}
			#gallery li a.bathrooms:hover {
			background:url(../images/gallery-thumbs.jpg) no-repeat -360px 0;
			}
			#gallery li a.kitchen-dining:hover {
			background:url(../images/gallery-thumbs.jpg) no-repeat -240px -99px;
			}
			#gallery li a.custom-decks:hover {
			background:url(../images/gallery-thumbs.jpg) no-repeat -360px -99px;
			}
			#gallery li a.living-areas:hover {
			background:url(../images/gallery-thumbs.jpg) no-repeat -240px -198px;
			}
			#gallery li a.unique-spaces:hover {
			background:url(../images/gallery-thumbs.jpg) no-repeat -360px -198px;
			}
		
		#subtitle {
		background:url(../images/header-subtitle-bg.png) repeat-x 0 0;
		height:69px;
		position:absolute;
		top:300px;
		left:0;
		z-index:190;
		width:970px;
		}
		#subtitle h2 {
		color:#000000;
		font-size:19px;
		padding:0;
		line-height:24px;
		position:absolute;
		left:100px;
		top:12px;
		font-family:"Times New Roman", Times, serif;
		text-align:center;
		}
			#subtitle h2 span {
			font-weight:bold;
			}
			
			#subtitle a {
			display:block;
			background:url(../images/features.png) no-repeat 0 0;
			width:125px;
			height:45px;
			position:absolute;
			left:450px;
			top:14px;
			}
			#subtitle a:hover {
			background:url(../images/features.png) no-repeat 0 -45px;
			}
		
#content {
width:970px;
}
	#main {
	width:650px;
	float:left;
	padding:15px 0 15px 30px;
	}
		#main h1#based-in {
		display:block;
		background:url(../images/main-header2.gif) no-repeat 0 0;
		width:650px;
		height:73px;
		margin-top:5px;
		border:none;
		}
			#main h1#based-in span {
			display:none;
			}	
		
		#main div.col-box {
		width:750px;
		overflow:hidden;
		}
			#main div.col {
			width:310px;
			float:left;
			font-family:"Times New Roman", Times, serif;
			}
				#main h1 {	
				color:#75683C;
				font-weight:bold;
				font-size:1.6em;
				letter-spacing:1px;
				border-bottom:1px solid #484024;
				clear:left;
				}
					#main h1.standard-features span {
					display:none;
					}
					#main h1.standard-features {
					background:url(../images/standard-features-text.gif) no-repeat 0 0;
					height:31px;					
					}
					#main h1.building-process strong {
					display:none;
					}
					#main h1.building-process span {
					background:url(../images/building-process-text.png) no-repeat 0 0;
					height:45px;
					display:block;
					width:300px;
					position:relative;
					top:15px;
					}
					#main h1.fishers {
					background:url(../images/h1-fishers.png) no-repeat 0 0;
					height:32px;
					}
					#main h1.noblesville {
					background:url(../images/h1-noblesville.png) no-repeat 0 0;
					height:32px;
					}
					#main h1.westfield {
					background:url(../images/h1-westfield.png) no-repeat 0 0;
					height:32px;
					}
					#main h1.on-your-lot {
					background:url(../images/h1-on-your-lot.png) no-repeat 0 0;
					height:31px;
					}		
					#main h1.new-p {
					background:url(../images/h1-new-p.png) no-repeat 0 0;
					height:33px;
					}			
					
				#main h2 {	
				color:#75683C;
				text-transform:uppercase;
				font-weight:bold;
				font-size:1.2em;
				letter-spacing:1px;
				clear:left;
				}
				#main h3 {
				text-transform:uppercase;
				color:#75683C;
				font-weight:bold;
				font-size:1.2em;
				letter-spacing:1px;
				}
				#main h4 {
				color:#b2b2b2;
				font-weight:bold;
				font-size:1.2em;
				margin:0 0 4px 0;
				padding:0;
				border-bottom:1px solid #484024;
				}					
				#main p, #main ul, #main ol {
				color:#b2b2b2;
				font-size:14px;
				line-height:22px;
				}	
				#main a {
				color:#75683C;
				} 
			#main div.col-left {
			}
			#main div.col-right {
			margin-left:30px;
			}
		#main div.divider {
		width:650px;
		clear:both;
		background:url(../images/650-divider.gif) no-repeat 0 0;
		height:10px;
		margin:18px 0;
		}
			#main #learn-more {
			width:650px;
			}
			#main #learn-more p {
			color:#d2d2d2;
			text-align:center;
			font-family:Arial, Helvetica, sans-serif;
			font-style:italic;
			font-size:13px;
			padding:12px 0 0 0;
			}
			#main #learn-more a {
			background:url(../images/learn-more-button.gif) no-repeat 0 0;
			width:268px;
			height:70px;
			display:block;
			margin:0 auto;
			}
			#main #learn-more a:hover {
			background:url(../images/learn-more-button.gif) no-repeat 0 -70px;
			}
	#sidebar {
	width:290px;
	float:right;
	}
		#sidebar div.callout {
	background:#AE9B5F;
	width:214px;
	border:1px solid #423B25;
	position:relative;
	margin:20px 0 0 26px;
	padding:0 12px;
		}
		#sidebar div.callout div.bottom {
		background:url(../images/callout-footer.png) no-repeat 0 0;
		width:240px;
		height:10px;
		position:relative;
		top:1px;
		left:-13px;
		}
		#sidebar div.callout h3 span {
		display:none;
		}
		#sidebar div.callout p {
		color:#000000;
		font-family:"Times New Roman", Times, serif;
		font-size:14px;
		line-height:18px;
		margin:0 0 12px 0;
		padding:0;
		z-index:5000;
		position:relative;
		}
			#sidebar div.callout p span {
			text-transform:uppercase;
			color:#544A2C;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			font-weight:bold;;
			line-height:18px;
			}			
		#sidebar div.callout h3 {
		width:249px;
		height:47px;
		position:relative;
		left:-15px;
		top:-1px;
		padding:0;
		margin:0;
		}
		#sidebar div.callout a {
		color:#0000CC;
		text-decoration:underline;
		}
		#sidebar div.callout a:hover {

		}
		
			#sidebar div.callout h3.contact {
			background:url(../images/callout-h3-contact.png) no-repeat 0 0;
			}
			#sidebar div.callout h3.paul-mitford {
			background:url(../images/callout-h3-paul-mitford.png) no-repeat 0 0;
			}
			#sidebar div.callout #hummer {
			background:url(../images/callout-paul-with-hummer.jpg) no-repeat 0 0;
			width:188px;
			height:100px;
			position:absolute;
			bottom:-7px;
			right:-11px;
			z-index:1000;
			}
			#sidebar div.callout h3.mitford-realty {
			background:url(../images/callout-h3-mitford-realty.png) no-repeat 0 0;
			}
			#sidebar div.callout #mitford-realty {
			background:url(../images/callout-mitford-realty.jpg) no-repeat 0 0;
			width:94px;
			height:121px;
			position:absolute;
			bottom:-6px;
			right:-5px;
			z-index:1000;
			}
			#sidebar div.callout h3.cred {
			background:url(../images/callout-h3-accreditations.png) no-repeat 0 0;
			}
			#sidebar div.callout a.cred {
			background:url(../images/callout-cred.gif) no-repeat 0 0;
			width:223px;
			height:185px;
			display:block;
			position:relative;
			left:-5px;
			}
body #wrap #footer {
text-align:center;
padding:8px;
color:#443E2A;
background:url(../images/wrap-footer.png) no-repeat center 0;
padding:24px 0 48px 0;
font-size:11px;
letter-spacing:1px;
}
#footer p {
margin:0 0 8px 0;
padding:0;
}
#footer p.nav span {
padding-bottom:4px;
letter-spacing:1px;
}
#footer a {
color:#443E2A;
text-decoration:none;
border-bottom:1px dashed #544A2C;
}
#footer a:hover {
color:#443E2A;
text-decoration:none;
border-bottom:1px solid #544A2C;
}
		
/* SUB PAGE */
body.sub #big-fader-box {
display:none;
}
		
#main p.bread {
color:#999999;
font-size:11px;
font-style:italic;
}		
		
#main blockquote {
background:url(../images/blockquote.gif) no-repeat 0 0;
padding:0 0 0 40px;
margin:14px 0 0 0;
clear:both;
font-size:14px;
line-height:22px;
color:#999999;
}
#main cite {
float:right;
margin-bottom:18px;
font-size:15px;
color:#333333;
}
#main img.header {
margin:6px 0 18px 0;
}
#main p.mibor {
background:url(../images/MIBOR.gif) no-repeat 0 center;
padding:18px 0 18px 80px;
}
#main ul.communities {
list-style:none;
margin:0;
padding:0;
}
#main ul.communities li {
padding:0;
margin:0 0 18px 0;
color:#b2b2b2;
text-decoration:none;
clear:left;
}
body #main ul.communities li h5 {
color:#75683C;
font-weight:bold;
font-size:1.2em;
margin:0;
padding:0;
}
body #main ul.communities li a {
color:#333333;
}
body #main ul.communities li span {
color:#666666;
font-style:italic;
}
#main ul.communities li div {
width:220px;
height:160px;
float:left;
background:#CCCCCC;
margin:0 18px 18px 0;
background:url(../images/communities.jpg) no-repeat 0 0;
}
#main ul.communities li div.one {
background-position:0 0;

}
#main ul.communities li div.two {
background-position:0 -160px;
}
#main ul.communities li div.three {
background-position:0 -320px;
}
#main ul.communities li div.four {
background-position:0 -480px;
}
#main ul.communities li div.five {
background-position:0 -640px;
}
#main ul.communities li div.six {
background-position:0 -800px;
}
#main ul.communities li div.seven {
background-position:0 -960px;
}
#main ul.communities li div.eight {
background-position:0 -1120px;
}
.hide {
display:none;
}
#main table {
margin-left:50px;
width:600px;
color:#b2b2b2;
font-size:13px;
line-height:20px;
}
#main ul.photogallery {
list-style:none;
padding:0;
margin:0;
clear:both;
}
#main ul.photogallery li {
float:left;
margin:0 0 25px 0;
padding:0;
}
#main ul.photogallery li.middle {
border-left:25px solid #000000;
border-right:25px solid #000000;
}
#main ul.photogallery li a {
width:192px;
height:136px;
background:#000000;
display:block;
border:2px solid #484024;
padding:2px;
}
#main ul.photogallery li a:hover {
border:2px solid #847542;
}
#mibor {
background:url(../images/MIBOR-med.gif) no-repeat 0 0;
width:93px;
padding-top:120px;
float:left;
margin:6px 16px 0 0;
}
#mibor p {
font-size:11px;
line-height:13px;
margin:0;
padding:0;
color:#666666;
font-style:italic;
}