/* Basic Elements
   ................................................... */
   
* {
	margin: 0;
	padding: 0;
}
body {
	background: #8a8472;
	font: 10px/1.85em Helvetica, Arial, sans-serif;
	color: #fffcdd;
	text-align: center;
}
hr {
	display: none;
}
a {
	color: #fffcdd;
}
a:link,
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #333;
}
img {
	border: 0;
}
fieldset {
	border: 0;
}
legend {
	display: none;
}
label {
	cursor: pointer;
}
input { /* See IE Stylesheet for adjustments */
	border: 1px solid #44433d;
	padding: .25em 0;
	font: 16px/1.85em Helvetica, Arial, sans-serif;
}
button {
	border: 0;
	background: transparent;
	font-size: 16px;
	text-decoration: underline;
	color: #000;
	cursor: pointer;
}
h1 {
	font-weight: normal;
	font-size: 1.6em;
}
h3 {
	font-weight:normal;
	font-size: 1.4em;
}
address {
	font-style: normal;
}
ul {
	list-style: none;
}



/* Main Layout
   ................................................... */
   
#page {
	margin: 0 auto;
	width: 953px;
	background: url(/img/bg.gif) 50% 50% repeat-y;
	text-align: left;
}


/* HEADER */
#header {
	position: relative;
	float: left;
	margin: 0 19px;
	width: 915px;
	border-bottom: 1px solid #fffcdd;
	background: #1c1d0c url(/img/bg-header.gif) 0 100% repeat-x;
}
#header #skip {
	display: none;
}

/* Main Login Form */
#header form.loginform {
	float: left;
	width: 915px;
	border-bottom: 1px solid #fffcdd;
	background: #000;
	font-size: 1.6em;
}
#header form.loginform fieldset { /* See IE Stylesheet for adjustments */
	margin-right: 75px;
	float: right;
}
#header form.loginform p {
	float: left;
	padding: 11px 0;
}
#header form.loginform label {
	margin: 7px 10px 0 25px;
}
#header form.loginform button {
	margin-left: 10px;
	padding: 16px 15px 12px;
	background: #000;
	color: #fffcdd;
}
#header form.loginform button:hover {
	background-color: #111;
}

/* Logo */
#header p#logo {
	position: relative;
	float: left;
	margin: 22px 0 11px 29px;
	width: 339px;
	height: 131px;
	background: url(/img/logo.png);
	text-indent: -9999em;
}
#header p#logo a {
	position: relative;
	display: block;
	height: 100%;
}

/* Menu */
#header ul {
	position: relative;
	margin-right: 111px;
	margin-top: 67px;
	float: right;
	text-align: right;
}
#header li {
	display: inline;
}
#header li a {
	margin-right: .75em;
	padding-right: 1em;
	border-right: 2px solid #fffcdd;
	font-size: 1.6em;
	line-height: 1.5em;
}
#header li#login a {
	margin-right: 0;
	padding-right: 0;
	border: 0;
}

/* MASTHEAD */
#masthead {
	float: left;
	margin: 0 19px;
	width: 915px;
	background: #fffcdd;
}
#masthead .masthead-content {
	position: relative;
	width: 457px;
	height: 149px;
	float: right;
}
#home #masthead p#mainheader img {
	background-color: #364630;
}
#home #masthead p#mainheader img:hover {
	background-color: #66815c;
}
#home #masthead .masthead-content {
	height: 280px;
}
#masthead .masthead-content h1,
#home #masthead .masthead-content h3 {
	margin: 43px 0 10px 50px;
	height: 37px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
}
.renters #masthead #masthead-left h1,
#home #masthead #masthead-left h3 {
	margin-left: 55px;
	width: 133px;
	background-image: url(/img/h1-renters.png);
}
.owners #masthead #masthead-left h1,
#home #masthead #masthead-right h3 {
	width: 166px;
	background-image: url(/img/h1-owners.png);
}
#home #masthead .masthead-content img {
	position: absolute;
	right: 0;
	bottom: 0;
}


/* Masthead Left */
.renters #masthead #masthead-left {
	background: url(/img/bg-mh-left-renters.gif);
}
#home #masthead #masthead-left {
	background: url(/img/bg-mh-left-home-renters.gif);
}
.owners #masthead #masthead-left {
	background: url(/img/bg-mh-left-owners.gif);
}
#searchresults #masthead #masthead-left h2 {
	margin-left: 55px;
	width: 129px;
	height: 18px;
	background: url(/img/h2-searchresults.png) 0 50% no-repeat;
	text-indent: -9999em;
}
#whatisdoorswap #masthead #masthead-left h2 {
	margin-left: 50px;
	width: 159px;
	height: 22px;
	background: url(/img/h2-whatisdoorswap.png) 0 50% no-repeat;
	text-indent: -9999em;
}
#home #masthead #masthead-left p {
	position: relative;
	margin-left: 55px;
	width: 205px;
	height: 79px;
	background: url(/img/p-search.png) 0 50% no-repeat;
	text-indent: -9999em;
}
#home #masthead-left form#searchform {
	position: absolute;
	top: 190px;
	left: 54px;
	width: 230px;
	background: #6d3214;
	float: left;
	height: 55px;
}
#home #masthead-left form#searchform:hover {
	background: #a02a1f;
}
#home #masthead-left form#searchform input {
	float: left;
	display: block;
	margin: 15px 0 15px 15px;
	width: 130px; /* For Safari - See bottom of file for other browsers' width */
}
#home #masthead-left form#searchform button {
	float: left;
	display: block;
	width: 85px;
	height: 55px;
	background: url(/img/button-search.png) no-repeat;
	text-indent: -9999em;
}
#home #masthead-left form#searchform button:hover {
	background-color: #a02a1f;
}

/* Masthead Right */
#masthead #masthead-right {
	margin-left: 1px;
	font-size: 1.6em;
}
.renters #masthead #masthead-right {
	background: url(/img/bg-mh-right-renters.gif);
	color: #deb84f;
}
.owners #masthead #masthead-right {
	background: url(/img/bg-mh-right-owners.gif);
	color: #92ae7d;
}
#home #masthead #masthead-right {
	background: url(/img/bg-mh-right-home-owners.gif);
}
#masthead #masthead-right h3 {
	margin-top: 26px;
	margin-left: 50px;
	height: 25px;
	background-position: 0 50%;
	background-repeat: no-repeat;
	text-indent: -9999em;
}
.renters #masthead #masthead-right h3 {
	width: 247px;
	background-image: url(/img/h3-renters-login.png);
}
.owners #masthead #masthead-right h3 {
	width: 247px;
	background-image: url(/img/h3-owners-login.png);
}
#masthead #masthead-right p {
	margin-left: 50px;
	
}
#masthead #masthead-right p small {
	font-size: .75em;
}
#masthead #masthead-right p small a {
	border-bottom: 1px solid #ffffcc;
	text-decoration: none;
	color: #FFF;
}
#masthead #masthead-right p small a:hover {
	border-color: #fff;
}
#masthead #masthead-right form {
	margin-top: 10px;
	margin-left: 50px;
}
#masthead #masthead-right form p {
	margin-right: 35px;
	margin-left: 0;
	float: left;
}
#masthead #masthead-right form p label {
	display: block;
	margin-bottom: 5px;
}
#masthead #masthead-right form p input {
	width: 106px;
}
#masthead #masthead-right form button {
	margin-left: -.75em;
	margin-top: 1.5em;
}
.renters #masthead #masthead-right form button {
	color: #deb84f;
}
#masthead #masthead-right form button:hover {
	color: #fff;
}
#home #masthead #masthead-right p#learnmore-intro {
	position: relative;
	margin-left: 50px;
	width: 229px;
	height: 79px;
	background: url(/img/p-learnmore.png) 0 50% no-repeat;
	text-indent: -9999em;
}
#home #masthead #masthead-right p#learnmore {
	position: absolute;
	top: 190px;
	left: 50px;
	margin: 0;
	background: #2c4224;
	width: 230px;
	height: 58px;
}
#home #masthead #masthead-right p#learnmore a {
	float: left;
	display: block;
	width: 230px;
	height: 58px;
	background: #2c4224 url(/img/link-learnmore.png) no-repeat;
	text-indent: -9999em;
}
#home #masthead #masthead-right p#learnmore#learnmore a:hover {
	background-color: #47663c;
}

#masthead h4 {
	text-decoration:underline;
	font-size: 1.2em;
	font-style: normal;
	margin-top: 80px;
	margin-left: 55px;
}

/* CONTENT */
#content {
	float: left;
	margin: 0 19px;
	padding-top: 24px;
	padding-bottom: 50px;
	border: 1px solid #fffcdd;
	border-width: 1px 0;
	width: 915px;
	background: #44433d url(/img/bg-content.gif) repeat-x;
}

#content h3 {
	padding: 0 0 1em 52px;
}
#content #content-left {
	float: left;
	margin-right: 54px;
	margin-left: 54px;
	width: 357px;
	font-size: 1.2em;
	line-height: 1.85em;
	margin-top: 2em;
}

#content #dark #content-left {
	height: 238px;
	background-color: #333;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 54px;
	padding-top: 15px;
}

#content #dark #content-right {
	float: left;
	height: 253px;
	width: 450px;
	background-color: #333;
	margin-left: 0;
	padding-left: 54px;
}

#content #darksuper #content-left {
	height: 278px;
	background-color: #333;
	margin-top: 0;
	margin-left: 0;
	margin-right: 0;
	padding-left: 54px;
	padding-top: 15px;
}

#content #darksuper #content-right{
	float: left;
	height: 293px;
	width: 450px;
	background-color: #333;
	margin-left: 0;
	padding-left: 54px;
}

#content #content-right {
	float: left;
	width: 400px;
	font-size: 1.2em;
	line-height: 1.85em;
}

#contactpic {
	float: left;
	margin-right: 15px;
	margin-top: 25px;
}

#content #content-left h3 {
	padding-left: 0;
}

#content #content-left h3 {
	font-size:1.2em;
	padding:0;
}
#home #content #content-left h1,
#content #content-left h3 {
	margin-bottom: 8px;
	height: 23px;
	background-position: 0 50%;
	background-repeat: no-repeat;
}
#content ul {
	position: relative;
	background-color:#000;
	height:30px;
	padding-top:11px;
	padding-left:54px;
}
#content li {
	display: inline;
	margin-right:20px;
	font-size:1.6em;
}

#content #dark #content-left ul {
	padding-left: 0;
	background-color: #333;
	font-size: 1em;
	font-style: normal;
}

#content #darksuper #content-left ul {
	padding-left: 0;
	background-color: #333;
	font-size: 1em;
	font-style: normal;
}

#content #content-left ul {
	padding-left: 0;
	background-color: #44433d;
	font-size: 1em;
	font-style: normal;
}

#content #content-left li {
	display: block;
	font-size: 1em;
	font-style: normal;
}

#content #secondary ul {
	position: relative;
	background-color: #000;
	height:30px;
	padding-top:11px;
}
#content #secondary li {
	display: inline;
	font-size:1.6em;
}

#content #tertiary ul {
	position: relative;
	background-color: #CC9933;
	height:20px;
	padding-top:3px;
}
#content #tertiary li {
	display: inline;
	font-size:1.2em;
}

.owners #content {
	padding-top: 0;
}

.contact #content {
	padding-top: 0;
}

#content #quicknews {
	float: left;
	width: 300px;
}
	
#content #quicknews h3 {
	margin: 15;
/*	margin-top: 5px;*/
	margin-left: 0%;
	margin-right: 0%;
	padding: 0px;
	padding-left: 25px;
	padding-right: 0px;
/*	line-height: 2em; */
/*	text-decoration: underline;*/
	text-indent: -15px;
	width: 275px;
	background-color: #8a8472;
}

#content #quicknews h1 {
	text-indent: -9999px;
	margin-top: 20px;
	background-image:url(../img/quicknews.gif);
	width: 300px;
	height: 51px;
}

/* RESULTS LIST */
#content ul.results li a {
	display: block;
	padding: 1.375em 52px;
	font-weight: bold;
	font-size: 2.5em;
	text-decoration: underline;
}
#content ul.results li a em {
	font-style: normal;
	text-transform: uppercase;
}
#content ul.results li.alt a {
	background: #53524a;
}
#content ul.results li a:hover {
	background: #252522;
}


/* FOOTER */
#footer {
	padding-bottom: 26px;
	background: url(/img/bg-footer.gif) 50% 100% no-repeat;
	text-align: center;
}
#footer ul,
#footer p {
	float: left;
	margin: 0 19px;
	width: 915px;
	background: #1c1d0c;
}
#footer ul {
	padding: 17px 0 15px;
	font-size: 1.2em;
}
#footer li {
	margin-right: .75em;
	padding-right: 1.25em;
	border-right: 1px solid #fffcdd;
	display: inline;
}
#footer li address {
	display: inline;
}
#footer li#email {
	margin-right: 0;
	padding-right: 0;
	border-right: 0;
}
#footer p {
	padding-bottom: 14px;
}

.clear {
	clear: both;
}

/* Safari cannot see these because of the "#" after the ";".
   Safari also cannot see anything after it. Therefore,
   this section must stay at the bottom.
   ................................................... */
#home #masthead-left form#searchform input { /* See IE Stylesheet for adjustments */
	width: 126px; #
}