/*
Theme Name: Rex (bold) - Marilyn
Theme URI: http://www.rexsoftware.com
Description: Rex software blog theme
Version: 1.0
Author: Rex Software
Author URI: http://www.rexsoftware.com/
*/

/*************************************** PAGE STYLING & COLOURS ***************************************/

.pink {
	color: #045b04;
}

html, body, p, td, select, textarea, input {
	font-size: 13px;
	font-family: 'museo-sans', arial, sans-serif;
	line-height: 1.5;
	color: rgb(71, 71, 71);
}

a, a:link {
	color: rgb(71, 71, 71);
	text-decoration: none;
	border-bottom: 1px solid rgb(200,200,200);
}
a:visited{
	color: rgb(120, 120, 120);
}
a:hover{
	border-bottom: 1px solid rgb(71,71,71);
}
a.hover-underline:hover {
	text-decoration: underline;
}

strong, b {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: bold;
}

em, i {
	font-family: 'museo-sans', arial, sans-serif;
	font-style: italic;
}

strong em, strong i, b em, b i,
em strong, i strong, em b, i b {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: bold;
	font-style: italic;
}

td {
	border: 1px solid rgb(200,200,200);
	padding: 12px 10px;
}
td:first-child {
	border-left: 0;
}
td:last-child {
	border-right: 0;
}
tr:nth-child(2n) td,
thead td {
	background: rgb(238,238,238);
}
thead td {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: bold;
}

input[type=text],
textarea,
input[type=password] {
	border: 1px solid rgb(200,200,200);
	padding: 5px 10px 4px 10px;
}
select {
	border: 1px solid rgb(200,200,200);
}
/* headings and separator lines */
h1,
aside h3.widget-title,
.post-comments #reply-title {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 300;
	font-size: 28px;
	padding-bottom: 15px;
	border-bottom: 1px solid rgb(200,200,200);
	margin-top: 30px;
	margin-bottom: 0;
}

h3,
ol.posts > li > h2,
ol.posts > li > h2 a,
ol.testimonials > li > h2,
ol.testimonials > li > h2 a,
.blogpanel li > h4 a,
aside.propertiespanel h3.widget-title,
.footer h3.widget-title,
.footer h1,
#blog-sidebar h1,
#general-sidebar h1,
#blog-sidebar h3,
#general-sidebar h3,
.cform fieldset legend {
	font-family: 'museo-sans', arial, sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: rgb(71,71,71);
	text-transform: none;
	letter-spacing: 0;
	margin: 15px 0 10px 0;
	padding: 0;
	border: 0;
}
.rental-available {
	display:block;
	font-size: 17px;
	padding: 0;
	margin-top:15px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #C8C8C8;
}
.rental-available strong {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	color: rgb(71,71,71);
	letter-spacing: 0;
}
.rental-available span {
	display: inline-block;
	font-size: 14px;
	background-image: url("images/ui_elements.png");
    background-repeat: no-repeat;
    background-position: 0 -39px;
    height: 20px;
    padding-left: 20px;
    margin-left: 25px;
}
.post-meta,
.postslistpanel li {
	border-bottom: 1px dashed rgb(200,200,200);
	padding: 0 0 15px 0;
}

.home .widget-area,
#footer,
.twitterpanel div.line,
.facepanel div.line,
#blog-sidebar aside,
#general-sidebar aside {
	border-bottom: 1px solid rgb(200,200,200);
}

#blog-sidebar aside.widget-last
#general-sidebar aside.widget-last {
	border-bottom: 0;
}

.phone { background-position: 0 -171px; }
.email { background-position: 0 -200px; }

/* header icon styles */
h1.icon, h3.icon,
.post-comments #reply-title,
#blog-sidebar h3.widget-title.icon,
#general-sidebar h3.widget-title.icon,
#blog-sidebar aside.widget_categories h3.widget-title,
#general-sidebar aside.widget_categories h3.widget-title,
#blog-sidebar aside.widget_tags h3.widget-title,
#general-sidebar aside.widget_tags h3.widget-title {
	text-indent: 40px;
	background-color: transparent;
	background-position: left 6px;
	background-repeat: no-repeat;
}
#blog-sidebar h3.widget-title.icon,
#general-sidebar h3.widget-title.icon,
#blog-sidebar aside.widget_categories h3.widget-title,
#general-sidebar aside.widget_categories h3.widget-title,
#blog-sidebar aside.widget_tags h3.widget-title,
#general-sidebar aside.widget_tags h3.widget-title,
#blog-sidebar h1.icon,
#general-sidebar h1.icon {
	background-position: left -3px;
}
h1.house, h3.house {
	background-image: url('images/header_icons/house.png');
}
h1.houses, h3.houses {
	background-image: url('images/header_icons/houses.png');
}
h1.person, h3.person {
	background-image: url('images/header_icons/person.png');
}
h1.people, h3.people {
	background-image: url('images/header_icons/people.png');
}
h1.speech_bubble, h3.speech_bubble {
	background-image: url('images/header_icons/speech_bubble.png');
}
h1.speech_bubbles, h3.speech_bubbles {
	background-image: url('images/header_icons/speech_bubbles.png');
}
h1.speech_bubble_add, h3.speech_bubble_add,
.post-comments #reply-title {
	background-image: url('images/header_icons/speech_bubble_add.png');
}
h1.envelopes, h3.envelopes {
	background-image: url('images/header_icons/envelopes.png');
}
h1.arrows_right, h3.arrows_right {
	background-image: url('images/header_icons/arrows_right.png');
}
h1.twitter, h3.twitter {
	background-image: url('images/header_icons/twitter.png');
}
h1.phone, h3.phone {
	background-image: url('images/header_icons/phone.png');
}
h1.four04, h3.four04 {
	background-image: url('images/header_icons/404.png');
}
h1.folders, h3.folders,
#blog-sidebar aside.widget_categories h3.widget-title,
#general-sidebar aside.widget_categories h3.widget-title {
	background-image: url('images/header_icons/folders.png');
}
h1.search, h3.search {
	background-image: url('images/header_icons/search.png');
}
h1.tags, h3.tags,
#blog-sidebar aside.widget_tag_cloud h3.widget-title,
#general-sidebar aside.widget_tag_cloud h3.widget-title {
	background-image: url('images/header_icons/tags.png');
}
h1.quotes, h3.quotes {
	background-image: url('images/header_icons/quotes.png');
}
h1.facebook, h3.facebook {
	background-image: url('images/header_icons/facebook.png');
}

/* site footer */
#footer {
	background: #5a5a5a;
	color: #FFF;
	border-bottom: 0;
	font-size: 12px;
	padding: 0;
}

/* site footer */
#colophon .inner-wrapper,
#footer .inner-wrapper {
	width: 960px;
	margin: 0 auto;
	padding: 0px;
}
/* footer rex product logo */
#colophon .inner-wrapper {
	padding-bottom: 15px;
}
#colophon a {
	color: rgb(112,112,112);
	font-size: 13px;
	display: block;
    width: 500px;
}
#colophon {
	display: block;
	background-color: #f0f0f0;
}
#colophon img {
	margin-right: 15px;
	margin-left: 10px;
	float: left;
}
#colophon span {
	margin-top: 35px;
	display: block;
	font-weight: 300;
	color: rgb(112,112,112);
}
@media only screen and (max-width: 980px) {
	#footer .inner-wrapper,
	#colophon .inner-wrapper {
		width: 640px;
		position: relative;
	}
	#footer.homepage .inner-wrapper,
	#colophon.homepage .inner-wrapper {
		width: 960px;
	}
}
@media only screen and (max-width: 660px) {
	#colophon .inner-wrapper,
	#colophon.homepage .inner-wrapper {
		width: 300px;
	    padding-bottom: 20px;
	}
	#colophon a {
		width: 300px;
		font-size: 13px;
	}
	#colophon img {
		width: 27px;
		height: 60px;
	}
	#colophon span {
	    color: rgb(112,112,112);
	    margin-top: 10px;
	}
}

/* button style */
.link-button, a.link-button, input[type=submit] {
	-webkit-transition: background-color .4s ;
	-moz-transition: background-color .4s;
	-o-transition: background-color .4s;
	transition: background-color .4s;
	font-size: 11px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	color: #FFF;
	background: #045b04;
	border: 1px solid #484848;
	padding: 3px 6px;
	text-align: center;
}
.link-button, a.link-button {
	white-space: nowrap;
}
a.link-button:hover,
input[type=submit]:hover {
	background-color: #045104;
}

a.link-button:active,
input[type=submit]:active {
	background-color: #045104;
	-moz-box-shadow: inset 0 5px 5px rgba(32,32,32,.19);
	-webkit-box-shadow: inset 0 5px 5px rgba(32,32,32,.19);
	box-shadow: inset 0 5px 5px rgba(32,32,32,.19);
}


/* page navigation */
.navigation {
	font-family: 'museo-sans', arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
}
.navigation a {
	padding: 2px 6px;
	margin-right: 2px;
	color: rgb(71,71,71);
}
.navigation li.active_page a {
	padding: 1px 5px;
	border: 1px solid rgb(132,194,49);
}
.navigation a:hover {
	background: rgb(132,194,49);
	color: #FFF;
}
.navigation li.first, .navigation li.last {
	padding: 3px 6px 3px 7px;
	height: 18px;
	margin-right: 2px;
	margin-top: -5px;
}
.navigation li.first a, .navigation li.last a {
	text-indent: -88888px;
	display: block;
	width: 14px;
	height: 15px;
	padding: 0;
	background: url('images/page_arrows.png') left 2px no-repeat;
}
.navigation li.first:hover, .navigation li.last:hover {
	background: rgb(132,194,49);
}
.navigation li.first:hover a, .navigation li.last:hover a {
	background-image: url('images/page_arrows_hover.png');
}
.navigation li.last a {
	background-position: -14px 2px;
}
.navigation li.disabled {
	display: none;
}

/* in-page form styles (cformsII plugin) */
.cform .cf_hidden {
	display:none;
	border:none!important;
	background:none!important;
	padding:0!important;
	margin:0!important;
}
.cform ol.cf-ol {
	list-style: none;
	padding: 0;
	margin: 0;
}
.cform label,
.cform .cf-box-title {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: bold;
	display: block;
	padding: 10px 0;
}
.cform input[type=text],
.cform input[type=file],
.cform input[type=password],
.cform textarea,
.cform select {
	font-family: 'museo-sans', arial, sans-serif;
	font-style: italic;
	display: block;
	width: 100%;
}
.cform .reqtxt,
.cform .emailreqtxt,
.cform .cf_li_text_err {
	font-size: 11px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: normal;
	color: #999999;
}
.cform .cf_li_text_err {
	padding: 0;
	margin: 42px 0 -42px 0;
	list-style: none;
}
.cform input[type=submit] {
	padding: 5px 30px;
	font-size: 17px;
}
.linklove {
	display: none;
}
.cform fieldset {
	padding: 0;
	border: 0;
	margin: 42px 0 0 0;
}
.cform fieldset:first-child {
	margin-top: 10px;
}
.cform fieldset legend {
	margin: 0;
    padding: 8px 5px 9px 15px;
    vertical-align: baseline;
    border-bottom: 1px solid rgb(200,200,200);
    background: rgb(238,238,238);
    border-top: 1px solid rgb(200,200,200);
    display: block;
    width: 100%;
}
.cform .cf-after,
.cform .cf-before,
.cform .cf-group-after {
	display: inline;
	display: inline-block;
	margin-left: 15px;
}
.cform .cf-before {
	margin: 0 15px 0 0;
}
.cform .cf-box-group label {
	margin-right: 20px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: normal;
}
.cform .textonly {
	margin: 1em 0;
}
.cform .captcha,
.cform .captcha-reset {
	vertical-align: middle;
}
.cform .captcha-reset {
	width: 21px;
	height: 21px;
	margin-left: 15px;
	background: url('../../plugins/cforms/styling/captcha_reset_white.gif');
}

/* width adjustments for cforms inputs due to padding */
.cform fieldset legend,
.cform input[type=text],
.cform textarea,
.cform input[type=password] {
	width: 96%;	/* in pages */
}
aside.widgetcform.s3cols_3 fieldset legend,
aside.widgetcform.s3cols_3 input[type=text],
aside.widgetcform.s3cols_3 textarea,
aside.widgetcform.s3cols_3 input[type=password] {
	width: 98%; /* 3 column widget */
}
aside.widgetcform.s3cols_2 fieldset legend,
aside.widgetcform.s3cols_2 input[type=text],
aside.widgetcform.s3cols_2 textarea,
aside.widgetcform.s3cols_2 input[type=password] {
	width: 96%; /* 2 column widget */
	width: 96.5%;
}
aside.widgetcform.s3cols_1 fieldset legend,
aside.widgetcform.s3cols_1 input[type=text],
aside.widgetcform.s3cols_1 textarea,
aside.widgetcform.s3cols_1 input[type=password] {
	width: 93%;	/* 1 column widget */
}

/* form validation */
div.cf_info {
	font-family: 'museo-sans', arial, sans-serif;
	font-style: italic;
	font-weight: 600;
	text-align: center;
	font-size: 17px;
	margin: 0;	/* this div always present, dont take up layout space unless shown */
	padding: 0;
	color: #FFF;
	background: transparent 20px center no-repeat;
	width: 88%;
}
div.cf_info.failure, div.cf_info.success {
	padding: 1em 10px 1em 60px;
}
div.cf_info.failure {
	background-color: rgb(30,30,30);
	background-image: url('images/form_validation_error.png');
}
div.cf_info.success {
	background-color: rgb(170,200,90);
	background-image: url('images/form_validation_success.png');
}
div.cf_info ol {
	display: none;	/* hide custom error messages, what's the point if normal errors don't show? */
}
.cform input.cf_error,
.cform li.cf_li_err input {
	background: #FFF url('images/form_validation_fielderr.png') 5px center no-repeat;
	border-width: 2px;
	border-color: rgb(71,71,71);
	padding-left: 30px;
	width: 92%;
	width: 92.5%;
}

/* widget titles */
aside h3 {
	margin-bottom: 10px;
}

/* buttons in widget titles */
aside h3 a.link-button {
	margin-left: 10px;
	position: relative;
	bottom: 2px;
	vertical-align: middle;
}

/* property boxes */
.featurebox {
	color: #FFF;
}

/* homepage search box */
#searchform-box,
#searchform-box input[type=text],
#searchform-box input[type=submit] {
	height: 53px;
	padding: 0;
}
ul.ui-autocomplete {
	-moz-box-shadow: inset 3px 3px 8px #DDD;
	-webkit-box-shadow: inset 3px 3px 8px #DDD;
	box-shadow: inset 3px 3px 8px #DDD;
	background: #FFF;
}
#blog-searchform div input[type=submit],
#searchform-properties .order input[type=submit] {
	font-size: 16px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-style: italic;
	color: #FFF;
}
#blog-searchform div input[type=submit] {
	width: 80px;
	background: transparent url('images/searchbutton.png');
	border: 0;
	text-shadow: rgba(0,0,0,.55) 1px 1px 1px;
}

/* search form autocomplete style overrides */
ul.ui-autocomplete {
	padding: 0;
	-moz-border-top-left-radius: 0;
	-moz-border-top-right-radius: 0;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-o-border-top-left-radius: 0;
	-o-border-top-right-radius: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	max-height: 250px;
	overflow: auto;
	overflow-x: hidden;
	overflow-y: auto;
}
ul.ui-autocomplete li {
	font-size: 14px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
}
ul.ui-autocomplete.ui-menu .ui-menu-item a {
	padding: 10px 14px;
}
ul.ui-autocomplete.ui-menu .ui-menu-item a:hover,
ul.ui-autocomplete.ui-menu .ui-menu-item a.ui-state-hover {
	background: rgb(204,204,204);
	border-color: rgb(204,204,204);
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
}


/* text inputs with inset shadow */
#blog-searchform div,
#searchform-properties input[type=text] {
	border: 1px solid rgb(191,191,191);
	background: #FFF;
	-moz-box-shadow: inset 3px 3px 8px #EEE;
	-webkit-box-shadow: inset 3px 3px 8px #EEE;
	box-shadow: inset 3px 3px 8px #EEE;
	color: rgb(163,163,163);
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-style: italic;
}

/* blog search box */
#blog-searchform div,
#blog-searchform div input[type=text],
#blog-searchform div input[type=submit] {
	height: 42px;
}

#blog-searchform div input[type=text] {
	border: 0;
	background: transparent;
	color: rgb(163,163,163);
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-style: italic;
}

/* property search form results page header */
#searchform-properties .sidebar-inner {
	background: rgb(238,238,238);
	border-bottom: 1px solid rgb(200,200,200);
}

#searchform-properties .searchstate,
#searchform-properties .searchstate a .changebtn {	/* animate search bar backgrounds after toggling full form */
	-webkit-transition: background-color .5s ease-out .5s, border-color .5s ease-out .5s;
	-moz-transition: background-color .5s ease-out .5s, border-color .5s ease-out .5s;
	-o-transition: background-color .5s ease-out .5s, border-color .5s ease-out .5s;
	transition: background-color .5s ease-out .5s, border-color .5s ease-out .5s;
}

#searchform-properties form,
#searchform-properties .searchstate a {
	margin: 0 auto;
}

#searchform-properties form {
	padding: 30px 0;
}

#searchform-properties .searchstate {
	height: 39px;
}

#searchform-properties .searchstate a {
	display: block;
	position: relative;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	color: rgb(71,71,71);
	cursor: pointer;
}

#searchform-properties .searchstate a p span {
	font-family: 'museo-sans', arial, sans-serif;
	font-style: italic;
}

#searchform-properties .searchstate a p {
	margin: 0 195px 0 0;
	padding: 9px 0;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

#searchform-properties .searchstate a .changebtn {
	position: absolute;
	right: 0;
	top: -1px;
	width: 185px;
	padding: 7px 0;
	background: rgb(216,216,216);
	border: 1px solid rgb(200,200,200);
}

#searchform-properties .searchstate a .changebtn div,
#searchform-properties .searchstate a .changebtn span {
	background-image: url('images/searchform_icons.png');
	background-repeat: no-repeat;
}

#searchform-properties .searchstate a .changebtn div {
	background-position: 155px 6px;
	margin-right: 10px;
}
#searchform-properties .searchstate a .changebtn span {
	display: block;
	height: 25px;
	line-height: 25px;
	background-position: -18px 4px;
	padding-left: 32px;
	margin-left: 10px;
	font-family: 'museo-sans', arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

#searchform-properties .searchstate a .changebtn span.smallsize {
	display: none;
}

#searchform-properties .expanded {
	background-color: #FFF;
	border-bottom-color: #FFF;
}

#searchform-properties .expanded a .changebtn {
	background-color: rgb(238,238,238);
	border-top-color: rgb(238,238,238);
}

#searchform-properties .expanded a .changebtn div {
	background-position: 155px -10px;
}

#searchform-properties .options,
#searchform-properties .options select {
	font-size: 11px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
}

#searchform-properties h3,
#searchform-properties .suburbs div,
#searchform-properties .order .orders {
	padding-bottom: 13px;
	border-bottom: 1px dashed rgb(200,200,200);
	margin: 0 0 15px 0;
}

#searchform-properties .order .orders {
	padding-bottom: 39px;
	margin-bottom: 17px;
}

#searchform-properties .suburbs p {
	font-size: 11px;
}

#searchform-properties ul {
	display: none;		/* hide suburbs list container initially on load, fill with js */
	padding: 0;
	margin: 0 0 0 -10px;
}

#searchform-properties-suburblist li {
	background: url('images/icon_x.png') right center no-repeat;
	float: left;
	padding-right: 20px;
	padding-left: 10px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-style: italic;
	cursor: pointer;
}
#searchform-properties-suburblist li.clearfix {
	float: none;
	padding: 0;
	background: transparent;
	border-bottom: 1px dashed rgb(200,200,200);
	padding-bottom: 15px;
	margin-left: 10px;
}

/* blog post widget & post lists */
.post-meta .cats a,
.post-meta .tags a,
.post-meta .comments a {
	color: #045b04;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
}

.post-image, a.post-image {	/* post feature image border */
	width: 288px;
	height: 210px;	/* dimensions adjusted for padding */
	padding: 5px;
	border: 1px solid rgb(200,200,200);
	background: #FFF;
	margin-bottom: 20px;
	margin-right: 20px;
}

a.post-image:hover {
	padding: 4px;
	border-width: 2px;
	border-color: #045b04;
}

a.post-image:hover div.sold,
a.post-image:hover div.leased,
a.post-image:hover div.underoffer {
	top: -6px;
	left: -6px;
}

.post-image.large {
	width: 608px;
	height: 488px;
}

.property-single .images .post-image.large {
	height: 373px;
}

.property-single .thumbnails .post-image {
	width: 128px;
	height: 96px;
}

.posts .post-image.large {
	width: auto;
	height: auto;
	max-width: 608px;
}
.posts .post-image.large div {
	margin-bottom: -5px;
}

.posts .post-body {
	clear: left;
}

.agent .post-image {
	width: 128px;
	height: 133px;
}

.agent .post-image.large {
	width: 288px;
	height: 298px;
}

.property-single .s1cols_1 .thumbnails .post-image {
	width: 288px;
	height: 210px;
}

div.staffdetails .post-image {
	height: 373px;
	margin-bottom: 10px;
}

.post-image.staffmember div {
	background: url('images/staff-noimage.png') center center no-repeat;
}

.agent .phone,
.agent .email {
	padding-left: 30px;
	height: 20px;
	margin-bottom: 0.5em;
	display: block;
}

.agent .email {
	padding-top: 0.1em;
}

.agent h4,
.property-single .property h1 {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
}

.property-single .property h1 {
	margin-top: 20px;
}

.property-single .property h1,
.property-single .property h3 {
	font-size: 17px;
	border-bottom: 0;
	padding: 0;
}

a.floorplanicon {
	display: block;
	float: left;
	margin-right: 20px;
	width: 60px;
	height: 60px;
	background: url('images/property_link_icons.png') left top;
}
a.floorplanicon.video {
	background-position: -120px top;
}
a.floorplanicon.tour {
	background-position: -60px top;
}

.post-image.large .loader,
.post-image.large .loader div {
	background: rgba(0, 0, 0, 0.4);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
}

.post-image.large .loader div {
	background: transparent url('images/async_load.gif') center center no-repeat;
}

/* blog post comments */
ol.posts .post-comments {
	border-top: 1px solid rgb(200,200,200);
	margin-top: 40px;
}

ol.posts .post-comments h1,
.post-comments #reply-title {
	margin-top: 15px;
}

/* properties list rows & detail page */
.property-details h4,
.property-details p,
.property-body a.inspections {
	border-bottom: 1px dashed rgb(200,200,200);
}

.property-details .post-image {
	width: 208px;	/* adjust for borders / padding */
	height: 147px;
}

.property-single .map .post-image {
	width: 928px;
	height: 373px;
}

.property-details h4 {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-size: 17px;
}

.property-details p {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 700;
}

.property-details p.listingagent {
	font-size: 11px;
}

.property-details p.listingagent a {
	font-size: 14px;
	text-transform: none;
	color: rgb(71,71,71);
}

.property-details p.rooms {
	border-bottom: 0;
}

.picon {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-size: 17px;
	background: rgb(238,238,238) url('images/property_room_icons.png') 6px 5px no-repeat;
}

.picon.baths {
	background-position: 6px -22px;
}

.picon.cars {
	background-position: 6px -51px;
}

.picon.price {
	font-family: 'museo-sans', arial, sans-serif;
	font-style: italic;
	background-image: none;
}
.picon.return,
.picon.build {
	background-image: url("images/icon-commercial.png");
	background-repeat: no-repeat;
	background-position: 7px 8px;
	padding-left: 28px;
	width: auto;
}
.picon.build {
	//min-width: 80px;
	margin-right: 0;
	background-position: 7px -35px;
}

.commercial-lease,
.commercial-sale {
	font-family: 'museo-sans', arial, sans-serif;
	font-style: italic;
	font-size: 17px;
	line-height: 21px;
	display: block;
}
.commercial-lease,
.commercial-sale,
.floor-ori {
	padding: 15px 0;
	float: left;
}
.commercial-lease .label,
.commercial-sale .label {
	font-weight: 600;
}
.commercial-lease {
	border-bottom: 1px dashed #C8C8C8;
}

.floor-ori {
	background-color: rgb(238,238,238);
	display: inline-block;
	width:295px;
	padding-left: 15px;
}

@media only screen and (max-width: 660px) {
	.floor-ori {
		width:285px;
	}
}

.agent .email {
	color: rgb(71,71,71);
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.agent .email span {
	border-bottom: 1px solid rgb(200,200,200);
}

.agent .email:hover span {
	border-bottom: 1px solid rgb(71,71,71);
}

.property-body h4 a {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: bold;
	color: rgb(71,71,71);
}

.property-body a.inspections {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-size: 11px;
	color: rgb(200,200,200);
	margin-left: 10px;
}

.property-body a.inspections:hover {
	border-bottom: 1px solid rgb(200,200,200);
}

.property-body .inspections-list li {
	background-position: 0px -35px;
}

.property-body .inspections-list li.first {
	background-position: 0px -41px;
}

.property-body .inspections-list div {
	height: 26px;
	margin-top: -2px;
	background: transparent url('images/inspections_popup_bubble.png') center bottom no-repeat;
}

.property-body .inspections-list ol {
	-moz-box-shadow: 0 0 3px #888;
	-webkit-box-shadow: 0 0 3px #888;
	box-shadow: 0 0 3px #888;
	border: 1px solid rgb(200,200,200);
	background: #FFF;
}

ol.inspections-list {
	border-bottom: 1px dashed rgb(200,200,200);
	border-top: 1px dashed rgb(200,200,200);
}

ol.inspections-list li,
p.divider {
	border-top: 1px dashed rgb(200,200,200);
}

p.divider {
	padding-top: 1em;
}

ol.inspections-list li.first,
ol.inspections-list li.second {
	border-top: 0;
}

/* open homes listing page */
tr.property-details .picon {
	margin: 2px 0;
	background-color: transparent;
}

/* more posts widget */
.postslistpanel li a.post-title {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	color: rgb(71, 71, 71);
}

.postslistpanel .post-image {
	width: 54px;
	height: 34px;	/* dimensions adjusted for padding */
	padding: 2px;
}

.postslistpanel a.post-image:hover {
	padding: 1px;
	border-width: 2px;
}

.comment-author .post-image {
	width: 46px;
	height: 46px;	/* dimensions adjusted for padding */
	padding: 2px;
}

/* testimonials widget */
aside.testespanel li span {
	background-position: 0 -108px;
	padding-left: 26px;
	margin: 0 0 25px 79px;
	font-size: 17px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
}

aside.testespanel li.last span {
	margin-bottom: 0;
}

aside.testespanel .bubble-arrow {
	height: 19px;
	background: url('images/testimonial_arrow.png') left top no-repeat;
	margin-bottom: 10px;
}

aside.testespanel .testimonial {
	background: rgb(238,238,238);
	background-image: url('images/quotes_l.png'), url('images/quotes_r.png');
	background-repeat: no-repeat;
	background-position: 25px 25px, 560px 25px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	padding: 18px 80px;
}

/* quicklinks widget */
aside.quicklinks a {
	font-size: 14px;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	color: rgb(71, 71, 71);
	background: url('images/link_bullet.png') left 4px no-repeat;
	border-bottom: 1px dashed rgb(200,200,200);
	-webkit-transition: background-position .4s ;
	-moz-transition: background-position .4s;
	-o-transition: background-position .4s;
	transition: background-position .4s;
}

aside.quicklinks a:hover {
	background-position: 10px 4px;
}

aside.quicklinks li:last-child a {
	border-bottom: 1px solid rgb(200,200,200);
}

/* sidebar categories widget */
aside.widget_categories a {
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-style: italic;
	color: rgb(71,71,71);
}

/* lighter text styles */
.twitterpanel li span,
.facepanel li span,
.post-meta,
.postslistpanel li span {
	font-size: 11px;
	color: rgb(153,153,153);
}

/* things with a transparent grey background box (except the menu) - @see style_ie.css for ie implementation */
.featurebox .namestrip, {
	background: rgba(0, 0, 0, 0.8);
}



/* things with round corners */
#searchform-box,
#blog-searchform div,
.property-details p.rooms span,
.picon,
.property-body .inspections-list ol {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}

/* things with smaller rounded corners */
input[type=text],
textarea,
input[type=password] {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

/* things with even smaller rounded corners */
.link-button,
input[type=submit] {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
}

/* lists which don't have bullets */
ol.posts,
ol.staff,
ol.properties,
ol.testimonials,
ol.commentlist,
ol.commentlist ul.children,
aside.twitterpanel ol,
aside.facepanel ol,
aside.postslistpanel ol,
aside.testespanel ol,
.blogpanel > ol,
.property-body .inspections-list ol,
.property-single .thumbnails ul,
.postslistpanel ol,
aside.quicklinks ul,
aside.sitemap ul,
aside.widget_categories ul,
#searchform-properties ul,
ol.inspections-list,
aside.staffpanel ul,
.stafflistings ol {
	list-style: none;
}

/* things with uppercase text */
.floor-area,
.mini-menu select,
.link-button, a.link-button,
aside h1,
h1.pagetitle,
ol.posts > li > h1,
aside h3.widget-title,
.post-meta .cats a,
.post-meta .tags a,
.post-meta .comments,
#home-search-links h4,
#searchform-properties .options label,
.property-body h4,
.property-body a.inspections,
.property-details p.listingagent,
.agent h4,
.navigation,
#searchform-properties .searchstate .changebtn span,
.post-comments #reply-title {
	text-transform: uppercase;
	letter-spacing: 0.02em;
}

/* things that use the icons sprite */
.featurebox .pages a,
.post-meta .date,
.post-meta .cats,
.post-meta .tags,
.post-meta .author,
.post-meta .comments,
aside.testespanel li span,
aside.widget_categories a,
.property-body .inspections-list li,
ol.inspections-list li span,
.phone,
.email {
	background-image: url('images/ui_elements.png');
	background-repeat: no-repeat;
}

/* footer header style */
#footer h3.widget-title,
#footer h1 {
	color: #FFF;
	background-position: left -3px;
	border-bottom: 1px solid rgb(78,78,78);
	padding-bottom: 10px;
	margin: 10px 0 10px 0;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 600;
	font-size: 17px;
}

/* underlineless links */
#header-content a,
.navigation a,
ul.ui-autocomplete.ui-menu .ui-menu-item a,
#home-search-links a,
.post-meta .cats a,
.post-meta .tags a,
.post-meta .comments a,
.property-details p.listingagent a,
.agent .email,
.property-body h4 a,
.property-body a.inspections,
.postslistpanel li a.post-title,
aside.widget_categories a,
#colophon, #colophon a,
#searchform-properties .searchstate a,
aside.sitemap a,
#footer aside.sitemap a,
aside.twitterpanel a,
aside.facepanel a,
a.floorplanicon {
	border-bottom: 0;
}

/* footer links */
#footer a {
	display: block;
	line-height: 20px;
	border: none;
	color: #EEE;
}

/* twitter panel links */
aside.twitterpanel a,
aside.facepanel a {
	color: rgb(50, 138, 216);
}
aside.twitterpanel a:hover,
aside.facepanel a:hover {
	border-bottom: 1px solid rgb(71,71,71);
}

/*************************************** MAIN MENU STYLE ***************************************/
/*menu items*/
#access {
	background-color: #6c6e71;
	background-color: rgba(108,110,113,0.9);
	text-align: center;
	padding-top: 3px;
	line-height: 0;
}

#menu-main-menu,
.sf-menu {
    display: inline-block;
}
.sf-menu > li.sfHover,
.sf-menu > li:hover {
	background-color: transparent !important;
}


.sf-menu li li,
.sub-menu li,
.sub-menu li a,
.sub-menu a:focus, .sub-menu a:hover, .sub-menu a:active {
	background-color: #fff !important;
	color: #424242 !important;
	margin: 0;
}
.sf-menu > li > a:hover,
.sf-menu > li:hover > a,
.sf-menu > li.sfHover > a,
.sf-menu > li.sfHover > a:hover,
.sf-menu > li.sfHover > a:active {
	background-color: rgba(255,255,255,0.2);
}
.sf-menu > li > a {
	-moz-border-radius: 2px !important;
	-webkit-border-radius: 2px !important;
	-o-border-radius: 2px !important;
	border-radius: 2px !important;
}
.sf-menu a {
	padding: 8px !important;
	margin: 5px;
	/*margin-left: 20px;
	margin-right: 28px;*/
	border: 0;
}
.sf-menu a.sf-with-ul {
    padding-right: 8px !important;
}
.sub-menu {
	-moz-border-radius: 0px !important;
	-webkit-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}
#header .sub-menu {
	padding: 0;
	min-width: 100px;
	background-color: #fff !important;
	-moz-box-shadow: 2px 5px 6px rgba(32,32,32,.15);
	-webkit-box-shadow: 2px 5px 6px rgba(32,32,32,.15);
	box-shadow: 2px 5px 6px rgba(32,32,32,.15);
}
.sub-menu a {
	padding: 5px 15px !important;
	margin: 0 7px;
	line-height: 22px;
	font-size: 14px;
}
.sub-menu a:hover {
	background-color: #045b04 !important;
	color: #fff !important;
}
.sf-menu a, .sf-menu a:visited {
	color: #FFF;
	font-family: 'museo-sans', arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
	text-align: left;
}
.sf-menu ul {
	margin-top: 14px;	 /* this brings the top-level dropdowns in line with the menu bar when menu bar has padding */
}
.sf-menu ul ul {
	margin-top: 0;
}

.sf-sub-indicator {
	right: 17px !important;
    top: 23px !important;
    display: none;
}

.sub-menu .sf-sub-indicator {
	display: block;
}
.sub-menu .sf-sub-indicator {
	top: 11px !important;
}
.sf-menu ul .sf-sub-indicator {
	visibility: visible;
	float: right;
}

.sf-shadow ul {
	background: none;
	-webkit-box-shadow:  5px 5px 5px 0px rgba(0, 0, 0, 0.15);
    box-shadow:  5px 5px 5px 0px rgba(0, 0, 0, 0.15);
}
.sf-menu li {
	background: transparent;
}

/* mini main menu (smaller viewport width) */
.mini-menu {
	text-align: center;
}
.mini-menu select {
	width: 138px;
	margin: 10px;
	float: left;
}

/*************************************** UI ITEMS ***************************************/

/* header & blog search boxes */
#searchform-title span {
	float: right;
}

#searchform-title label {
	color: rgb(132,194,49);
}

#searchform-box,
#blog-searchform div {
	position: relative;
	margin: 21px 0 23px 0;
}

#searchform-box input[type=text],
#blog-searchform div input[type=text] {
	margin: 0;
	padding-left: 15px;
	width: 485px;
}

#searchform-box input[type=text]:focus,
#blog-searchform div input[type=text]:focus {
	outline: none;
}

#blog-searchform div input[type=text] {
	width: 205px;
	height: 34px;
}

#searchform-box input[type=submit],
#blog-searchform div input[type=submit] {
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
}

/* layouts for pages without sidebar  */
.page.no-sidebar {
    width: 940px;
    margin: 0;
    padding: 0;
    border: 0;
}
@media only screen and (max-width: 980px) {
    .page.no-sidebar {
        width: 620px;
    }

}
@media only screen and (max-width: 660px) {
    .page.no-sidebar {
        width: 300px;
    }
}

/* new for Marilyn  */
#home-body {
	background-color: #FFF;
}
#home-body .block-wrapper.first {
	background-color: #161616;
}
#home-body .block-wrapper.second {
	background-color: #044904;
	border-bottom: 50px solid #999999;
	overflow: hidden;
	height: 293px;
}
#home-body .block-wrapper.second .block {
	padding: 20px 1px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#home-body .block-wrapper.third {
	margin-bottom: 47px
}
#home-body .block {
	width: 980px;
	display: block;
	padding: 20px;
	margin: 0 auto;
	position: relative;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#home-body .hero-images {
	background: #f9f7f5;

	padding: 0 !important;
	width: 100%;
	height: 600px;

	overflow: hidden;

	position: relative;
}

#home-body .hero-images .royalSlide img {
    top: -40%;
    position: absolute;
}

.feature-tile,
.feature-tile:link {
	background-color: #353535;
	width: 300px;
	height: 245px;
	display: inline-block;
	vertical-align: top;
	zoom: 1; /* Fix for IE7 */
	*display: inline; /* Fix for IE7 */
	margin-right: 11px;
	border: none;
	margin-top: 10px;
	margin-bottom: 17px;

	-webkit-transition: background-color 1s ease;
	   -moz-transition: background-color 1s ease;
	    -ms-transition: background-color 1s ease;
	     -o-transition: background-color 1s ease;
	        transition: background-color 1s ease;
}

.feature-tile:hover,
.feature-tile:link:hover {
	background-color: #444444;
}

.feature-tile:last-child {
	margin-right: 0;
}

.feature-tile-image {
	width: 100%;
	height: 170px;
	background-position: center bottom;
	background-repeat: no-repeat;
	margin-bottom: 21px;
}

.feature-tile-image.property-management {
	background-image: url('images/frontpage-images/property_management.png');
}

.feature-tile-image.project-marketing {
	background-image: url('images/frontpage-images/project_marketing.png');
}

.feature-tile-image.property-sales {
	background-image: url('images/frontpage-images/property_sales.png');
}


.feature-tile-title {
	color: #fff;
	font-weight: 100;
	font-size: 25px;
	margin: 0 auto;
	text-transform: capitalize;
	text-align: center;
}

#home-body .block-wrapper.first .block {
	padding: 0 20px;
}
#home-body .section {
	float: left;
	display: block;
}

#home-body .block.hero-images .section {
	float: none;
	margin: 0 auto;
}

#home-body .section h2 {
	font-size: 25px;
	color: #424242;
	font-weight: 100;
}
#home-body .section.quick-links {
	width: 565px;
}
#home-body .section.quick-search {
	position: absolute;
    top: 193px;
}
.feature-property {
	width: 940px;
	margin: 0 auto;
	padding-top: 30px;
}

.section.hero-slider {
	height: 600px;
}

.hero-slider .royalSlide img {
	width: 100%;
	height: auto;
	min-width: 1650px;
}

/* Home search form */
#header-search {
	width: 916px;
    padding: 0 12px 12px;
    background-color: rgba(255,255,255,0.85);
    -moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	float: left;
}

#header-search select,
#header-search input[type=text] {
	font-size: 12px;
	font-weight: 400;
	padding: 10px;
	width: 245px;
	color: rgb(158,158,158);
	background-color: #FFF;

	border: 1px solid rgb(213,213,213);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}
#header-search select,
#header-search input {
	float: left;
}
#header-search input[type=text] {
	height: 18px;
	font-size: 16px;
	font-style: italic;
	margin-right: 20px;
	margin-top: 12px;
	margin-bottom: 0;
}
#searchform-box input[type=text]:focus {
	outline: none;
}

#searchform-options {
	white-space: nowrap;
	text-align: center;
	display: block;
	float: left;
	margin-top: 10px;
}
#searchform-options label {
	font-size: 13px;
	font-weight: 400;
	display: inline-block;
}
#searchform-options span {
	float: left;
	color: rgb(35,31,32);
	margin-bottom: 5px;
	line-height: 12px;
}
#searchform-options select {
	width: 222px;
	height: 20px;
    padding: 0px;
	margin-right: 11px;
	width: 105px;
	color: #333;
	-webkit-border: 1px solid #CCC;
}
#searchform-options select.last {
	margin-right: 0;
}

#header-search input[type=submit] {
	font-size: 14px;
	font-family: 'museo-sans', arial, sans-serif;
	height: 39px;
	width: 149px;
	float: right;
	font-weight: 500;
	color: #FFF;
	margin-top: 12px;
}

#header-search input[type=submit]:hover {
	background-color: #045b04;
}

#header-search input[type=submit]:active {
	-moz-box-shadow: inset 0 5px 9px rgba(0,0,0,.13); /* inner shadow */
	-webkit-box-shadow: inset 0 5px 9px rgba(0,0,0,.13); /* inner shadow */
	box-shadow: inset 0 5px 9px rgba(0,0,0,.13); /* inner shadow */
}

#home-body .section.welcome-msg {
    width: 450px;
}

.welcome-msg .welcome-text {
	padding-top: 30px;
	padding-bottom: 4px;
}

#home-body .section.welcome-msg h2 {
	font-size: 40px;
	line-height: 48px;
	color: #424242;
}
#home-body .section.welcome-msg p {
	font-weight: 100;
}
.section.blog {
	width: 380px;
	float: right !important;
}
.section.blog h2,
.section.welcome-msg h2 {
	margin: 20px 0 15px !important;
}

/* latest blogs */
ol.blogs,
ol.blogs li {
	list-style: none;
	padding: 0;
	margin: 0;
}
ol.blogs {
	margin-top: -9px;
}
ol.blogs li {
	padding: 10px 0;
	border-bottom: 1px solid rgb(239,239,239);
}
ol.blogs li:last-child {
	border: none;
}

ol.blogs a.title {
	font-size: 16px;
	display: block;
	max-height: 16px;
	line-height: 18px;
	color: #045b04;
	overflow: hidden;
	text-overflow:ellipsis;
	font-weight: 500;
	border: none !important;
}
ol.blogs a.title:hover {
	text-decoration: underline;
}
ol.blogs span.time {
	font-size: 12px;
	color: rgb(147,147,147);
	display: block;
	margin-top: 3px;
	font-weight: 500;
}
ol.blogs p {
	color: rgb(4,13,46);
	max-height: 59px;
    line-height: 20px;
    margin-bottom: 0;
    margin-top: 7px;
    overflow: hidden;
	text-overflow:ellipsis;
	font-weight: 100;
}

/* feature slider */
.jcarousel-prev, .jcarousel-next {
	display: block;
	position: absolute;
	width: 35px;
	height: 35px;
	top: 98px;
	cursor: pointer;
	//background-color: rgb(132,194,49);
	background-image: url(images/slider_arrows.png);
	background-repeat: no-repeat;
	//-moz-border-radius: 2px;
	//-webkit-border-radius: 2px;
	//-o-border-radius: 2px;
	//border-radius: 2px;
}
.jcarousel-prev {
	left: -56px;
	background-position: 6px 6px;
}
.jcarousel-next {
	right: -57px;
	background-position: 10px -60px;
}
.jcarousel-prev:hover { background-position: -72px 6px; }
.jcarousel-next:hover { background-position: -68px -60px; }
/*
.jcarousel-prev:active { background-position: -842px 1px; }
.jcarousel-next:active { background-position: -843px -63px; }
*/
.jcarousel-clip {
	overflow: hidden;
}

.feature-property ul,
.feature-property li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.feature-property ul {
	width: 1500px;
}
.feature-property li {
	float: left;
	margin-right: 9px;
}
.feature-property li a {
	display: block;
	height: 215px;
	width: 210px;
	padding: 7px 8px;
	border: 1px solid rgb(229,229,229);
	background-color: #FFF;
}
.feature-property li a:hover {
	border-color: #e5e5e5;
}
.feature-property li span.title {
	font-size: 16px;
	color: rgb(51,51,51);
	display: block;
    height: 22px;
    overflow: hidden;
}
.feature-property li span.price {
	font-size: 14px;
	color: #040d2e;
	font-weight: 300;
	margin-top: 5px;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

/* footer */
/* site footer */
#footer .inner-wrapper {
	width: 940px;
	margin: 8px auto 33px;
	padding-top: 25px;
	padding-bottom: 20px;
}
#footer aside {
	display: block;
	float: left;
	margin-left: 20px;
}
#footer aside {
	margin-left: 0;
}
#footer aside h3,
#footer aside a.dropdown-trigger {
	font-size: 16px;
	font-weight: 300;
	color: #fff;
	margin-top: 0px;
	margin-bottom: 10px;
}
#sitemap {
}
#sitemap a.dropdown-trigger {
	padding-left: 24px;
	background-image: url(images/dropdown_status.png);
	background-repeat: no-repeat;
	background-position: -2px -2px;
}
#sitemap a.dropdown-trigger:hover {
	background-position: -2px -38px;
}
#sitemap a.dropdown-trigger.active:hover,
#sitemap a.dropdown-trigger.active {
	background-position: -2px -72px;
}
#sitemap .dropdown-content {
	margin: 20px 0 0px 5px;
}
#sitemap.mobile .dropdown-content {
	width: 295px;
}
#sitemap,
#sitemap ul {
	float: left;
}
#sitemap ul,
#sitemap li {
	list-style: none;
	margin: 0;
	padding: 0;
}
#sitemap li {
	float: left;
	height: 14px;
	padding: 0 18px;
	margin-bottom: 10px;
	border-right: 1px solid #FFF;
}
#sitemap.mobile li {
	border: none;
	float: none;
	margin-top:10px;
	padding: 0 10px;
}
#sitemap li:last-child {
	border: none;
}
#sitemap ul li a {
	color: #FFF;
	font-size: 13px;
	line-height: 13px;
	text-transform: uppercase;
}
#sitemap ul li a:hover {
	text-decoration: underline;
}

#social-links {
	width: 140px;
	float: right !important;
}
#sign-up {
	width: 212px;
	float: right !important;
	margin-right: 30px;
}
#sign-up a {
	font-weight: 500;
	line-height: 15px;
	width: 129px;
	padding: 12px 10px;
	font-size: 14px;
	color: #FFF;
	border: 4px solid #484848;
}
#office-address {
	width: 150px;
}
#office-address p,
#office-address .contact-link-text {
	font-size: 13px;
	color: #999999;
	margin-bottom: 0;
}

#office-address .office-phone {
	font-size: 16px;
	margin-top: 5px;
	color: #b7b6b6;
}
/* homepage menu and footer social icons */
.contactpane {
	height: 25px;
	display: block;
	width: 200px;
	position: absolute;
	top: 58px;
	right: 20px;
}
#social-links a,
.contactpane .social-link {
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	border-radius: 13px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(25,25,25,0.15);
	width: 26px;
	height: 26px;
}

#social-links a:hover,
.contactpane .social-link:hover {
	background-color: rgba(0,0,0,0.3);
}

.contactpane .social-link {
	width: 35px;
	height: 35px;
	-moz-border-radius: 18px / 17px;
	-webkit-border-radius: 18px / 17px;
	border-radius: 18px / 17px;
}

#social-links .inner {
	position: relative;
	height: 35px;
	left: -9px;
}
#social-links a,
#header .contactpane a {
	background-repeat: no-repeat;
	position: relative;
}
.contactpane a  {
	display: inline-block;
	float: right;
	height: 25px;
	width: 25px;
	margin: 0 0 0 6px;
	border-bottom: 0;
	background-image: url(images/social_icons.png);
}
.contactpane a.youtube {
	display: none;
}

#social-links a {
	float: left;
	display: block;
	width: 26px;
	height: 26px;
	margin: 0px 0 0 8px;
	background-image: url('images/social_icons_2.png');
}

.contactpane a.facebook {
	background-position: -57px 6px;
}
#social-links a.facebook {
	background-position: 0px -107px;
}

.contactpane a.twitter {
	background-position: -28px 6px;
}
#social-links a.twitter {
	background-position: -36px -107px;
}
#social-links a.youtube {
	background-position: -72px -107px;
}
#social-links a.facebook:hover {
 }
#social-links a.twitter:hover {
}
#social-links a.youtube:hover {
}
/* mobile home page */
#home-mobile  {
	display: none;
}
#sitemap.mobile {
	display: none !important;
}
#footer.widget-area {
	display: block;
}

.footer-branding-mobile {
	display: none;

	text-align: center;
	border-bottom: 8px solid #045b04;
	padding: 13px 0 25px;
}

	/*	==========================================================================
	 Contact Section
	========================================================================== */
#home-mobile .section.contact-section {
	background-color: #5a5a5a;
	padding-top: 30px;
	margin: 0;
	width: 100%;
}

.contact-section .section-title {
	color: #fff;
    font-size: 20px;
    font-weight: 300;
    line-height: 75px;
    text-align: center;
    width: 100%;
}

.section.contact-section .link-button {
	display: block;
	width: 100%;

	border: 3px solid #484848;

	color: #fff;

	margin: 0 auto 23px;
	font-size: 14px;

	width: 250px;
	height: 35px;
	line-height: 24px;

	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;

	appearance:none;
	-moz-appearance:none; /* Firefox */
	-webkit-appearance:none; /* Safari and Chrome */
}
@media only screen and (max-width: 660px) {



	#home-mobile,
	#sitemap.mobile,
	#social-links.mobile {
		display: block !important;
	}

.footer-branding-mobile {
	display: block;
}

	#footer #social-links {
		float: right;
		margin: 0;
		padding: 0;
	}
	#footer .inner-wrapper,
	#page.home #footer .inner-wrapper {
	    width: 300px;
	    padding: 0;
	    margin: 20px auto;
	}
	#access {
		position: relative;
		background-color: #ffffff;
	}
	#social-links {
		margin: 25px 0;
	}
	#footer {
		padding-top: 0;

		display: none;
	}
	#main.home,
	#page.home {
		min-width: 320px !important;
	}
	/* front page mobile view */
	#sitemap,
	#home-body,
	#footer.widget-area,
	#header.home .contactpane,
	#home-slider-wrapper,
	#home-mobile .sigup-form label,
	#page .property-slider-small .royalControlNavOverflow,
	#sign-up {
		display: none !important;
	}
	#access.home {
		width: 100%;
	}
	#header.home,
	#branding.home  {
		width: 320px;
	}
	#branding.home  {
		margin: 0;
		min-height: 250px;
		position: relative;
	}
	#home-mobile {
		display: block;
		margin: 0 auto;
		width: 320px;
	}
	#social-links {
	    margin: 25px 0;
	    padding: 0 65px 0 85px;
	    width: 150px;
	}
	#home-mobile .section {
		display: block;
		width: 290px;
		margin: 0 15px;
		float: left;
	}
	#home-mobile .section.slider {
		margin: 0;
		background: #f9f7f5 url(images/content/staff-mobile.jpg) center center;
		height: 126px;
		width: 100%;
	}

	#home-mobile .section.help-options {
		background-color: #161616;
		color: #fff;
		padding: 10px 15px;
		margin: 0;
		border-bottom: 22px solid #B0272F;
	}

	#home-mobile .section.help-options h2 {
		font-size: 25px;
		font-weight: 100;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	#home-mobile .section.help-options .help-section {
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		-moz-background-clip: padding;
		-webkit-background-clip: padding-box;
		background-clip: padding-box;
		background-color: #444444;

		text-align: right;
		padding-right: 21px;

		height: 60px;
		line-height: 60px;

		margin-top: 10px;

		font-size: 14px;
		font-weight: 300;

		cursor: pointer;
	}

	#home-mobile .section.help-options .help-section a,
	#home-mobile .section.help-options .help-section {
		color: #FFFFFF;
		border: none;
	}

	#home-mobile .help-section.managment {
		background-image: url(images/frontpage-images/mobile-managment.png);
		background-position: left center;
		background-repeat: no-repeat;
	}
	#home-mobile .help-section.marketing {
		background-image: url(images/frontpage-images/mobile-marketing.png);
		background-position: left center;
		background-repeat: no-repeat;
	}
	#home-mobile .help-section.property-sales{
		background-image: url(images/frontpage-images/mobile-property-sales.png);
		background-position: left center;
		background-repeat: no-repeat;
	}

	#home-mobile .section.recent {
		margin: 0;
		width: 320px;
		background-color: #044904;
	}
	#home-mobile .section.map {
		margin: 0;
		width: 320px;
		display: block;
	    height: 168px;
	    overflow: hidden;
	}

	/* recent listings */
		/* recent listings */

	#feature-property-slider-wrapper {
		display: block;
		width: 320px;
		height: 228px;
		padding: 13px 0;
		overflow:hidden;
	}

	#feature-property-slider .title {
		display: block;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 200px;
		font-size: 16px;
		font-weight: 500;
		color: #333333;
	}
	#feature-property-slider .price {
		color: #045b04;
	}

	#feature-property-slider {
		display: block;
		width: 248px;
		height: 228px;
		position: relative;
		margin-left: 10px;
	}
	#feature-property-slider .rsOverflow{
		width: 315px !important;
	}
	#feature-property-slider.royalSlider .royalWrapper {
		overflow: visible;
		width: 248px;
		background-color: rgb(239,239,239) !important;
   		background-image: none !important;
	}
	#feature-property-slider .royalSlide {
		padding: 8px !important;
		border: 1px solid rgb(229,229,229) !important;
		background-color: #FFF;
		background-image: none;
		width: 210px !important;
		height: 210px !important;
		margin-right: 20px !important;
	}
	#feature-property-slider .royalSlide a {
		border: none;
		display: block;
	}
	#feature-property-slider li span.title {
		font-size: 16px;
		color: rgb(51,51,51);
		display: block;
	    height: 20px;
	    overflow: hidden;
	}
	#feature-property-slider li a:hover span.title {
		text-decoration: underline;
	}
	#feature-property-slider li span.price {
		font-size: 14px;
		color: #b5121b;
		margin-top: 5px;
		display: block;
	}

	/* property search */
	#home-mobile .search {
		width: 320px;
		margin: 0;
	}
	#home-mobile .search a.title {
		display: block;
		font-size: 16px;
		font-weight: 400;
		line-height: 24px;
		color: #FFF;

		text-transform: uppercase;
		padding: 18px 25px 22px;
		width: 270px;
		cursor: pointer;
		border: none;

		background-color: rgb(132,194,49);
	}
	#home-mobile .search a.title span {
		display: inline-block;
		width: 22px;
		height: 22px;
		background-image: url(images/dropdown_status.png);
		background-repeat: no-repeat;
		background-position: -2px -2px;
	    left: -11px;
    	margin-right: -6px;
	    position: relative;
	    top: 7px;
	}
	#home-mobile .search a.title.active span {
		background-position: -2px -72px;
	}

	#home-mobile .section.mobile-hero {
		margin: 0;
		padding: 0;
		width: 320px;
		height: 124px;
	}
	#home-mobile .section.mobile-hero img {
		display: block;
	}

	#home-mobile .section.msg {
		border-top: 1px solid #161616;
		padding: 20px 15px;
		margin: 0;
		width: 100%;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;

	}



	#home-mobile .msg h2 {
		font-size: 29px;
		font-weight: 100;
		line-height: 30px;
		color: #161616;
		margin: 0;
		color: #045b04;
	}
	#home-mobile .msg p {
		color: rgb(51,51,51);
	}
	#home-mobile .sigup-form h3 {
		border-top: 1px solid rgb(0,64,139);
		margin-top: 0;
    	padding-top: 15px;
	}
	#footer h3.widget-title,
	#home-mobile .sigup-form h3 {
		padding-bottom: 15px;
		border-bottom: 1px solid rgb(0,48,103);
	}


	/* modify search form layout to suit small width */
	#header-search {
		height: auto;
		padding: 20px;
		width: 280px;
		background-color: rgb(239,239,239);
		//border-bottom: 1px solid rgb(239,239,239);
	}
	#header-search input[type="text"] {
    	width: 258px;
    	margin: 0;
    }
    #searchform-options {
		white-space: normal;
		width: 280px;
		margin-top: 10px;
	}
	#searchform-options select,
	#searchform-options select.last {
		width: 125px;
		margin: 0 25px 10px 0;
		padding: 5px;
		height: 30px;
	}
	#searchform-options select.column-end {
		margin: 0 0 10px 0px;
	}
	#searchform-title {
		margin-top: 0;
	}
	#header-search input[type="submit"] {
		float: right;
	    height: 39px;
	    margin-top: 10px;
	}

	/* sign up form */
	#sign-up,
	#sign-up form {
		width: 300px;
	}
	#sign-up form input[type="text"] {
		width: 278px !important;
		margin-bottom: 15px;
	}
	#sign-up form input[type="submit"] {
		position: relative;
		float: right;
		margin-top: 10px;
		width: 86px;
	}
	#sign-up div.cf_info {
		width: 80%;
	}
	#sign-up div.cf_info.success {
	    background-position: 1px -120px;
	}
	#social-links.mobile {
		display: block;
		width: 120px;
		float: right;
		margin: 67px 0 0 !important;
    	padding: 0;
	}
	#sign-up li.cf_li_err input[type='text'] {
		width: 258px;
	}

}
/* sign up pop up */
#page-body.page-cforms {
	padding: 0;
	width: auto;
	position: relative;
}
.cboxIframe {
	overflow: hidden;
}
#cboxContent #cboxClose {
	background-image: url(images/cform_close.png);
	background-position: center center;
	height: 37px;
	right: 36px;
   top: 18px;
   width: 37px;

	-moz-border-radius: 19px / 18px;
	-webkit-border-radius: 19px / 18px;
	border-radius: 19px / 18px;
	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	background-color: rgba(255,255,255,0.2);

}
#cboxClose:hover {
	background-color: rgba(255, 255, 255, 0.4);
}
#cboxClose:active {
}
#page-body.page-cforms h2.title {
	color: #FFF;
	background-color: #161616;
	display: block;
	padding: 15px 35px;
	margin: 0;
	font-size: 30px;
	font-weight: 100;
}
#page-body.page-cforms p.info {
	color: #333333;
	font-size: 16px;
	margin: 0;
	padding: 26px 35px 10px;
	font-weight: 100;
}
#page-body.page-cforms form {
	margin: 0 35px;
	width: 542px;
}

#page-body.page-cforms form input[type="submit"] {
	float: right;
	margin-top: 5px;
	//margin-right: 10px;
	height: 37px;
	font-size: 14px;
	text-transform: none !important;
}
#page-body.page-cforms form input[type="text"] {
	display: inline-block;
	height: 28px;
    width: 400px;
}
#page-body.page-cforms form li label {
	width: 120px;
	display: inline-block;
	font-weight: 500;
	font-size: 16px;
}
#page-body.page-cforms form li {
	margin-bottom: 30px;
}

#page-body.page-cforms input.cf_error,
#page-body.page-cforms li.cf_li_err input {
	background-image: none;
	padding-left: 10px;
	border-color: rgb(208,33,39);
	width: 398px;
}
#page-body.page-cforms div.cf_info {
	width: 425px;
	padding: 6px;
	margin-left: 20px;
	position: absolute;
}
#page-body.page-cforms div.cf_info.failure {
	color: #d02127;
	line-height: 35px;
	font-weight: 100;
	position: absolute;
    top: 284px;


}
#page-body.page-cforms div.cf_info.success {
	color: rgb(42,137,12);
	background-image: none;
    top: 75px;
    font-size: 24px;
    font-weight: bold;
    padding: 40px;
    width: 500px;
    background-image: url(images/cform_success.png);
    background-position: 134px 45px;
    background-repeat: no-repeat;
    font-style: normal;
}
#page-body.page-cforms div.cf_info.failure,
#page-body.page-cforms div.cf_info.success {
    position: absolute;
    background-color: #FFF;
}
#page-body.page-cforms div.cf_info.success span.sucess {
	font-size: 16px;
	color: rgb(51,51,51);
	width: 535px;
	font-weight: 400;
	margin-top: 40px;
	display: block;
}


/* Home search form */
#header-search {
	width: 270px;
    margin: 0;
}
#searchform-title {
	display: block;
	margin-bottom: 10px;
	margin-top: 5px;
}
#searchform-title label {
	font-size: 14px;
	margin-right: 20px;
	font-weight: 400;
}
#searchform-title span {
	float: left;
}
#searchform-options label {
	display: inline-block;
	color: #FFF;
}
#searchform-options label span {
	display: block;
}
#header-search input[type=text] {
	font-size: 12px;
	font-weight: 400;
	width: 247px;
	height: 20px;
	line-height: 20px;
	margin-bottom: 15px;
	color: rgb(110,110,110);
	background-color: #FFF;

	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	border: none;
}
#header-search input[type=text] {
	height: 25px;
	font-size: 16px;
	font-style: italic;
}
#searchform-box input[type=text]:focus {
	outline: none;
}
#searchform-options label {

}
#searchform-options select {
	width: 125px;
	margin: 5px 15px 15px 0;
	font-size: 12px;
	font-weight: 600;
}
#searchform-options .last select {
	margin-right: 0;
}

/*	==========================================================================
	 Homepage staff members
	========================================================================== */

.home ol.staff li {
	float: none;
	border: none;
}
.home ol.staff li:first-child {
	margin-top: 0;
}

.home .staff .post-image, .home .staff a.post-image {
	width: 81px;
	height: 109px;
	padding: 0;
	border: none;
	margin: 0 20px 0 0;
	display: table-cell;
	border: 2px solid transparent;
}

.home .staff a.post-image:hover {
	padding: 0;
	border: 2px solid #7f7f7f;
}

.home .staff .title {
	font-size: 16px;
	font-weight: 500;
	color: #046304;
	line-height: 35px;
	border: none;
}

.home .staff .phone-number {
	display: block;
	font-size: 14px;
	font-weight: 100;
	color: #424242;
	line-height: 20px;
	border: none;
}
.home .staff .email-address {
	display: block;
	font-size: 14px;
	font-weight: 100;
	color: #424242;
	line-height: 20px;
	border: none;
}

.home .staff .title:hover,
.home .staff .phone-number:hover,
.home .staff .email-address:hover {
	text-decoration: underline;
}
