/* 

Flat Rate Property Management

*/

/* Aqua - 25BCB6 */
/* Orange - f9a243 */

/* @group CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* @end */

/* @group Globals */

html {
	background: url(../images/bg_skyline.jpg) no-repeat fixed center bottom #ada4e8;
	height: 100%;
	min-height: 625px;
}

body {
	font: 62.5%/1.5 "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	color: #000;
	height: 100%;
}

p {font-size: 1.3em; line-height: 1.25; }
p.leadin, li, dt, dd {font-size: 1.2em; margin: 0; }
p.leadin2, li, dt, dd {font-size: 1.2em; margin: 0; margin-bottom:3px; margin-top:5px; }
li *, dt *, dd *, p * {font-size: 1em; }
li {margin: .1em 0; line-height: 1.2; }
ul, ol, dl, p {margin-bottom: 1em; }

input, textarea {
	font-family: "Trebuchet MS", Trebuchet, "Lucida Grande", "Lucida Sans", Verdana, sans-serif !important;
}

p.details {
	font-size: 1.1em;
	margin-bottom: 0;
}

a {color: #000; text-decoration: underline; }
a:hover {color: #25BCB6; }

/* @end */

/* @group Layout */

#container {
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 960px;
}

#primary {
	width: 960px;
	position: relative;
	top: -10px;
	z-index: 1;
	clear: both;
	background: url(../images/bg_content-purple.png) no-repeat 155px top;
	overflow: visible;
	/* padding-bottom: 60px; */
}

.content {
	position: relative;
	z-index: 3;
	background: url(../images/bg_content.png) no-repeat left top;
	width: 698px;
	height: 465px;
	padding: 15px;
	margin: 0 0 0 155px;
}

.content .wrap {
	padding: 30px;
	width: 638px;
	height: 397px;
	overflow: visible;
}

.left {float: left; }
.right {float: right; }

.clear {
	width: 100%;
	clear: both;
}

#footer {
	width: 950px;
	position: fixed;
	z-index: 0;
	left: 50%;
	bottom: 0;
	margin: 0 0 0 -480px;
	padding: 0 0 0 10px;
	background: url(../images/bg_footer-l.png) no-repeat left top;
}

#home .constrict {
	width: 500px;
}

#profile .constrict {
	float: right;
	width: 530px;
}

#landlord .constrict {
	float: right;
	width: 530px;
}

#tenant .constrict {
	float: right;
	width: 589px;
}

#properties .constrict {
	float: right;
	width: 589px;
}

#faq .constrict {
	float: right;
	padding: 40px 0 0 20px;
}

#contact .constrict {
	padding: 0 30px;
}

/* @end */

/* @group Navigation */

#nav_primary {
	float: left;
	margin: 20px 0 0 320px;
}

#nav_primary li {
	float: left;
	margin: 0 25px 0 0;
}

#nav_primary li#nav_contact {
	margin: 15px 0 0 0;
}

#nav_primary li a {
	display: block;
	height: 128px;
	background: no-repeat left top;
	text-indent: -999em;
}

#nav_primary li#nav_profile a {
	width: 94px;
	background-image: url(../images/nav_profile.gif);
}

#nav_primary li#nav_landlord a {
	width: 104px;
	background-image: url(../images/nav_landlord.gif);
}

#nav_primary li#nav_tenant a {
	width: 105px;
	background-image: url(../images/nav_tenant.gif);
}

#nav_primary li#nav_properties a {
	width: 101px;
	background-image: url(../images/nav_properties.gif);
}

#nav_primary li#nav_contact a,
#nav_primary li#nav_contact a:hover {
	width: 101px;
	background: url(../images/nav_contact.png) no-repeat left top;
}

#nav_primary li a:hover,
#profile #nav_primary li#nav_profile a,
#landlord #nav_primary li#nav_landlord a,
#faq.landlord #nav_primary li#nav_landlord a,
#tenant #nav_primary li#nav_tenant a,
#faq.tenant #nav_primary li#nav_tenant a,
#properties #nav_primary li#nav_properties a {
	background-position: left bottom;
}

/* @end */

/* @group Headings */

h2 {font-size: 2.2em; margin: 0 0 12px 0;}
h3 {font-size: 1.6em; }
h4 {font-size: 1.4em; }
h5 {font-size: 1.3em; }
h6 {font-size: 1.3em; margin: .5em 0; }

h3, h4 {font-weight: normal; margin: 0 0 .2em 0; }
h2, h3, h4, h5, h6 {line-height: 1.2em; }

h1 a {
	display: block;
	width: 607px;
	height: 120px;
	position: absolute;
	left: -300px;
	top: 0;
	background: url(../images/logo.png) no-repeat;
	text-indent: -999em;
}

h2 {
	display: block;
	text-indent: -999em;
}

#home h2 {
	height: 63px;
	background: url(../images/h2_switch-to-us.png) no-repeat center top;
}

#profile h2 {
	height: 32px;
	background: url(../images/h2_welcome-mat.gif) no-repeat center top;
}

#landlord h2 {
	height: 32px;
	background: url(../images/h2_hands-free.gif) no-repeat center top;
}

#tenant h2 {
	height: 32px;
	background: url(../images/h2_nice-to-meet.gif) no-repeat center top;
}

#properties h2 {
	height: 32px;
	background: url(../images/whatsforlease.png) no-repeat center top;
}

#properties h3 {
	height: 50px;
	background: url(../images/forlease.png) no-repeat left top;
}

#faq h2 {
	display: block;
	width: 233px;
	height: 84px;
	position: absolute;
	left: -60px;
	top: 10px;
	background: url(../images/h2_faqs.png) no-repeat left top;
}

#contact h2 {
	height: 32px;
	background: url(../images/h2_ready.gif) no-repeat center top;
}

h3 {
	color: #25BCB6;
}

/* @end */

/* @group Page Specific & Widgets */

/* @group Misc */

.callout {
	display: block;
	text-indent: -999em;
}

.checklist {
	padding-left: 30px;
}

.twocheck {
	min-height: 47px;
	background: url(../images/checklist_2.gif) no-repeat left top;
}

.threecheck {
	min-height: 72px;
	background: url(../images/checklist_3.gif) no-repeat left top;
}


.multicheck {
	min-height: 143px;
	background: url(../images/checklist_multi.gif) no-repeat left top;
}

#faqs {
	position: absolute;
	right: 0;
	bottom: 60px;
	z-index: 2;
	width: 233px;
	height: 85px;
	background: url(../images/sidebar_link-faqs.png) no-repeat left top;
}

#more {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: 181px;
	height: 131px;
	background: url(../images/sidebar_link-more.png) no-repeat left top;
}

p.credits {
	margin: 0;
	padding: 6px 12px 6px 2px;
	float: left;
	font-size: 1.1em;
	background: url(../images/bg_footer-r.png) no-repeat right top;
}

p.credits a {
	color: #000;
}

#disclaimer {
	display: block;
	background: url(../images/footer_ready-to-save.gif) no-repeat 12px 6px #f9a243;
	width: 400px;
	height: 14px;
	margin: 0;
	padding: 6px 0 6px 0;
	position: fixed;
	right: 0;
	z-index: -1;
	bottom: 10px;
	text-indent: -999em;
}

#disclaimer.hover {
	background: url(../images/footer_ready-to-save_hover.gif) no-repeat 12px 6px #fff;
}

/* @end */

/* @group Home */

#home body {
	background: url(../images/bg_home-notes.png) no-repeat fixed center bottom;
}

#home .highlight {
	color: #25BCB6;
	background: none;	
}

.highlightme {
	background-color:#f8a143;
	padding-left:2px;
	padding-right:2px;
}

#home #charge-so-little {
	width: 180px;
	height: 131px;
	background: url(../images/sidebar_charge-so-little.png) no-repeat left top;
	position: absolute;
	left: 30px;
	top: 280px;
}

#home #like-this-spot {
	position: absolute;
	right: 0;
	top: 25px;
	z-index: 3;
	width: 275px;
	height: 351px;
	background: url(../images/sidebar_like-this-spot.png) no-repeat left top;
}

/* @end */

/* @group Profile */

#profile #portrait {
	position: absolute;
	z-index: 3;
	left: 20px;
	top: 30px;
	width: 276px;
	height: 408px;
	text-indent: -999em;
	background: url(../images/sidebar_profile.png) no-repeat left top;
}

/* @end */

/* @group Landlord */

#landlord .highlight {
	background: url(../images/highlight_landlord.gif) no-repeat left top;
	padding: .2em 0 .3em 8px;
	margin: -.2em 0 0 -8px;
}

#landlord p.details {
	margin-top: -.5em;
}

#landlord #get-listed {
	position: absolute;
	left: 40px;
	top: 35px;
	z-index: 3;
	width: 268px;
	height: 430px;
	background: url(../images/sidebar_get-listed.png) no-repeat left top;
	text-indent: -999em;
}

#landlord #give-us-a-call {
	position: absolute;
	right: 0;
	top: 220px;
	z-index: 3;
	width: 246px;
	height: 137px;
	background: url(../images/sidebar_call.png) no-repeat left top;
}

/* @end */

/* @group Tenant */

#tenant .highlight {
	background: url(../images/highlight_tenant.gif) no-repeat -5px -5px;
}

#tenant #get-form {
	position: absolute;
	left: 60px;
	top: 155px;
	z-index: 3;
	display: block;
	width: 175px;
	height: 121px;
	background: url(../images/sidebar_repair-maintenance.png) no-repeat left top;
}

#tenant #get-app {
	position: absolute;
	left: 30px;
	top: 240px;
	z-index: 2;
	display: block;
	width: 181px;
	height: 131px;
	background: url(../images/sidebar_get-app.png) no-repeat left top;
}

/* @end */

/* @group FAQs */

#faq dt,
#faq dd {
	padding-left: 30px;
}

#faq dt {
	font-weight: bold;
	background: url(../images/icon_question.gif) no-repeat left top;
}

#faq dd {
	background: url(../images/icon_answer.gif) no-repeat left top;
	margin: 0 0 1em;
}

#faq.landlord .content .wrap {
	padding: 30px;
	overflow: scroll;
	overflow-x: hidden;
}

/* @end */

/* @group Properties */

/* Remove the following two declarations when you're ready to develop this page. */


#properties #more {display: none; }

#properties #get-listed {
	position: absolute;
	left: 40px;
	top: 155px;
	z-index: 1;
	display: block;
	width: 177px;
	height: 126px;
	background: url(../images/sidebar_get-listed-small.png) no-repeat left top;
}

#properties #tenant-get-form {
	position: absolute;
	left: 30px;
	top: 240px;
	z-index: 2;
	display: block;
	width: 181px;
	height: 131px;
	background: url(../images/sidebar_tenant-get-app.png) no-repeat left top;
}

/* @end */

/* @group Contact */

#contact .column-left,
#contact .column-right {
	width: 274px;
}

#contact .column-left {
	float: left;
}

#contact .column-right {
	float: right;
}

#contact h3 {
	font-size: 2em;
}

#contact .phone-office,
#contact .phone-alt,
#contact .email {
	display: block;
	text-indent: -999em;
}

#contact .phone-office {
	width: 253px;
	height: 39px;
	background: url(../images/phone_office.gif) no-repeat left top;
	margin: 0 0 25px -18px;
}

#contact .phone-alt {
	width: 229px;
	height: 32px;
	background: url(../images/phone_alt.gif) no-repeat left top;
	margin: 0 0 25px -18px;
}

#contact .email {
	width: 269px;
	height: 22px;
	background: url(../images/email.gif) no-repeat left top;
	margin: 0 0 0 -4px;
}

#contact #message_error,
#contact #message_thanks {
	display: none;
	font-weight: bold;
}

#contact #message_error {
	font-size: 1.1em;
	color: #f9a243;
}

/* @end */

/* @end */

/* @group Forms */

form ul li {
	margin: 0 0 4px;
}

input.text,
textarea {
	border: none;
	background: #f2f2f2;
	width: 258px;
	padding: 8px;
}

button.submit {
	float: right;
	border: none;
	display: block;
	width: 83px;
	height: 40px;
	text-indent: -999em;
	background: url(../images/button_send.gif) no-repeat left top;
}

/* @end */


/* @group Clearfix */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/* @end */


.nohighlight {
	background-color:#f8a143;
	margin:1px;
	padding-left:1px;
	padding-right:1px;
	margin-bottom:2px;
	
	
}