@charset "UTF-8";
/* Your Block Onlone Master CSS 03/10 */

/* BASE COLOURS:
	Dark Blue: #002F6B
	Light Blue: #008ED0
	Grey: #838383
*/

/*---------Basic Reset - Eric Meyer---------*/
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: #00135e;
	background: white;
	font-family: Arial, Helvetica, sans-serif;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}

/*---------Background---------*/

body {
	background: url(../images/body_bg.png) top center repeat-x;
	}

html {
	background: url(../images/html_bg.png) bottom center repeat-x;
	background-color: transparent;
	height: 100%;
	background-position: 0 1000px;
	}
	
/*---------------------Structure--------------------*/


/*---------HEADER---------*/

div#wrapper {
	margin: 0 auto;
	width: 942px;
	}

div#header {
	height: 188px;
	background: url(../images/skyline.png) no-repeat bottom right;
	position: relative;
	}
	
div#header img#logo {
	margin-left: -30px;
	}
	
div#header img#shoutline {
	margin-bottom: 6px;
	}
	
div#header img#people {
	margin-bottom: -1px;
	}
	
/*---------MAIN NAV----------*/

div#header ul#nav {
	overflow: hidden;
	position: absolute;
	top: 25px;
	right: 150px;
	font-size: 19px;
	z-index: 10;
	height: 41px;
	display: inline;
	}
	
div#header ul#nav li {
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	border-right: 2px solid #fff;
	letter-spacing: -1px;
	display: inline;
	}
	
div#header ul#nav li.last {
	padding-right: 0;
	border: none;
	}
	
div#header ul#nav li a {
	font-weight: bold;
	text-decoration: none;
	color: #00135e;
	}
	
body#about_us div#wrapper div#header ul#nav li a#about,
body#benefits div#wrapper div#header ul#nav li a#benefits,
body#contact div#wrapper div#header ul#nav li a#contact,
body#pricing div#wrapper div#header ul#nav li a#pricing,
body#faq div#wrapper div#header ul#nav li a#faq {
	color: #008ED0 !important;
	text-decoration: underline !important;
	}
	
div#header ul#nav li a:hover {
	color: #008ED0;
	}

div#header ul#member_login {
	float: right;
	height: 31px;
	width: 126px;
	top: 19px;
	position: absolute;
	right: 0;
	}
	
div#header ul#member_login a {
	height: 31px;
	width: 126px;
	display: block;
	text-indent: -9999px;
	background: url(../images/member_login_button.png) no-repeat bottom center;
	}
	
div#header ul#member_login a:hover {
	background-position: top center;
	}
	

/*---------HERO PANEL---------*/

div#hero { 
	height: 305px;
	margin-top: 10px;
	}
	
div#hero .panel {
	background: url(../images/panel01_bg.png) no-repeat top center;
	height: 305px;
	}
	
#wrapper div#hero .two {
	background: url(../images/panel02_bg.png) no-repeat center;
	height: 305px;
	}
	
#wrapper div#hero .three {
	background: url(../images/panel03_bg.png) no-repeat center;
	height: 305px;
	margin-left: -10px;
	}
	
#wrapper div#hero .four {
	background: url(../images/panel04_bg.png) no-repeat center;
	height: 305px;
	}
	
div#hero .panel .text {
	padding-right: 500px;
	padding-left: 20px;
	padding-top: 15px;
	color: #fff;
	font-weight: bold;
	line-height: 1.5;
	}
	
div#hero .panel.three .text {
	padding-right: 400px;
	}
	
div#hero .panel a {
	margin-bottom: 10px;
	padding-left: 40px;
	}
	
div#hero .panel a {
	height: 41px;
	width: 168px;
	background: url(../images/FindOutMoreSprite.png) no-repeat top center;
	display: block;
	margin-top: 10px;
	}
	
div#hero .panel a:hover {
	background-position: bottom;
	}
	
div#hero .text img.headline {
	margin-bottom: 10px;
	}
	
/*---------CONTENT---------*/

div#content_top {
	height: 11px;
	background:url(../images/content_top.png) no-repeat center;
	margin-top: 20px;
	}

div#content {
	background-color: #fff;
	border: 1px solid #838383;
	border-top: none;
	border-bottom: none;
	padding: 10px 17px;
	overflow: hidden;
	}
	
div#content_bottom {
	height: 11px;
	background:url(../images/content_bottom.png) no-repeat center;
	margin-bottom: 20px;
	}
	

/*---------BENEFITS PANEL---------*/

div#benefits {
	float: left;
	width: 470px;
	position: relative;
	z-index: 10;
	}
	
div#benefits p {
	font-size: 14px;
	line-height: 1.5;
	color: #504f4f;
	margin-bottom: 10px;
	}

div#benefits img#header_text {
	margin-bottom: 10px;
	}
	
div#benefits ul#tabs {
	overflow: hidden;
	height: 42px;
	width: 100%;
	border: 1px solid #504f4f;
	text-align: center;
	margin-bottom: 20px;
	}
	
div#benefits ul#tabs li {
	float: left;
	line-height: 42px;
	text-align: center;
	width: 156px;
	}
	
div#benefits ul#tabs li#residents {
	background: url(../images/residents_bg.png) repeat-x bottom center #A12658;
	border-right: 1px solid #504f4f;
	}
	
div#benefits ul#tabs li#managing_agents {
	background: url(../images/managing_agent_bg.png) repeat-x bottom center #ffb700;
	border-right: 1px solid #504f4f;
	}
	
div#benefits ul#tabs li#landlords {
	background: url(../images/landlords_bg.png) repeat-x bottom center #00c8bc;
	}
	
div#benefits ul#tabs li#residents {
	background: url(../images/residents_bg.png) repeat-x bottom center #A12658;
	}
	
div#benefits ul#tabs li a {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
	}
	
div#benefits ul#tabs li a:hover {
	text-decoration: underline;
	}
	
div#benefits ul#benefit_bullets {
	font-weight: bold;
	color: #00135e;
	}
	
div#benefits ul#benefit_bullets li {
	line-height: 46px;
	font-size: 16px;
	list-style-image:url(../images/list_tick.png);
	margin-left: 48px;
	}
	
div#benefits_panels a#find_out_more {
	width: 131px;
	height: 42px;
	background: url(../images/Find_Out_More_Sprite.png) no-repeat top center;
	text-indent: -1000px;
	display: block;
	float: left;
	margin-top: 20px;
	}

div#benefits_panels a#find_out_more:hover {
	background-position: bottom;
	}
	
div#benefits_panels a#sign_up_now {
	width: 155px;
	height: 49px;
	background: url(../images/sign_up_now.png) no-repeat top center;
	text-indent: -1000px;
	display: block;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
	}
	
div#benefits ul#tabs li a.selected {
	text-decoration: underline;
	}
	
div#benefits_panels a#sign_up_now:hover {
	background-position: bottom;
	}
	

/*---------PROMOTIONAL PANEL---------*/

div#promotion {
	float: right;
	width: 420px;
	}
	
div#promotion #video_top, div#promotion #testimonals_top {
	background: url(../images/promotion_top.png) top center no-repeat;
	height: 10px;
	}
	
div#promotion #testimonals_top {
	margin-top: 10px;
	}

div#promotion #video, div#promotion #testimonals {
	border: 1px solid #838383;
	border-top: none;
	border-bottom: none;
	padding: 10px;
	padding-top: 0;
	}
	
div#promotion #testimonals {
	overflow: hidden;
	padding-bottom: 0;
	}
	
div#promotion #testimonals ul {
	border: none;
	overflow: hidden;
	padding: 5px;
	}
	
div#promotion #testimonals ul li {
	border-bottom: 2px solid #008ed0;
	margin-bottom: 10px;
	}
	
div#promotion #testimonals ul li p {
	float: left;
	width: 278px;
	font-weight: bold;
	font-size: 13px;
	color: #008ed0;
	line-height: 1.4;
	margin-top: 17px;
	}
	
div#promotion #testimonals p {	
	font-size: 14px;
	line-height: 1.5;
	color: #504f4f;
	margin-top: 10px;
	}
	
div#promotion #testimonals img {
	margin-bottom: -2px;
	padding-left: 7px;
	}
div#promotion #testimonals img#bob {
	margin-bottom: -3px;
	}
	
div#promotion #testimonals img {
	padding-top: 50px;
	}
	
div#promotion #testimonals img#heading {
	padding: 0;
	}
	
	
div#promotion #testimonals ul li p small {
	font-size: 12px;
	color: #00135e;
	}
	
div#promotion #testimonals a {
	float: right;
	width: 106px;
	height: 27px;
	background: url(../images/testimonals_button.png) no-repeat top center;
	line-height: 27px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	letter-spacing: -1px;
	}
	
div#promotion #testimonals a:hover {
	color: #00135e;
	}
	
div#promotion #video img {
	margin-bottom: 10px;
	}
	
div#promotion #video_bottom, div#promotion #testimonals_bottom {
	background: url(../images/promotion_bottom.png) top center no-repeat;
	height: 10px;
	}
	

/*---------FOOTER----------*/

div#footer_top {
	margin-top: 10px;
	height: 10px;
	background: url(../images/footer_top.png) no-repeat top center;
	}
	
div#footer {
	background: url(../images/footer_bg.png) repeat-x top center;
	background-color: #003277;
	border-left: 1px solid #504f4f;
	border-right: 1px solid #504f4f;
	overflow: hidden;
	font-size: 11px;
	line-height: 1.5;
	color: #fff;
	padding-bottom: 20px;
	padding-left: 20px;
	}
	
div#footer .col {
	float: left;
	width: 178px;
	margin-right: 10px;
	}
	
div#footer #sitemap {
	margin-right: -40px;
	}
	
div#footer #address {
	margin-right: 30px;
	}
	
div#footer a {
	color: #fff;
	text-decoration: none;
	}
	
div#footer a:hover {
	text-decoration: underline;
	}
	
div#footer img {
	float: left;
	margin-right: 30px;
	}
	
/*---------PRICING TABLE----------*/

table#pricing {
	margin: 0 auto;
	font-size: 14px;
	color: #00135e;
	font-weight: bold;
	}
	
table#pricing img {
	vertical-align: middle;
	}

table#pricing th, table#pricing td {
	padding: 5px;
	text-align: center;
	}
	
table#pricing td#sign_up_pro, table#pricing td#sign_up_premium, 
table#pricing td#contact_us {
	padding: 0;
	height: 15px;
	}
	
table#pricing td.free, table#pricing td.premium, table#pricing td.pro {
	color: #838383;
	background: url(../images/table_col_highlighter.png) repeat-y center center;
	border-right: 2px solid #fff;
	}
	
table#pricing td.blue {
	color: #008ed0;
	}
	
table#pricing .feature {
	text-align: left;
	}
	
table#pricing tr.rule {
	border-bottom: 1px solid #838383;
	}
	
table#pricing th.header {
	width: 135px;
	border-right: 2px solid #fff;
	}
	
table#pricing th.header img {
	padding-top: 10px;
	}
	
table#pricing th.feature img {
	padding-top: 5px;
	}
	
table#pricing td, table#pricing th {
	font-weight: bold;
	}
	
table#pricing th {
	background: url(../images/table_header_bg.png) repeat-x center bottom;
	}
table#pricing th#title {
	background: none;
	}
	
table#pricing tr#prices {
	color: #fff;
	background-color: #008ed0;
	}
	
table#pricing tr#prices td#price_heading {
	color: #00135e;
	background: #fff;
	}
	
table#pricing td#sign_up_pro a {
	background: url(../images/table_sign_up_sprite.png) no-repeat top center #ffffff;
	display: block;
	height: 45px;
	text-indent: -9999px;
	}
	
table#pricing td#sign_up_pro a:hover, table#pricing td#sign_up_premium a:hover,
table#pricing td#contact_us a:hover {
	background-position: bottom;
	}

table#pricing td#sign_up_premium a {
	background: url(../images/table_sign_up_pro_sprite.png) no-repeat top center;
	display: block;
	height: 45px;
	text-indent: -9999px;
	}
	
table#pricing td#contact_us a {
	background: url(../images/table_contact_us_sprite.png) no-repeat top center;
	display: block;
	height: 45px;
	text-indent: -9999px;
	}
	
table#pricing tr.rule td {
	border-bottom: 1px solid #838383;
	height: 30px;
	}
	
table#pricing tr#prices td {
	height: 28px;
	border-right: 2px solid #fff;
	font-size: 16px;
	}
	
table#pricing tr.rule:hover {
	background-color: #DBECF7;
	}
	
/*---------CONTACT FORM----------*/

.clear                      { clear: both; }

#page-wrap                  { width: 700px; margin: 40px auto; }

h1                          { font: 26px Arial, Helvetica, sans-serif; margin: 10px 0; }

label                       { width: 190px; display: block; }

input[type=text], textarea  { width: 350px; outline: none; }

.rowElem 
label.error                 { float: none; font-style: italic; color: red;
                              position: absolute; top: 16px; left: 0; 
                              font-size: 12px; }
                              
.rowElem #jqTransformTextarea-mm
label.error                 { top: 28px; }

#changeTypeArea             { float: left; margin: 0 0 10px 0; width: 350px; }

.rowElem                    { position: relative; clear: both; min-height: 35px; }
.rowElemSelect              { clear: both; min-height: 35px; }

.thanks                     { color: green; font-weight: bold; }


.jqTransformTextarea, 
.jqTransformSelectWrapper   { margin: 0 0 8px 0; }

#change-form .jqTransformInputInner input 
	{ 
	font-size: 16px;
	height: 16px;
	padding-top: 4px; 
	}
	
.contact p {
	color: #008ed0
	}
	
.contact #change-form {
	font-size: 14px;
	}
	
#change-form {
	float: left;
	width: 595px;
	}
	
#contact_address {
	float: right;
	width: 280px;
	}
	
#contact_address p, #contact_address p a {
	color: #00135e;
	line-height: 1.5;
	}
	
#contact_address p a:hover {
	color: #008ed0;
	}
	
label#radio_1, label#radio_2 {
	width: 265px;
	}
	
form.jqtransformdone label span {
	color:#FF0000;
	}
	
	
/*---------FAQ PAGE----------*/

div.faq {
	color: #838383;
	font-size: 14px;
	line-height: 1.5;
	}

div.faq h1 {
	width: 690px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/faq_title.png) no-repeat;
	margin-left: 20px;
	}

div.faq h3 {
	font-weight: bold;
	font-size: 16px;
	color: #00135e;
	margin-top: 21px;
	margin-right: 170px;
	cursor: pointer;
	margin-left: 20px;
	}	

div.faq p {
	margin-right: 170px;
	display:none;
	margin-left: 20px;
	}

div.faq p#intro {
	display: block;
	font-weight: bold;
	color: #008ed0;
	font-size: 16px;
	}
	
div.faq a {
	color: #838383;
	}
	
div.faq a:hover {
	color: #008ed0;
	}
	
div.faq a.top {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	color: #008ed0;
	margin-left: 20px;
	}
	
div.faq a.top:hover {
	color: #008ed0;
	}
	
	
/*---------BENEFITS PAGE----------*/

div.benefits h1 {
	width: 720px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/benefits_heading.png) no-repeat;
	margin-left: 20px;
	}
	
div.benefits p#intro {
	margin-left: 20px;
	font-weight: bold;
	line-height: 1.5;
	}

.benefits #benefits_panels {
	float: left;
	width: 737px;
	position: relative;
	z-index: 10;
	margin-left: 20px;
	}
	
.benefits #benefits_panels panes {
	width: 100%;
	}
	
.benefits #benefits_panels p {
	font-size: 14px;
	line-height: 1.5;
	color: #504f4f;
	margin-bottom: 10px;
	}
	
.benefits #benefits_panels h3 {
	font-weight: bold;
	font-size: 16px;
	color: #00135e;
	margin-top: 21px;
	margin-right: 170px;
	cursor: pointer;
	}	

.benefits #benefits_panels ul#tabs {
	overflow: hidden;
	height: 42px;
	width: 602px;
	border: 1px solid #504f4f;
	text-align: center;
	margin-bottom: 30px;
	margin-top: 20px;
	}
	
.benefits #benefits_panels ul#tabs li {
	float: left;
	line-height: 42px;
	text-align: center;
	width: 200px;
	}
	
.benefits #benefits_panels ul#tabs li#residents {
	background: url(../images/residents_bg.png) repeat-x bottom center #A12658;
	border-right: 1px solid #504f4f;
	}
	
.benefits #benefits_panels ul#tabs li#managing_agents {
	background: url(../images/managing_agent_bg.png) repeat-x bottom center #ffb700;
	border-right: 1px solid #504f4f;
	}
	
.benefits #benefits_panels ul#tabs li#landlords {
	background: url(../images/landlords_bg.png) repeat-x bottom center #00c8bc;
	}
	
.benefits #benefits_panels ul#tabs li#residents {
	background: url(../images/residents_bg.png) repeat-x bottom center #A12658;
	}
	
.benefits #benefits_panels ul#tabs li a {
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	color: #fff;
	}
	
.benefits #benefits_panels ul#tabs li a:hover {
	text-decoration: underline;
	}
	
div#benefits ul#benefit_bullets {
	font-weight: bold;
	color: #00135e;
	}
	
.benefits #benefits_panels h3 {
	font-size: 18px;
	background: url("../images/list_tick.png") no-repeat scroll left -7px transparent;			padding-left: 50px;
	height: 30px;
	cursor: auto;
	margin-right: 0;
	}
	
.benefits #benefits_panels ul#residents_list h3 {
	color: #641636;
	}
	
.benefits #benefits_panels ul#managing_agents_lists h3 {
	color: #d36100;
	}
	
.benefits #benefits_panels ul#landlords_list h3 {
	color: #008b85;
	}
	
.benefits #benefits_panels p {
	padding-left: 50px;
	}

.benefits #benefits_panels ul#tabs li a.selected {
	text-decoration: underline;
	}
	
/*---------ABOUT US PAGE----------*/

div#about {
	width: 650px;
	float: left;
	}
	
div.about_us h1 {
	width: 720px;
	height: 40px;
	text-indent: -9999px;
	background: url(../images/about_heading.png) no-repeat;
	margin-left: 20px;
	}

div.about_us p {
	font-size: 14px;
	line-height: 1.5;
	color: #504f4f;
	margin-bottom: 10px;
	margin-left: 20px;
	}
	
div.about_us p a {
	color: #504f4f;
	}
	
div.about_us p a:hover {
	color: #008ed0;
	}
	
div.about_us h3 {
	font-weight: bold;
	margin-left: 20px;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 5px;
	}

div#clear {
	/*clear: both;*/
	}
	

div#media {
	width: 650px;
	}

div#media div#col_1, div#media div#col_2 {
	margin-left: 20px;
	font-weight: bold;
	float: left;
	width: 300px;
	}
	
div#media div#col_1 h4, div#media div#col_2 h4 {
	margin-bottom: 5px;
	margin-top: 10px;
	line-height: 20px;
	}
	
div#media div#col_1 img, div#media div#col_2 img {
	padding: 3px;
	border: 1px solid #838383;
	}
	
div#notb {
	float: right;
	width: 195px;
	margin-top: 66px;
	}
	
div#notb img {
	margin-bottom: 34px;
	}