/* TAGS TTTTTTTTTTTTTTTTTTTTTTTTTTT */
body {
    background: url("images/pagetop_bg.png") repeat-x scroll 0 152px #EFEFDD;
    color: #242020;
    font-size: 100%;
    line-height: 1.25em;
    margin: 0;
    padding: 0;
	font-family:Tahoma,Lucida,Verdana,sans-serif;
}
body, html {
	height:101%;
	margin-bottom:1%;
}
hr {
	color:#600;
}
button {
	border-radius:0.5ex;
	border:solid 1px #888;
	box-shadow:#555 3px 3px 4px;
	margin:0.5ex;
}
a {
    color: #990000;
    text-decoration: underline;
}
a:hover {
    color: #4A0000;
    text-decoration: underline;
}
iframe {
	width:99%;
	height:600px;
	overflow:auto;
	position:absolute;
	z-index:2;
	top:2em;
	left:0;
}
embed, object {
	overflow:auto;
	position:absolute;
	z-index:2;
	top:4em;
	left:0;
}
h1 {
    color: #990000;
}
h2 {
    color: #333333;
}
h3 {
    color: #666666;
}
h4 {
    color: #727272;
}
blockquote {
    background-color: #E9F7FE;
    border: 1px solid #CFDBE2;
}
footer {
    color: #6F6F6F;
	border-top:3px solid #600;
	clear:both;
	padding-left:2em;
	/*width:100%;*/
}
/* TAGS TTTTTTTTTTTTTTTTTTTTTTTTTTT */

/* Header HHHHHHHHHHHHHHHHHHHHHHHHH */
#header_graphic a img {
    padding-top: 15px;
}
#header-wrap, #header_text, #header_graphic {
   /* height: 110px;*/
}
#header-wrap {
    background: url("images/header_bg.png") repeat-x scroll 0 0 #660000;
	margin-bottom:2em!important;"
}
#header_graphic h2 {
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
    text-indent: -6000em;
}
/* Header HHHHHHHHHHHHHHHHHHHHHHHHH */

/* NAVIGATION NNNNNNNNNNNNNNNNNNNNNNNNNNNN */
#mainNav {
	float:left;
	font-size:0.8125em;
	margin:0 1em 0 0;
}
	
#mainNav ul {
	list-style:none;
	padding:0;
	width:9.75em;
}
#mainNav ul li {
	list-style-type:none;
	margin: 1ex 0;
	padding:0;
	position:relative;
	width:100%;
	cursor:pointer;
}
#mainNav ul li a {
	cursor:default;
	text-decoration:none;
	color:#600;
	padding:0.25em 0.25em;
	border:solid 1px #aaa;
	border-radius:1ex;
	display:block;
}
#mainNav ul li a:hover {
	color:#fff;
	background-color:#4a0000;
}
#mainNav ul li.active a, 
#mainNav ul li.active a:hover {
	color:#600;
	border:solid 1px #888;
	cursor:auto;
	background-color: #CEAA4A;
}
#miniNav {
	font-size:0.8125em;
}
#miniNav ul {
	list-style:none;
	padding:0;
	margin:0;
	line-height:1.75em;
	/*width:9.75em;*/
}
#miniNav ul li {
	list-style-type:none;
	margin: 1ex 0!important;
	padding:3px;
	position:relative;
	/*width:100%;*/
	cursor:pointer;
	display:inline;
	white-space:nowrap;
	
}

#miniNav ul li a {
	cursor:default;
	text-decoration:none;
	color:#600;
	padding: 0 2px;
	border:solid 1px #aaa;
	border-radius:0.75ex;
}
#miniNav ul li a:hover {
	color:#fff;
	background-color:#4a0000;
}
#miniNav ul li.active a, 
#miniNav ul li.active a:hover {
	/*color:#600;
	border:solid 1px #888;*/
	cursor:auto;
	text-decoration:underline;
	/*background-color: #CEAA4A;*/
}
/* NAVIGATION NNNNNNNNNNNNNNNNNNNNNNNNNNNN */

/* HOUSES hhhhhhhhhhhhhhhhhhhhhhhhhhh */
.houses {
	width:12em;
	display:inline-block;
	background-color: #EFEFDD;
	margin:5px;
	padding:3px;
	border: solid 2px #600;
	border-radius:1ex;
	box-shadow:#555 3px 3px 4px;
	font-size:0.875em;
}
.houses span {
	font-size: 0.875em;
}
h3 span {
	font-size:0.875em;
	font-style:italic;
}
h3 span a {
	font-weight:normal;
}
form h3, form h4, form p { 
	margin:0;
	padding:0;
}
.houses_container {
	margin-left:1ex;
}
.houses_container img {
	max-width:33%;
	width:11em;
	border: solid 2px #600;
	border-radius:1ex;
	box-shadow:#555 3px 3px 4px;
	padding:3px;
}
.filterResults {
	border: solid 2px #600;
	border-radius:1ex;
	box-shadow:#555 3px 3px 4px;
	padding:1ex;
	display:inline-block;
	line-height:1.125em;
	font-size:0.875em;
}
.filterResults > span {
	font-size:0.875em;
}
form#form1 {
	/*width:11em;*/
	float:left;
	margin:1ex 1em 1em 1ex;
	border:solid 1px red;
	padding:1ex;
	border: solid 2px #600;
	border-radius:1ex;
	box-shadow:#555 3px 3px 4px;
}
form#form1 select {
	width:9em;
	margin:0 0 1ex 0;
}
form#form1 table {
	border-collapse:collapse;
	border:solid 1px #aaa;
	width:100%;
	margin-bottom:2px;
}
form#form1 th {
	border:solid 0px #aaa;
	padding:0px 1ex;
	font-size:0.75em;
	font-weight:bold;
	text-align:center;
	width:11ex;
}
form#form1 td {
	text-align:center;
	border:solid 1px #aaa;
	padding:0px 1ex;
	font-size:0.75em;
}
form#form1 td.tdALL {
	width:3ex;
}
/* HOUSES hhhhhhhhhhhhhhhhhhhhhhhhhhh */

.img-right {
	float:right;
	margin:1ex 2ex;
}
.img-right img {
	max-width:99%;
}
.img-left {
	float:left;
	margin:1ex 1ex 1ex 0;
}
p.buttonclose  {
	 border-radius:1ex;
	 background-color:#600;
	 position:absolute;
	 top:0;
	 z-index:10;
	 font-size:1em;
	 width:18ex;
	 padding:0.75ex 1ex;
}
p.buttonclose a {
	 color:#fff;

}
.buttonclose {
	 border-radius:1ex;
	 background-color:#600;
	 color:#fff;
	 position:absolute;
	 font-size:1em;
	 display:relative;
	 top:-1em;
	 left:45%;
	 z-index:9;
}
.buttoncloselg {
	 border-radius:1ex;
	 background-color:#600;
	 color:#fff;
	 position:absolute;
	 top:0;
	 left:45%;
	 z-index:10;
	 font-size:2em;
}
.clear_left { clear:left;}
.clear_right { clear:right;}
.clear_both { clear:both;}
.alignCentre {text-align:center;}
.alignRight {text-align:right;}
.alignLeft {text-align:left;}
.color1 {color:#600;}
#contact p {
	margin-left:2em;
	text-indent:-1em;
}
#sold img {
	margin: 5px 0.5%;
	border: 1px solid #999;
	box-shadow:#666 3px 2px 3px; 
	padding:3px;
	background-color:#fff;
}
#sold > img {
	max-width:31%;
}
#sold .img-right {
	border:solid 1px #aaa;
	border-radius:1ex;
	margin:0 1% 1ex 0.5%;
	width:29%;
	/*padding:5px;*/
	text-align:center;
}
#sold .img-right img {
	max-width:90%;
}
#sold  h3 {
	margin:0;
	padding:3px 1ex;
}
#showhomes {
	display:inline-block;
	right:0;
}

#specs_wrapper {
	right:1%;
}
#Shingles, #Trim, #Siding {
	position:relative;
	top:0;
	z-index:5;
}
#ThisImg img {
	max-height:245px;
}
table.specials  {
	border:1px #888 solid;
	border-collapse:collapse;
	margin-bottom:1ex;
}
table.specials th {
	border:1px #888 solid;
	padding:0.5ex 1ex;
	font-weight:500;
	vertical-align:baseline;
}
table.specials td {
	border:1px #ccc solid;
	padding:0.5ex 1ex;
}
table.specials td.extraborderleft {
	border-left:1px #888 solid;
}
table.specials td.extraborderright {
	border-right:1px #888 solid;
}
table.specials td.description {
	border:none;
	vertical-align:top;
}
.selectedRadio {
	background-color: #9f9;
}
.none {
	background-color: inherit;
}
.submit {
	background-color: #6f6;
}
.redBorder {
	border:solid 3px #600;
	border-radius:1ex;
	padding:1ex;
	margin:1ex 0ex;	
}
#specials p {
	margin:1ex 1ex 0.25ex 1ex;
}
#specials p.p2 {
	margin: 0 1ex 0 1.5ex;
	
}
/* MEDIA Queries */
/* Mobile Layout: 480px and below. */

	#mainNav {
		display:none;
	}
	#miniNav {
		display:block;
	}
	#exteriors, #interiors, #specs_wrapper, #showhomes {
		position:relative;
		left:1%;
		z-index:0;
	}
	#contact, #sold {
		margin-left:0;
	}
	#header-wrap {
		padding-left:5%;
	}
	#main-wrapper {
		position:relative;
		width:99%;
		margin:auto;
	}
	#myMap {
		padding:0;
		position:relative;
		width:50%;
		height:402px;
		background-color:#9a9a9a;
	}
#survey {
	border-radius: 1ex;
	line-height:1.125em;
	border: solid 1px #600;
	padding:0 1em;
	margin-left:11.5em;
	margin-right:40%;
	font-size:0.8125em;
}
#survey p {
	margin:1ex 0 1ex 0;
}
#survey li {
	font-size:0.875em;
}
#survey form fieldset {
	display:inline-block;
	border:solid 1px #aaa;
	border-radius:0.5ex;
	padding:2px 1ex;
	margin:2px 1ex;
	/*font-size:0.875em;*/
	vertical-align:top;
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {
	#mainNav {
		display:none;
	}
	#miniNav {
		display:block;
	}
	#exteriors, #interiors, #specs_wrapper, #showhomes {
		left:2%;
		position:relative;
	}
	#contact, #sold {
		margin-left:0;
	}
	#header-wrap {
		padding-left:5%;
	}
	#main-wrapper {
		width:96%;
	}

}

/* Desktop Layout: 769px to a max width.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {
	#mainNav {
		display:block;
	}
	#miniNav {
		display:none;
	}
	#exteriors, #interiors, #specs_wrapper, #showhomes {
		left:11.5em;
		position:absolute;
	}
	#contact, #sold {
		margin-left:10em;
	}
	#header-wrap {
		padding-left:5%;
	}
	#main-wrapper {
		width:90%;
		max-width:1200px;
		margin:auto;
	}
}

@media only screen and (min-width: 1025px) {

	#myMap {
		width:65%;
	}
}