/**

*************************************

------------ #GLOBAL ----------------

*************************************

*/



html {

	box-sizing: border-box;

}



*, *:before, *:after {

	box-sizing: inherit;

}



body {

	font-family: Arial, Helvetica, Sans-serif;

}



.clearfloat {

	clear: both;

}

/**

*************************************

------------ #HEADER ----------------

*************************************

*/



.header {

	background: #cb271d url(../images/headerbg.png) no-repeat center center;

	background-size: cover;

	height: 150px;

}



.header-inner {

	width: 980px;

	margin: 0 auto;

	height: 150px;

	display: table;

}



.header-inner .logo,

.offices-contact {

	display: table-cell;

	vertical-align: middle;

}



.offices-contact {

	line-height: 25px;

}



.offices-contact p,

.offices-contact h2 {

	margin: 0;

}



.navigation-container {

	background: #a52219;

}



.navigation {

	list-style: none;

	height: 50px;

	margin: 0 auto;

	padding: 0;

	width: 980px;

}



.navigation li ul {

	list-style: none;

	display: none;

	visibility: hidden;

	position: absolute;

	z-index: 3;

	display: block;

	padding: 0;

	margin: 0;

	background: #a52219;
}



.navigation li:hover ul {

	visibility: visible;

	display: block;

}



.banner .cycleNav a {

	width: 13px;

	height: 13px;

	-webkit-border-radius: 8px;

	-moz-border-radius: 8px;

	border-radius: 8px;

	font-size: 0;

	text-indent: -99999px;

	background: #fff;

	display: block;

	margin-bottom: 15px;

}



.banner .cycleNav a.activeSlide {

	background: #c4251c;

}



.banner .cycleNav {

	position: absolute;

	z-index: 6;

	top: 23px;

	right: 39px;

}



.navigation li ul li a {

	color: #fff;

	display: block;

	font-size: 13px;

	font-weight: bold;

	  height: 30px;
  line-height: 30px;
  padding: 0 10px;

}



.navigation > li {

	display: inline-block;

	padding-right: 37px;

	line-height: 50px;

	z-index: 7;

	position: relative;

}



.navigation > li:first-child {

	padding-left: 23px;

}



.navigation li ul li {

	display: block;

	border-top: 1px solid #8a1c15;

	width: 168px;

	text-align: left;

	height: 30px;

}

.navigation li ul li:hover {

	background-color:#8a1c15;

}



.navigation > li:last-child {

	padding-right: 22px;

}



.navigation li a {

	color: #ffd9d9;

	text-decoration: none;

	font-weight: bold;

	font-size: 16px;

}

.navigation li a:hover, .navigation li a.active {
	color: #ffffff;
}

.offices-contact h2 {

	font-size: 24px;

	font-weight: bold;

	color: #fff;

	text-transform: uppercase;

	width: 100%;

}



.offices-contact .office-place {

	font-size: 16px;

	color: #fff;

	font-weight: bold;

	text-transform: uppercase;

}



.offices-contact a {

	text-decoration: none;

	color: #fff;

	font-size: 16px;

	font-weight: bold;

}



.offices-contact > div {

	float: left;

}



.offices-contact .office-place-container {

	width: 165px;

}



/**

*************************************

------------ #WRAPPER/BODY ----------

*************************************

*/



.wrapper {

	background: #c3251c;

}



.wrapper-inner {

	width: 980px;

	margin: 0 auto;

}



.banner-inner > img {

	width: 980px;

}



/* @banner */



.banner {

	position: relative;

	height: 550px;

}



.banner1,

.banner2 {

	height: 550px;

	width: 100%;

}



.banner1 {

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

}



.banner2 {

	background: #bdbdbd url(../images/banner2.jpg) no-repeat center center;

	-webkit-background-size: cover;

	-moz-background-size: cover;

	background-size: cover;

}



/*-----------------------*/



#searchform {

	position: absolute;

	bottom: 30px;

	width: 735px;

	height: 60px;

	z-index: 6;

	left: 0;

 	right: 0;

	margin: auto;
}



#searchform select {

	border: none;

	background: #eaeaea;

	padding: 19.5px 20px 19.5px 40px;

	font-size: 16px;

	color: #6d6d6d;

	margin-right: -4px;

}



#searchform input[type="text"] {

	width: 475px;

	height: 60px;

	border: none;

	padding-left: 19px;

	font-size: 14px;

	color: #6d6d6d;

	margin-right: -4px;

}



#searchform input[type="submit"] {

	width: 140px;

	height: 60px;

	background: #ee2d24;

	border: none;

	font-size: 16px;

	font-weight: bold;

	color: #fff;

	position: absolute;

	right: 0;

}



.searchform-inner {

	width: 735px;

	position: relative;

	background: #fff;

}



/* @featured */



.featured-container > a:not(.clearfloat) {

	width: 245px;

	height: 170px;

	float: left;

}



.featured-container a {

	text-decoration: none;

	color: #fff;

}



.featured-buy {

	background: #bdbdbd url(../images/featured-buy.jpg) no-repeat;

	background-position: -127px -161px;

	height: 170px;

}



.featured-rent {

	background: #bdbdbd url(../images/featured-rent.jpg) no-repeat;

	background-position: -81px -130px;

	height: 170px;

}



.featured-sell {

	background: #bdbdbd url(../images/featured-sell.jpg) no-repeat;

	background-position: -263px -225px;

	height: 170px;

}



.featured-lease {

	background: #bdbdbd url(../images/featured-lease.jpg) no-repeat;

	background-position: -337px -165px;

	height: 170px;

}



.featured-buy,

.featured-rent,

.featured-sell,

.featured-lease {

	position: relative;

}



.featured-buy > div,

.featured-rent > div,

.featured-sell > div,

.featured-lease > div {

	background: #c3251c;

	opacity: 0.5;

	position: absolute;

	width: 100%;

	height: 100%;

}



.featured-buy > h3,

.featured-rent > h3,

.featured-sell > h3,

.featured-lease > h3 {

	font-size: 36px;

	font-weight: bold;

	margin: 0;

	text-decoration: none;

	position: absolute;

	z-index: 2;

	opacity: 1;

	left: 20px;

	bottom: 29px;

}







/**

*************************************

------------ #FOOTER ----------------

*************************************

*/



.footer {

	background: #04234e;

}



.footer-inner {

	width: 980px;

	margin: 0 auto;

}



.footer h2,

.footer ul {

	margin: 0;

	padding: 0;

}



.footer ul {

	list-style: none;

}



.signup-property-inner > h2,

#propertyalerts-form {

	text-align: center;

}



.signup-property-inner > h2 {

	width: 100%;

}



.signup-property-inner h2 {

	color: #fff;

	font-size: 36px;

	font-weight: normal;

	padding-top: 39px;

	padding-bottom: 31px;

}



.signup-property-inner form input[type="text"] {

	width: 200px;

	height: 41px;

	padding-left: 18px;

	font-size: 14px;

	color: #6d6d6d;

	  border: none;

}



.signup-property-inner form input[type="submit"] {

	background: #1162b3;

	text-align: center;

	font-weight: bold;

	font-size: 16px;

	border: none;

	width: 180px;

	height: 41px;

	color: #fff;

	vertical-align: bottom;

}



#propertyalerts-form {

	  padding: 38px 0;

}



.socialmedia-links ul li,

.bottom-footer ul li {

	display: inline-block;

}



.bottom-footer li,

.bottom-footer li a {

	font-size: 12px;

	color: #929292;

	text-decoration: none;

	-webkit-transition: all 0.325s ease;

	-moz-transition: all 0.325s ease;

	transition: all 0.325s ease;

}



.bottom-footer {

	padding-bottom: 50px;

}



.socialmedia-links ul li {

	padding-right: 5px;

}



.socialmedia-links a {

	color: #fff;

	font-size: 12px;

	text-decoration: none;

}



.socialmedia-links {

	padding-bottom: 10px;

}



.emag-reqappraisal {

	height: 55px;

	width: 100%;

	margin-bottom: 57px;

}



.emag-reqappraisal > a {

	width: 489px;

	background: #c4251c;

	line-height: 55px;

	height: 55px;

	text-align: center;

	color: #fff;

	text-decoration: none;

	display: inline-block;

	margin-right: -2px !important;

	font-size: 24px;

}

.emag-reqappraisal > a:hover {
	background: #ee2e24;
}



.emag-reqappraisal > a:first-child {

	margin-right: 2px;

}



.wb {

	opacity: .25;

	position: relative;

	top: 2px;

	padding-left: 4px;

	padding-right: 6px;

}



.mydesktop {

	position: relative;

	top: 6px;

	padding-left: 4px;

	-webkit-transition: all 0.325s ease;

	-moz-transition: all 0.325s ease;

	transition: all 0.325s ease;

}



.bottom-footer li:nth-child(2):hover,

.mydesktop:hover {

	opacity: 0.5;

}



.wb-main {

	opacity: 0.5;

	position: relative;

	left: 5px;

	-webkit-transition: 0.325s;

	-moz-transition: 0.325s;

	transition: 0.325s;

	font-size: 11px !important;

	top: -0.5px;

}



.wb-main:hover {

	opacity: 1;

}

span.ui-helper-hidden-accessible {
    display:none;
}

ul#ui-id-1 {
    border: 1px solid #EAEAEA;
    width: 480px!important;
    padding: 0;
    text-indent: 18px;
    background-color:#fff;
    position: absolute!important;
    top: 734px!important;
}

li.ui-menu-item {
    list-style: none;
    color: #888888;
}

li.ui-menu-item:hover {
    background-color: #EAEAEA;
}



.WebsiteBlueLogo, .MyDesktopLogo {
	margin-bottom: -4px;
}
