@charset "iso-8859-1";

img {
    border: none;
}

.clear
{
    clear: both;
}
.hide
{
    display: none;
}
.inside
{
    padding: 0 35px;
}
.inside2 {
    background: #FFF;
}
html[xmlns] .mozclear
{
    border-bottom: 1px solid;
    border-color: transparent;
    margin-bottom: -1px;
}

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
    margin-top: 14px;
    margin-bottom: 14px;
    padding-top: 0;
    padding-bottom: 0;
}

h1 {
    text-align: center;
    font-size: 25px;
    padding: 0 0 14px;
    margin: 0;
    font-family: "Times New Roman", Times, serif;
}

h1.norm {
    border-top: 2px solid #000;
}

h2 {
    font-size: 120%;
}

h3 {
    font-size: 100%;
}

a, a:link, a:visited, a:active
{
    text-decoration: underline;
    color: #993300;
}
a:hover
{
    text-decoration: underline;
    background-color: #FFFFE0;
}
label
{
    cursor: pointer;
}
table
{
    font-size: 100%;
}
td, th
{
    vertical-align: top;
}

body
{
    padding: 0;
    margin: 0;
    font-size: 100.1%;
    background-color: #696969;
    color: #333;
    font-family: arial, helvetica, sans-serif;
}
#pageWrapper
{
    border: solid 1px #fff;
    border-width: 0 1px;
    margin: 0 auto;
    min-width: 770px;
    width: 770px;
    background: #FFFFF8;
}
* html #pageWrapper
{
    /* \*/
        word-wrap: break-word;
}
#outerColumnContainer
{
    border-left: solid 14em #fff;
    /* border-right: solid 14em #fff; right column */
}
#innerColumnContainer
{
    border-width: 0 1px;
    margin: 0 -1px;
    width: 100%;
    z-index: 1;
}
#innerColumnContainer, #outerColumnContainer { border-left-width: 0; }
#leftColumn, #middleColumn, #rightColumn, #SOWrap
{
    overflow: visible;  /* fix for IE italics bug */
    position: relative; /* fix some rendering issues */
}
#SOWrap
{
    float: left;
    margin: 0 -1px 0 0;
    width: 100%;
    z-index: 3;
}
#middleColumn
{
    float: right;
    /* margin: 0 0 0 -1px; */
    width: 100%;
    z-index: 5;
    margin: 0;
}
#leftColumn
{
    float: left;
    margin: 0 1px 0 -14em;
    width: 14em;
    z-index: 4;
    display: none;
}
#rightColumn
{
    float: right;
    width: 14em;
    margin: 0 -14em 0 1px;
    z-index: 2;
    /*display:none;*/
}
#footer
{
    border: solid 1px #fff;
    border-width: 1px 0;
    padding: 0.5em;
}

.hnav
{
    text-align: center;
    background-color: #000;
    border-bottom: solid 1px #FFF;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.hnav ul span.divider
{
    display: none;
}
* html .hnav
{
    height: 0.01%;  /* holly hack to fix a render bug in IE6/Win */
}
* html .HNAV
{
    height: auto;
    padding: 0;
}
.hnav ul
{
    list-style-type: none;
    line-height: normal;
    margin: 0;
    padding: 0;
}
.hnav ul li
{
    display: inline;
    white-space: nowrap;
    margin: 0;
}
.hnav ul li a, 
.hnav ul li a:link, 
.hnav ul li a:visited, 
.hnav ul li a:active
{
    margin: 0 -1px 0 0;
    padding: 15px;
    color: #CCC;
    font: bold 11px Arial, Helvetica, sans-serif;
    text-decoration: none;
    border-left: solid 1px #FFF;
    border-right: solid 1px #FFF;
}

* html .HNAV ul li a
{
    /* \*/
        width: 1%;
    /* holly hack for IE5/Win inline padding. this hack fixes different
     * rendering bugs in 5.0 and 5.5. Width is used instead of height
     * because if the document is too long, these elements become very tall
     * and disrupt the look of the document. too wide an element is better,
     * visually, than too tall. */
}

.hnav ul li a:link, .hnav ul li a:visited
{
    background-color: #000;
}
.hnav ul li a:hover
{
    text-decoration: none;
    background-color: #800000;
    color: #FFF;
}

.hnav #home {
    border: none;
}

html>body
{
    font-size: 110%;
}
body:last-child, * html body
{
    font-size: 100.1%;
}

#pageWrapper, #innerColumnContainer, #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a
{
    border-color: #000;
}
#pageWrapper
{
    font-size: 80%; /* default font size */
}
#outerColumnContainer
{
    border-left-color: #ded;    /* left column background color */
    border-right-color: #cdc;   /* right column background color */
}

#rightColumn .inside
{
    font-size: 90%;
}
#footer
{
    background-color: #333;
    color: #ddd;
    font-size: 110%;
}

#footer p {
    margin: 0;
    margin-left: 30px;
}

#footer a {
    color: #FFD700;
    text-decoration: none;
}

#footer a:hover {
    text-decoration: underline;
}

#disclaimer {
    font: normal 70% Verdana, Geneva, Arial, Helvetica, sans-serif;
    color: #888;
}

/******************************************************************************/

#quickSearch {
    float: right;
}

#quickSearch label {
    font-size: 110%;
}

#quickSearch input,
#quickSearch select {
    margin-bottom: 10px;
    font-size: 100%;
}

#quickSearch dl {
    width: 240px;
    margin: 0 0 0 15px;
    padding: 0;
    background: #c99 url(../images/box_bottom.gif) no-repeat bottom left;
}

#quickSearch dt {
	margin: 0 0 10px 0;
	padding: 10px;
    text-align: center;
	font-size: 130%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #933 url(../images/box_top.gif) no-repeat top left;
}

#quickSearch dd {
    margin: 0 0 0 10px;
    padding: 0 10px 10px 10px;
    color: #800000;
    font-family: Verdana, sans-serif;
    font-size: 90%;
}

#flinders {
    float: right;
}

#flinders dl {
    width: 240px;
    margin: 0 0 0 15px;
    padding: 0;
    background: #c99 url(../images/box_bottom.gif) no-repeat bottom left;
}

#flinders dt {
	margin: 0 0 10px 0;
	padding: 10px;
    text-align: center;
	font-size: 130%;
	color: #fff;
	border-bottom: 1px solid #fff;
	background: #933 url(../images/box_top.gif) no-repeat top left;
}

#flinders dd {
    margin: 0 0 0 10px;
    padding: 0 5px 10px 5px;
    color: #800000;
    font-family: Verdana, sans-serif;
    font-size: 80%;
    background: url(../images/3statesbg.jpg) no-repeat center;
}

#flinders a {
    color: #800000;
}

#flinders hr {
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #800000;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
}


#quickSearch a {
    color: #800000;
}

#quickSearch hr {
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #800000;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	line-height:0px;
	height:1px;
	display:block;
}

	
#flash {
    /*border: 1px solid #000;*/
    width: 700px;
    padding: 0;
    margin: 0 0 10px 0;
}

#masthead {
    margin: 15px 0 20px 0;
    padding: 0;
    white-space: nowrap;
    text-align: center;
}

#phoneNumber {
    margin: 0;
    padding: 0;
    padding-left: 40px;
}

#currentProjects {
    float: right;
    margin: 24px 0 10px 10px;
    background: #FDF5E6;
    border: 1px solid #696969;
    text-align: center;
}

#currentProjects h2 {
    margin: 0 0 10px 0;
    padding: 5px;
    font-size: 130%;
    color: #333;
    background: #FFEBCD;
}

#currentProjects dl {
    width: 220px;
    margin: 0;
    padding: 0;
}

#currentProjects dt {
    text-align: center;
}

#currentProjects dd {
    margin: 0 0 0 10px;
    padding: 0 5px 10px 5px;
    color: #333;
    font-size: 120%;
}

#currentProjects img {
    border: 1px solid #333;
}

dt {
    font: bold 120% Arial, Helvetica, sans-serif;
    margin-bottom: 10px;
}

dd {
    margin: 0 0 10px 0;
    padding-left: 15px;
}

#idahoLocation {
    float: left;
    background: url(../images/idaho_location.gif) no-repeat center left;
    padding: 0 0 0 80px;
    margin: 0;
}

#utahLocation {
    float: left;
    background: url(../images/utah_location.gif) no-repeat center left;
    padding: 0 0 0 90px;
    margin: 0 40px 0 30px;
}

#idahoLocation h2, #utahLocation h2 {
    color: #993300;
}

#agentProfiles {
    margin: 0;
    padding: 0;
}

.headshot {
    padding: 0 10px 20px 0;
    margin: 0;
}

.headshot a img
{
	padding: 3px;
	background: transparent url(../images/hs_bg.gif) no-repeat;
	border: none;
	margin-bottom: 0.3em;
}
	
.headshot a:hover img { background-position: 0 -82px; }


.agentInfo {

}

.agentInfo dt {
    color: #993300;
    margin: 0;
    padding: 0;
}

.agentInfo dd {
    margin: 0;
    padding: 0;
}

#agentProfile {
    margin: 0;
    padding: 0;
}

#agentProfile img {
    border: 1px solid #333;
    padding: 5px;
    margin-right: 25px;
}

#agentProfile h2 {
    font: 30px "Times New Roman", Times, serif;
}

#agentProfile h2, #agentProfile h3 {
    margin: 0;
    padding: 0;
    color: #993300;
}

#contactList {
    margin: 0;
    padding: 0;
    list-style: none;
}

#contactList a {
    color: #993300;
}

#agentProfile p, #contactList {
    font-size: 130%;
}

#propertyList {
    padding-bottom: 20px;
}

#propertyList hr {
    border: none 0;
    border-top: 1px solid #DCDCDC;/*the border*/
    width: 75%;
    height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
    margin-top: 10px;
    margin-bottom: 10px;
}

#propertyList h2 {
    font: bold 125% Arial, Helvetica, sans-serif;
    color: #993300;
    margin: 10px 0 0 0;
    padding: 0;
}

#propertyList h3 {
    margin: 0 0 20px 0;
    padding: 0;
    font: italic normal 95% Arial, Helvetica, sans-serif;
}

#propertyList img {
    border: 1px solid #696969;
    padding: 5px;
    margin-right: 20px;
    width: 300px;
}

#propertyList a {
    color: #993300;
}

#propertyList a:hover {
    text-decoration: underline;
}

.propertyFeatures {
    margin: 0;
    padding: 0 0 10px 0;
}

.propertyFeatures th {
    text-align: right;
    padding-right: 10px;
}

#propertyDetails {
    float: left;
    border: 1px solid #FFA07A;
}

#propertyPics {
    float: right;
}

#propertyPics img {
    display: block;
    margin: 10px auto;
}

p.propertyDisclaimer {
    padding-top: 10px;
    font: italic 80% Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#browse {
    text-align: center;
}

#browse img {
    border: 1px solid #000;
    margin: 10px;
}

#browse h2 {
    margin: 0 0 20px 0;
    padding: 0;
}

hr {
    border: none 0;
    border-top: 1px solid #DCDCDC;/*the border*/
    width: 90%;
    height: 1px;/*whatever the total width of the border-top and border-bottom equal*/
    margin-top: 10px;
    margin-bottom: 10px;
}

.floor_plans td {
    vertical-align: middle;
    text-align: center;
}

.pricing {
    border-left: 1px solid #000;
    border-right: 2px solid #000;
    border-bottom: 1px solid #000;
}
.pricing th {
    background-color: #000;
    color: #FFF;
    font-size: 125%;
    border-left: none;
    border-bottom: 1px solid #FFF;
    padding: 5px 10px 5px 10px;
}

.units th {
    background-color: #344156;
    border-left: 1px solid #000;
    color: #FFF;
    font-size: 90%;
    vertical-align: middle;
    padding-left: 5px;
    padding-right: 5px;
}

.units td {
    background-color: #FFFFF8;
    color: #000;
    font-size: 90%;
    text-align: center;
    white-space: nowrap;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 2px 5px 2px 5px;
}

.units .under_contract {
    background-color: #FF0;
}

.units .reserved {
    background-color: #FF0;
}

.units .available {
    background-color: Green;
    color: #FFF;
}

.units .sold {
    background-color: #8B0000;
    color: #FFF;
}

.units .resale {
    background-color: #5f59a4;
    color: #FFF;
}


#features {
    border-left: 1px solid #000;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    margin-bottom: 10px;
}

#features th {
    background-color: #A45200;
    color: #FFF;
    font-size: 95%;
    vertical-align: middle;
    padding: 10px;
    border-left: 1px solid #FFF;
}

#features th.first {
    border-left: 1px solid #000;
}

#features td {
    background-color: #FFFFF8;
    color: #000;
    font-size: 90%;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 2px 5px 2px 5px;
}

#features td.last {
    border-bottom: none;
}


/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1#home {
	visibility: hidden;
}

.lotListing li {
    list-style-type: none;
}