/*-------BASIC STRUCTURE----------*/

p, a:link, a:visited, a:hover, a:active, a:focus, a, fieldset, form, div, label, ol, ul, li, img, h1, h2, h3, h4, h5 {
	margin: 0px;
	padding: 0px;
	outline:none;
	border: 0px;
}


body {
	font-size: 62.5%; /* This is to make 1em equal 10 pixels */
	font-family:"Myriad Pro", "Arial Narrow", "Helvetica Condensed", Impact, Myriad, Verdana, Geneva, Helvetica, sans-serif;
	background:none;
}

div#wrapper {
	width: 922px;
	margin: 0 auto;  /*centering the wrapper in modern browsers*/
	text-align: left; /*fixing text alignment that was altered in body for the IE6 hack*/
	position: relative; /*needs to be relative so that violator can be positioned absolutely*/
}

div#header {
	height:135px;
	margin-top:0px;
	margin-bottom:25px;
	background:url(../images/logo-bwprint.jpg) no-repeat;
}
div#header img {
	display:none;
}
div#secondarycolumn ul#mainnav,
div#secondarycolumn ul#mainnav ul.subnav,
div#secondarycolumn ul#guarantees {
	display:none;
}
div#secondarycolumn {
	float:right;
	width: 20%;
	background-color:#FFF;
}
div#maincolumn {
	width: 80%; 
}
div#maincolumn div.textblock,
div#maincolumn div.textblock1 {
	width:auto; 
	height:auto;
	background:none;
	font-size: 1.5em;
	line-height: 1.5em;
	background-color:#FFF;
	background-image:none;
}

div#maincolumn div.textblock h1.none,
div#maincolumn div.textblock1 h1.none,
div#maincolumn div.textblock3 h1.none,
div#maincolumn div#semicustom-header h1.none { /*h1 was added to HTML for SEO purposes. However, there isn't always actually a headline on every page. */
	display:none;
}

div#maincolumn div.textblock p,
div#maincolumn div.textblock1 p,
div#maincolumn div.textblock3 p {
	padding-bottom: 15px;
}
body#home div#maincolumn div.textblock span,
body#page-designcenter div#maincolumn div.textblock span,
body#page-semicustom div#maincolumn div.textblock span,
body#home div#maincolumn div.textblock1 span,
body#page-designcenter div#maincolumn div.textblock1 span,
body#page-semicustom div#maincolumn div.textblock1 span {
	color:#000;
	font-size: 1.3em;
	font-weight:normal;
}

div#maincolumn div.textblock h2,
div#maincolumn div.textblock1 h2,
div#maincolumn div.textblock3 h2,
div#maincolumn div#semicustom-header h2,
div#maincolumn table caption {
	color:#000;
	font-size: 1.3em;
	font-weight:normal;
	margin-bottom:10px;
}

div#wrapperinside {
	background-image:none; /*This adds the red bar along the side of the layout. Also adds blue background behind content.*/
	margin-top:5px;
}

div#footer {
	display:none;
}

div.imageblock img {
	float:left;
}

/*---------------SET UP SECONDARY COLUMN------------------*/


/*---------------SET UP MAIN NAVIGATION-------------------*/


/*------------SET UP GUARANTEES BLOCK---------------*/



/*------------SET UP CONTENT FOR SIDEBAR-----------------*/
div#wrapperinside div#secondarycolumn div#sidebarcontent h2 { /*Midwest Design Center and Mortgage Calc*/
	color:#000;
	font-size: 1.9em;
	font-weight:normal;
	padding: 15px 0px 0px 0px;
}

div#wrapperinside div#secondarycolumn div#sidebarcontent h3 { /*Hours and Location*/
	color:#000;
	font-size: 1.7em;
	font-weight:normal;
	padding: 0px 0px 5px 0px;
}

div#wrapperinside div#secondarycolumn div#sidebarcontent ul {
	margin: 0px 8px 10px 0px;
	list-style-type:none;
	font-size: 1.5em;
}

div#secondarycolumn div#sidebarcontent {
		display:none;
}

div#secondarycolumn div#sidebarcontent div#map {
	margin-left: 15px;
	padding-bottom: 20px;
	width: 230px;
	height: 140px;
}

div#secondarycolumn div#sidebarcontent div#map img {
	border: solid 2px #2e4a12;
}
body#page-currentlistings div#rightcolumn {
	display:none;
}
/*-----------------SET UP MAIN COLUMN--COMMON RULES----------------------*/
div#maincolumn div.textblock img {
	float: left;
	margin-right: 15px;
}
div#maincolumn div.imageblock a#img1 {
	float: left;
	margin-right: 3px;
}
div#maincolumn div.imageblock a#img2,
div#maincolumn div.imageblock a#img4 {
	float: right;
}
/*-----------------SET UP MAIN COLUMN--HOME PAGE---------------------*/
body#home div#wrapper div#maincolumn div#flash {
    width: 627px;  
    height: 413px;
	margin-bottom:3px;
}

/*-----------------SET UP MAIN COLUMN--DESIGN CENTER---------------------*/

body#page-designcenter div#maincolumn div.textblock {
	min-height: 584px;
}
body#page-designcenter div#maincolumn div#testimonials p {
	background-color:#fae7bb;
	border:3px solid #2e4a12;
	width:322px;
	min-height:138px;
	float:left;
	color:#222439;
	font-style:italic;
	font-size:1.4em;
	padding:15px;
	margin-top:3px;
}
body#page-designcenter div#maincolumn div#testimonials > p:first-child {
	width:235px;
	border-right:none;
}
body#page-designcenter div#maincolumn div#testimonials p span {
	float:right;
	color:#2e4a12;
	font-style:italic;
	display:block;
}
div#maincolumn div.imageblock a#img4 {
	display:inline;
}
/*-----------------SET UP MAIN COLUMN--SEMI CUSTOM LANDING PAGE---------------------*/
body#page-semicustom div#maincolumn div.textblock img#img4 {
	float: right;
	margin-left: 15px;
}

body#page-semicustom table {
	border-collapse: collapse;
	width: 623px;
	border-left: 3px solid #2E4A12;
	border-top: 3px solid #2E4A12;
	margin-left:3px;
	margin-top:6px;
}

body#page-semicustom caption {
	display: none;
}

tr a:hover {
	background-color:#3d80df;
	color: #fff;
}
body#page-semicustom div#maincolumn table tr td {
	border-right: 3px solid #2E4A12;
	border-bottom: 3px solid #2E4A12;
	position:relative;
	width:207px;
	height:131px;
	vertical-align:top;
}
body#page-semicustom div#maincolumn table tr td a:link,
body#page-semicustom div#maincolumn table tr td a:visited {
	display:block;
	position:absolute;
	width:194px; /*Plus 10px left padding equals width of the td...minus 3px for right border*/
	height:23px; /*Plus 100px top padding equals height of the td...minus 3px for bottom border*/
	padding-left:10px;
	padding-top: 105px;
	color:#80141b;
	font-size:1.5em;
	text-decoration:none;
}
body#page-semicustom div#maincolumn table tr td a:hover,
body#page-semicustom div#maincolumn table tr td a:active {
	display:block;
	position:absolute;
	width:194px; /*Plus 10px left padding equals width of the td...minus 3px for right border*/
	height:23px; /*Plus 100px top padding equals height of the td...minus 3px for bottom border*/
	padding-left:10px;
	padding-top: 105px;
	color:#80141b;
	font-size:1.5em;
	text-decoration:underline;
}
body#page-semicustom div#maincolumn table tr td a span {
	color:#222439;
	font-size:.9em;
	padding-left:4px;
}

/*------------ SEMI CUSTOM HOME SUB-PAGE ------------------*/
body#page-semicustom div#maincolumn div#previoushome {
	float:left;
	width:95px;
	font-size:0.8em;
	line-height:1.3em;
	color:#2e4a12;
}
body#page-semicustom div#maincolumn div#nexthome {
	float:right;
	width:95px;
	font-size:0.8em;
	line-height:1.3em;
	text-align:right;
	color:#2e4a12;
}
body#page-semicustom div#maincolumn div#currenthome {
	float:left;
	width:390px; /*195 width plus 195 right padding = 390 total width.*/
}
body#page-semicustom div#maincolumn div#currenthome img {
	float:right;
	border: 3px solid #2e4a12;
}
body#page-semicustom div#maincolumn div#currenthome p {
	margin-top: 10px;
}
body#page-semicustom div#maincolumn div#currenthome a:link,
body#page-semicustom div#maincolumn div#currenthome a:visited,
body#page-whymdh div#maincolumn div.textblock3 a:link,
body#page-whymdh div#maincolumn div.textblock3 a:visited,
body#page-news div#maincolumn ul a:link,
body#page-news div#maincolumn ul a:visited {
	text-decoration:none;
	color: #222439;
}
body#page-semicustom div#maincolumn div#currenthome a:hover,
body#page-semicustom div#maincolumn div#currenthome a:active,
body#page-whymdh div#maincolumn div.textblock3 a:hover,
body#page-whymdh div#maincolumn div.textblock3 a:active,
body#page-news div#maincolumn ul a:hover,
body#page-news div#maincolumn ul a:active,
body#page-currentlistings div#maincolumn a:link,
body#page-currentlistings div#maincolumn a:visited,
body#page-currentlistings div#maincolumn a:hover,
body#page-currentlistings div#maincolumn a:active {
	text-decoration:underline;
	color: #2e4a12;
}
body#page-semicustom div#maincolumn div#previoushome a {
	color:#2e4a12;
	padding-left: 15px;
	font-size: 1.2em;
	background:url(../images/arrow-prev.gif) no-repeat;
}
body#page-semicustom div#maincolumn div#plans a {
	color:#2e4a12;
	padding-left: 15px;
	background:url(../images/arrow-prev.gif) no-repeat;
}
body#page-semicustom div#maincolumn div#nexthome a {
	color:#2e4a12;
	padding-right: 15px;
	font-size: 1.2em;
	background:url(../images/arrow-next.gif) no-repeat right;
}
body#page-semicustom div#maincolumn div#currenthome h2 {
	margin-bottom: 0px;
	padding-bottom:0px;
}
body#page-semicustom div#maincolumn ul {
	list-style-type:none;
}
div#maincolumn div#semicustom-header {
	width:592px; /* Plus 20px padding on each side... all together it equals width of the maincolumn.*/
	padding: 15px 20px 0px 15px;
	background-color:#FFF;
	background:url(../images/gradient-greenwhite.jpg) repeat-x #FFF;
	border-top:3px solid #2e4a12;
	font-size: 1.5em;
	line-height: 1.4em;
	min-height: 1200px;
}
body#page-semicustom div#maincolumn div#plans img {
	margin: 10px 0px;
}
/*----------WHY MDH?-----------*/
body#page-whymdh div#maincolumn div#footer br {
	clear:both;
}
body#page-whymdh div#maincolumn div.textblock {
	min-height: 1280px;
}
body#page-whymdh div#maincolumn table {
	clear:right;
	border-collapse: collapse;
	width: 590px;
	border: 1px solid #222439;
	margin-bottom: 20px;
}
body#page-whymdh div#maincolumn table caption {
	text-align:left;
}
body#page-whymdh div#maincolumn table col {
	border-right: 1px solid #222439;
}

body#page-whymdh div#maincolumn table col#typicalCol {
	border: none;
}

body#page-whymdh div#maincolumn table thead {
	color:#fff;
	font-size: 1.1em;
}

body#page-whymdh div#maincolumn table th {
	font-weight: normal;
	text-align: left;
	line-height: 1.2em;
	background-color: #222439;
}

body#page-whymdh div#maincolumn table #categoryCol {
	text-indent: -5000em;
}

body#page-whymdh div#maincolumn table th, 
body#page-whymdh div#maincolumn table td {
	padding: 0.5em 1em;
}

body#page-whymdh div#maincolumn table .odd {
	background-color:#f7f9d3;
}
body#page-whymdh div#maincolumn table tr {
	background-color:#f1f3c3;
	border-top: 1px solid #dee0aa;
	border-bottom: 1px solid #2e4a12;
}
body#page-whymdh div#maincolumn table tr:hover {
	background-color:#feffc3;
	border-top: 1px solid #2e4a12;
	border-bottom: 1px solid #2e4a12;
}

body#page-whymdh div#maincolumn table thead tr:hover {
	background-color: transparent;
	color: inherit;
	border-top: none;
}
body#page-whymdh div#maincolumn div.textblock1 img {
	float:right;
}
body#page-whymdh div#maincolumn div.textblock1 p {
	width:350px;
}
body#page-whymdh div#maincolumn div.textblock1 {
	border-bottom:3px solid #222439;
}
body#page-whymdh div#maincolumn p a:link, 
body#page-whymdh div#maincolumn p a:visited {
	color: #2e4a12;
}
/*---------------Why MDH?---Guarantees page-------------------*/
body#page-whymdh div#maincolumn ul {
	margin-bottom:20px;
}
body#page-whymdh div#maincolumn ul li {
	list-style-type:none;
	padding-left:18px;
	padding-right:15px;
	background:url(../images/checkbox.gif) no-repeat;
}
body#page-whymdh div#maincolumn img {
	float:right;
	margin-bottom:10px;
	margin-left:10px;
}
body#page-whymdh div#maincolumn div.column,
body#page-contact div#maincolumn div.column {
	float:right;
	width:255px;
	border-left: 3px solid #fff;
	padding:10px;
	margin: 0px 0px 0px 10px;
	clear:right;
}
body#page-currentlistings div#maincolumn div.column {
	float:right;
	width:200px;
	border-left: 3px solid #fff;
	padding-left:25px;
	margin: 0px 0px 0px 20px;
}
body#page-currentlistings div#maincolumn div.column img {
	margin-bottom:20px;
}
div#wrapperinside div#maincolumn h3 {
	color:#80141b;
	font-weight:normal;
	font-size:1.25em;
	border-bottom: 1px solid #80141b;
	margin-bottom: 10px;
	margin-top: 10px;
	clear:both;
	text-decoration:none;
	padding-right: 5px;
}
body#page-news div#maincolumn ul a:link span,
body#page-news div#maincolumn ul a:visited span {
	color:#80141b;
	font-weight:normal;
	font-style:normal;
	font-size:1.1em;
	margin-bottom: 10px;
	margin-top: 10px;
	text-decoration:none;
	padding-right: 5px;
}
body#page-news div#maincolumn ul a:hover span,
body#page-news div#maincolumn ul a:active span {
	color:#80141b;
	font-style:normal;
	font-weight:normal;
	font-size:1.1em;
	margin-bottom: 10px;
	margin-top: 10px;
	text-decoration:underline;
}
div#wrapperinside div#maincolumn div.column h4 {
	color:#80141b;
	font-weight:normal;
	font-size:1.15em;
	padding-left: 15px;
	background:url(../images/arrow-next.gif) center left no-repeat;
}
div#wrapperinside div#maincolumn div.textblock3 { /*this is the header on the guarantees page*/
	background-color:#fae7bb;
	border-bottom:3px solid #2e4a12;
	border-top:3px solid #2e4a12;
	width:587px; /* Plus 20px padding on each side... all together it equals width of the maincolumn.*/
	padding: 15px 20px 0px 20px;
	background-image:none;
	font-size: 1.5em;
	line-height: 1.5em;
}
body#page-whymdh div#maincolumn ol {
	margin-left:20px;
}
body#page-whymdh div#maincolumn ol li {
	list-style-image:url(../images/arrow-next.gif);
	padding-bottom:5px;
}
body#page-whymdh div#maincolumn li ol li {
	list-style-type:disc;
	list-style-image:none;
	line-height:1.2em;
}
body#page-whymdh div#maincolumn div.textblock br {
	clear:both;
}
body#page-whymdh div#maincolumn div.textblock img#img1 {
	float: left;
	margin-left: 0px;
}
/*---------FORM STYLING-----------*/
form {
	width:587px;
}
form p {
	font-size:1.1em;
	clear:both;
}
form fieldset#bottom p {
	clear:none
}
fieldset.left {
	float:left;
	width:46%;
}
fieldset.right {
	float:right;
	width:46%;
	border-left: 3px solid #fff;
	padding-left: 20px;
}	
fieldset#bottom {
	clear:both;
	border-top: 3px solid #fff;
	padding-top: 20px;
}
fieldset#bottom p {
	width:46%;
}
div#maincolumn form p span.footnote,
body#page-news div#maincolumn p.footnote {
	font-size:.9em;
	line-height:1.2em;
	font-style:italic;
	margin-top:5px;
	margin-bottom: 5px;
	color:#222439;
	display: block;
	width:230px;
}
div#maincolumn form p span.footnote a:link,
div#maincolumn form p span.footnote a:visited,
body#page-news div#maincolumn p a.footnote {
	color:#2e4a12;
}

div#maincolumn form p.error {
    background: #dee0aa url(../images/form-error.gif) no-repeat 240px center;
}

div#maincolumn form legend { /*internet explorer won't let you style legend very well*/
display:none;
}

div#maincolumn form .block { /*label is usually an inline element. this will give it its own line.*/
    display: block;
}

div#maincolumn form input#submit {
    width: auto;}  /*The width will be determined by the width of the text shown on the button*/

div#maincolumn form textarea {
    font-size: 1.2em;
    padding: 2px;
    width: 300px; /*Rows specified in the HTML will still be honored but width will be 300px*/
}
div#maincolumn form p.column {
	float:right;
	width:300px;
}
div#maincolumn form input#full-name,
div#maincolumn form input#email,
div#maincolumn form input#phone {
	width:210px;
	float:right;
}
body#page-lots div#maincolumn div.textblock form span.right {
	float:right;
	width:125px;
	font-size:.9em;
	margin-bottom:10px;
}
body#page-lots div#maincolumn div.textblock form span.column {
	float:left;
	width:135px;
	font-size:.9em;
	margin-bottom:.9em;
}

body#page-lots div#maincolumn div.textblock form p.right {
	float:right;
	width:250px;
	margin-bottom:10px;
}
/*--------THANK YOU PAGE--------*/
body#page-thanks div#maincolumn div.textblock {
	height: 615px;
}
/*----------NEW and Photos page--------*/
body#page-news div#maincolumn ul {
	list-style-type:none;
}
body#page-news div#maincolumn ul li,
body#page-contact div#maincolumn div.column ul li {
	list-style-image:url(../images/arrow-next.gif);
	margin-left: 18px;
}
body#page-news div#maincolumn div.textblock {
	min-height: 380px;
}
body#page-news div#maincolumn ul a {
	font-style:italic;
}
body#page-news div#maincolumn p.right {
	float:right;
}
body#page-news div#wrapper div#wrapperinside div#maincolumn div.textblock div#height {
	min-height:784px;
}
/*-------------CONTACT PAGE------------*/
body#page-contact div#wrapperinside {
	background:url(../images/sidebar2-foot.gif) repeat-y; /*This adds the red bar along the side of the layout. Also adds blue background behind content.*/
	margin-top:5px;
}
body#page-contact div#wrapperinside div#maincolumn h3 {
	border-bottom:none;
	clear:none;
	margin-top:0px;
}
body#page-contact div#wrapperinside div#maincolumn h2 {
	margin-bottom:0px;
}
body#page-contact div#wrapperinside div#maincolumn ul {
	list-style-type:none;
	margin-bottom:15px;
}
body#page-contact div#maincolumn ul li span {
	display:block;
	font-style:italic;
	font-size:.9em;
	margin-top:-5px;
}
body#page-contact div#maincolumn div#map {
	width: 278px;
	height: 459px;
	margin: 20px 0px;
}
body#page-contact div#maincolumn div.textblock br {
	clear:right;
}

/*------------------CURRENT LISTINGS PAGE----------------*/
body#page-currentlistings ul.arrows {
	padding-left: 12px;
	list-style-image:url(../images/arrow-next.gif);
	margin-left:5px;
}
body#page-currentlistings div.house a ul li {
	color:#000;
}
body#page-currentlistings div.house {
	width:185px;
	height:390px;
	float:left;
	position:relative;
	border:1px solid #2e4a12;
	margin: 0px 8px 15px 0px;
	background-color:#fff;
}
body#page-currentlistings div.house img {
	border-bottom:1px solid #2e4a12;
	float:none;
}
body#page-currentlistings div.house img.sold {
	position:absolute;
	top:0px;
	left:0px;
	border-bottom:none;
}
	
body#page-currentlistings div.house ul {
	list-style-type:none;
	margin: 5px 8px 0px 5px;
}
body#page-currentlistings div.house ul li span {
	font-size:1.1em;
	color:#80141b;
}
body#page-currentlistings h4 {
	color:#80141b;
	font-weight: normal;
	margin-top:15px;
}
body#page-currentlistings p.footnote {
	font-size: 0.9em;
	font-style:italic;
}
body#page-currentlistings div#maincolumn div.textblock,
body#page-partners div#maincolumn div.textblock {
	min-height:795px;
}

body#page-currentlistings div.house h4 {
	padding: 0px 8px;
	color:#fff;
	background-color:#80141b;
	border-top:1px solid #2e4a12;
	border-bottom:1px solid #2e4a12;
	margin-top:5px;
	margin-bottom:5px;
}
body#page-currentlistings div.house p {
	margin: 5px 8px;
}
body#page-currentlistings div.house p span {
	display:block;
}
body#page-currentlistings div.house p a {
	color:#2e4a12;
}
body#page-currentlistings br,
body#page-partners br {
	clear:both;
}
body#page-currentlistings p a.footnote {
	display:block;
	clear:both;
}

/*-----------PARTNERS PAGE----------*/
body#page-partners div#maincolumn div.textblock h3,
body#page-partners div#maincolumn div.textblock img {
	margin-top:20px;
}

body#page-partners div.textblock div.right {
	float:right;
}
body#page-partners div.textblock p {
	padding-bottom: 5px;
}
body#page-partners div.textblock h3 span {
	font-style:italic;
	color:#222439;
	font-size:.8em;
	display:block;
}
body#page-partners div.textblock div.left {
	float:left;
	width:46%;
}