/* ******************************* FONTS **/

@font-face {
    font-family: "britannic";
    src: url('http://assets.rmcloud.com/fonts/britanic-webfont.eot');
    src: local('☺');
    src: url('http://assets.rmcloud.com/fonts/britanic-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/britanic-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/britanic-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/britanic-webfont.svg#BritannicBoldRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'amerigo';
    src: url('http://assets.rmcloud.com/fonts/amrigob-webfont.eot');
    src: local('☺');
    src: url('http://assets.rmcloud.com/fonts/amrigob-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/amrigob-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/amrigob-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/amrigob-webfont.svg#AmerigoBTBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "avant-garde";
    src: url('http://assets.rmcloud.com/fonts/itcavantgardestd-bk-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/itcavantgardestd-bk-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/itcavantgardestd-bk-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/itcavantgardestd-bk-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/itcavantgardestd-bk-webfont.svg#ITCAvantGardeGothicStdBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "avant-garde-bold";
    src: url('http://assets.rmcloud.com/fonts/itcavantgardestd-bold-webfont.eot');
    src: url('http://assets.rmcloud.com/fonts/itcavantgardestd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://assets.rmcloud.com/fonts/itcavantgardestd-bold-webfont.woff') format('woff'),
         url('http://assets.rmcloud.com/fonts/itcavantgardestd-bold-webfont.ttf') format('truetype'),
         url('http://assets.rmcloud.com/fonts/itcavantgardestd-bold-webfont.svg#ITCAvantGardeGothicStdBold') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* ****************************** RESETS **/

html, body, ul, li, h1, h2, h3, h4, h5, h6, p {
  margin: 0px; padding: 0px;
}

ul, li {
  list-style-type: none;
}




/* ************************ SHARED STYLES **/

#site {
  width: 100%;
  position: relative;
}

.wrapper {
  width: 100%;
}

.clearFloat {
  clear: both;
}

.hide {
  display: none;
}



/* ************* GLOBAL MAIN CONSTRUCTION **/

body {
  background-color: #DEDEDE;
  line-height: normal !important;
}

#main {
  background-image: url(images/brick-texture.png);
  background-repeat: no-repeat;
  background-position: top center;
  position: relative;
  background-color: #DEDEDE;
}

#main .containerTop {
  background-image: url(images/top-white-blue.png);
  background-repeat: no-repeat;
  width: 977px; height: 25px;
  margin: 0px auto;
  position: relative;
  top: -22px;
}

#main .containerMain {
  background-image: url(images/midtile-white-blue.png);
  width: 977px;
  background-repeat: repeat-y;
  margin: 0px auto;
  padding: 0px 0px 25px 0px;
  position: relative;
  top: -22px;
}

#main .containerBottom {
  background-image: url(images/bottom-white-blue.png);
  background-repeat: no-repeat;
  width: 977px; height: 25px;
  margin: 0px auto;
  position: relative;
  top: -22px;
	z-index:100;
	*z-index:-1;
}

#main .interiorContainerTop {
  background-image: url(images/top-white.png);
  background-repeat: no-repeat;
  width: 977px; height: 25px;
  margin: 0px auto;
  position: relative;
  top: -22px;
}

#main .interiorContainerMain {
  background-image: url(images/midtile-white.png);
  width: 977px;
  min-height: 300px;
  background-repeat: repeat-y;
  margin: 0px auto;
  padding: 0px 0px 25px 0px;
  position: relative;
  top: -22px;
}

#main .interiorContainerBottom {
  background-image: url(images/bottom-white.png);
  background-repeat: no-repeat;
  width: 977px; height: 25px;
  margin: 0px auto;
  position: relative;
  top: -22px;
}

#main .containerMain .container {
  width: 960px;
  margin: 0px auto;
}

#main .interiorContainerMain .container {
  width: 940px;
  margin: 0px auto;
  padding: 0px 10px;
}

#main .interiorContainerMain .container #PageHeader {
  background-color: #F2F2F2;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  margin-bottom: 20px;
  padding: 9px 0px 3px 5px;
  font-size: 20px;
  font-family: 'avant-garde';
  color: #203F4E;
}


/* ************************ HEADER STYLES **/

header {
  background-image: url(images/header-blue.jpg);
  background-repeat: repeat-x;
  height: 281px;
}

header .container {
  width: 960px; height: 210px;
  margin: 0px auto;
  position: relative;
}

header .container .castlesLogo {
  background-image: url(images/selling-calgary-castles-logo.jpg);
  background-repeat: no-repeat;
  width: 231px; height: 160px;
  position: absolute;
  top: 50px;
}

header .container .castlesLogo a {
  display: block;
  width: 231px; height: 160px;
}

header .container .headerBuildings {
  background-image: url(images/header-buildings.png);
  background-repeat: no-repeat;
  width: 401px; height: 201px;
  position: absolute;
  top: 9px; right: 1px;
}

header .container h1 {
  width: 500px;
  position: absolute;
  top: 95px;
  z-index: 10;
  font-family: 'britannic';
  font-weight: normal;
  font-size: 55px;
  color: #FFF;
}

header .container h1 a{
	color: #FFF!important;
	  text-decoration:none!important;
}

header .container h2 {
  width: 384px;
  position: absolute;
  top: 150px;
  z-index: 10;
  font-family: 'avant-garde';
  font-weight: normal;
  font-size: 17px;
  text-transform: uppercase;
  color: #D4F0FF;
  letter-spacing: 1px;
}

header .container h3 {
  width: 300px;
  font-family: 'avant-garde';
  font-weight: normal;
  font-size: 14px;
  color: #4A6573;
}

header .container h3.phoneNeil {
  position: absolute;
  top: 21px; left: 240px;
}

header .container h3.phoneRyan {
  position: absolute;
  top: 21px; left: 450px;
}

header .container h3 span.largerPhone {
  font-size: 18px;
  color: #4A6573;
}

header .container span {
  color: #D4F0FF;
}

header .googlePlus {
  position: absolute;
  top: 22px; left: 10px;
}

header .socialMedia {
  width: 300px;
  position: absolute;
  top: 22px; left: 85px;
}

header .socialMedia li {
  float: left;
  padding: 0px 5px;
}

header .socialMedia a {
  display: block;
  background-repeat: no-repeat;
  background-position: top left;
}

header .socialMedia a.facebookIcon {
  background-image: url(images/facebook-sprite.png);
  width: 7px; height: 15px;
}

header .socialMedia a.youtubeIcon {
  background-image: url(images/youtube-sprite.png);
  width: 15px; height: 15px;
}

header .socialMedia a.twitterIcon {
  background-image: url(images/twitter-sprite.png);
  width: 23px; height: 16px;
}

header .socialMedia a.linkedinIcon {
  background-image: url(images/linkedin-sprite.png);
  width: 16px; height: 15px;
}

header .socialMedia a.googlePlusIcon {
  background-image: url(images/gPlus-sprite.png);
  width: 15px; height: 15px;
}

header .socialMedia a.blogIcon {
  background-image: url(images/blog-sprite.png);
  width: 16px; height: 16px;
}


header .socialMedia a:hover {
  background-position: bottom left;
}



/* ************************** NAV STYLES **/

#nav {
  position: absolute;
  top: 222px;
  z-index: 400;
}

#nav ul.container {
  width: 960px; height: 35px;
  margin: 0px auto;
  *position: relative;
  *z-index: 400;
}

#nav li {
  float: left;
  position: relative;
  background-image: url(images/nav-divider.png);
  background-repeat: no-repeat;
  background-position: -5px center;
  *z-index: 400;
}

#nav li.first {
  background: none;
  padding: 0px;
}

#nav li a {
  display: block;
  height: 33px;
  padding: 0px 22px;
  line-height: 33px;
  color: #FFF;
  text-shadow: -1px 1px 1px #000;
  text-decoration: none;
  font-size: 16px;
  font-family: 'avant-garde';
  *position: relative;
  *z-index: 400;
}

#nav li.over a.topNav {
  background: #004972;
}

#nav li ul {
  display: none;
}

#nav li ul li {
  height: 30px;
  background-image: none;
  background-color: none;
  border-bottom: 1px solid #015C91;
  *position: relative;
  *z-index: 400;
}

#nav li ul li.last {
  border-bottom: none;
}

#nav li ul li a {
  height: 30px;
  line-height: 34px;
  background-color: none;
  *position: relative;
  *z-index: 400;
}

#nav li.over ul {
  display: block;
  position: absolute;
  *top: 30px;
  background-color: #004972;
  background-image: url(images/nav-dropdown-bg.jpg);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 260px;
  list-style: none;
  margin: 0;
  padding: 6px 0;
  z-index: 200;
  *z-index: 400;
}

#nav li.over ul a {
  width: 246px;
  padding: 0 0 0 10px;
  *padding: 0 0 0 6px;
  margin: 0px 2px;
  font-size: 14px;
  *position: relative;
  *z-index: 400;
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

#nav li.over ul a:hover {
  background-color: #0C2F42;
  *position: relative;
  *z-index: 400;
}

/* ************* LEFT NAV STYLES **/
.left {
	*z-index:800;
}
.communityButtons {
	margin-left:-4px;
	position:relative !important;
	z-index:200 !important;
}
.communityButtons ul.communityNavigator li.zone {
	height:30px !important;
	width:220px !important;
	padding:0px !important;
	background-image: linear-gradient(bottom, rgb(235,235,235) 29%, rgb(254,255,252) 65%, rgb(255,255,255) 100%);
	background-image: -o-linear-gradient(bottom, rgb(235,235,235) 29%, rgb(254,255,252) 65%, rgb(255,255,255) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 29%, rgb(254,255,252) 65%, rgb(255,255,255) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 29%, rgb(254,255,252) 65%, rgb(255,255,255) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 29%, rgb(254,255,252) 65%, rgb(255,255,255) 100%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.29, rgb(235,235,235)),
		color-stop(0.65, rgb(254,255,252)),
		color-stop(1, rgb(255,255,255))
	);
	border:1px solid #dadada;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;

}
.communityButtons ul.communityNavigator li.zone h3 {
	line-height:30px !important;
	text-align:left !important;
	font-family:avant-garde, arial, sans-serif !important;
	font-size:14px !important;
	color:#4f4f4f !important;
	text-shadow:none !important;
	font-weight:500;
	margin-left:8px !important;
}
.communityButtons ul.communityNavigator li.zone h3 span {
	color:#006ca5;
}
.communityButtons ul.communityNavigator li.zone .communityNavigatorOverlay {
	width:750px !important;
	*margin-left:220px;
}
.communityButtons ul.communityNavigator li.zone .communityNavigatorOverlay li {
	width:161px !important;
	background-color:#FFF !important;
	background-image:none !important;
	padding:5px !important;
	margin:5px 5px 5px 5px !important;
}
.communityButtons ul.communityNavigator li.zone .communityNavigatorOverlay li a {
	width:100% !important;
	background-image:none !important;
	border:1px solid #dadada;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
	font-weight:500 !important;
}
.communityButtons ul.communityNavigator li.zone .communityNavigatorOverlay h3 {
	font-size:16px !important;
	margin-top:-5px !important;
	margin-bottom:7px !important;
	padding-top:0px !important;
	color:#FFF !important;
}
.communityButtons ul.communityNavigator li.zone .communityNavigatorOverlay h3 a {
	display:block !important;
	width:24px !important;
	height:21px !important;
	padding:0px !important;
	margin:5px 5px 0 0;
	background:transparent url(images/close-button.png) no-repeat top left !important;
}
.communityButtons ul.communityNavigator li.zone .communityNavigatorOverlay h3 a:hover {
	background:transparent url(images/close-button.png) no-repeat top right !important;
}
/* ******************** HOMEPAGE COLUMNS **/

#main .left {
  float: left;
  width: 220px;
  position: relative;
  padding: 0px 10px;
}

#main .center {
  float: left;
  width: 460px;
  position: relative;
  padding: 0px 10px;
  text-align: justify;
}

#main .right {
  float: right;
  width: 220px;
  position: relative;
  padding: 0px 10px;
  text-align: justify;
}


/* **************** HOMEPAGE QUICK SEARCH **/

#main .center .searchContainer {
  position: absolute;
}

#main .center .searchContainer h1 {
  color: #006EA9;
  font-size: 24px;
  font-family: 'avant-garde';
  text-shadow: -1px 1px 1px #FFF;
}

#main .center .searchContainer span.bolder {
  font-family: 'avant-garde-bold';
}

#main .center .searchContainer span.smaller {
  font-size: 18px;
}

#main .center .searchContainer #searchForm {
  background-image: url(images/search-form-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 460px; height: 142px;
}

#main .center .searchContainer a.searchMapButton {
  display: block;
  background-image: url(images/search-map-button.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 236px; height: 28px;
  position: absolute;
  top: 130px; left: 15px;
  padding-top: 15px;
  font-size: 14px;
  font-family: 'avant-garde';
  color: #203F4E;
  text-decoration: none;
}

#main .center .searchContainer a.searchMapButton span {
  text-transform: uppercase;
  font-family: 'avant-garde-bold';
}

#main .center .searchContainer a:hover {
  background-position: bottom left;
}


/********************************* SEARCH FORM */

#searchForm .container {
 width: 460px !important;
 height: 177px;
 background: none !important;
 *z-index: 1;
}

#searchForm .field {
 float: left;
 position: relative;
 z-index: 10;
}

#searchForm .field span {
 display: block;
 height: 26px;
 line-height: 26px;
 /* border: 1px solid #ADBFCF; */
 /* background: url(images/search-form-arrow.jpg) no-repeat right top #fff; */
 padding: 0px 25px 0px 5px;
 border-radius: 3px;
 color:#aeaeae;
 font-family: arial;
 font-size: 12px;
 text-align: left;
 cursor: pointer;
 overflow: hidden;
}

#searchForm .region span,
#searchForm .prop_type span {
  background-image: url(images/search-form-dropdown-135.png);
  background-repeat: no-repeat;
  background-position: right top;
}

#searchForm .neighbourhood span {
  background-image: url(images/search-form-dropdown-150.png);
  background-repeat: no-repeat;
  background-position: right top;
}

#searchForm .min_price span,
#searchForm .max_price span,
#searchForm .beds span,
#searchForm .baths span {
  background-image: url(images/search-form-dropdown-150.png);
  background-repeat: no-repeat;
  background-position: right top;
}

#searchForm .field span:hover,
#searchForm .block span {
 background-position: right bottom;
 color: #666666;
}

#searchForm .property_info .field {
 width: 135px;
 margin: 13px 5px 10px 5px;
}

#searchForm .property_info .region {
  margin-left: 10px;
}

#searchForm .property_info .prop_type {
  margin-right: 10px;
}

#searchForm .property_info .neighbourhood {
  width: 150px;
}

#searchForm .property_details {
 clear: both;
}

#searchForm .property_details em {
 position: absolute;
 top: 94px; left: 114px;
 margin: 0;
 font-size: 12px;
 color: #203F4E;
 font-family: arial;
 font-style: normal;
}

#searchForm .property_details .field {
 width: 100px; 
 margin: 10px 5px;
}

#searchForm .property_details .min_price {
  margin-left: 10px;
}

#searchForm .property_details .max_price {
  margin-left: 14px;
}

#searchForm .property_details .beds {
  margin-left: 6px;
}

#searchForm .property_details .baths {
  margin-right: 10px;
}

#searchForm .block {
 z-index: 15;
}

#searchForm .block ul {
 background-color: #FFF;
 display: block;
 padding: 2px;
 position: absolute;
 top: 24px;
 width: 220px;
 z-index: 2;
 border: 1px solid #203F4E;
 max-height: 315px;
 overflow-y: scroll;
 z-index: 20;
}

#searchForm .block li {
 background: url(images/home_search_item.jpg) repeat-x;
 border: 1px solid #cdcdcd;
 color: #333;
 font-family: arial;
 font-size: 12px;
 height: 28px;
 line-height: 28px;
 margin: 0 0 1px;
 padding: 0 0 0 5px;
}

#searchForm .block label {
 cursor: pointer;
}

#searchForm .property_details .block ul {
 width: 106px;
}

#searchForm .property_details .block li {
 cursor: pointer;
}

#searchForm .block ul.neighbourhood{
 width: 250px;
}

#searchForm button {
 background-color: transparent;
 border: none;
 background-image: url(images/search-form-button.png);
 background-repeat: no-repeat;
 background-position: top left;
 width: 116px; height: 30px;
 position: absolute;
 bottom: 10px; right: 9px;
 color: #FFF;
 font-size: 14px;
 font-family: 'avant-garde';
 line-height: 27px;
 cursor: pointer;
}

#searchForm button:hover {
 background-position: bottom center;
}

#searchForm ul,
#searchForm a {
 display: none;
}


/* ************************ HOMEPAGE CMS **/

#main .center #cms {
  position: absolute;
  top: 210px;
  padding-right: 10px;
}

#main .center #cms .editable h1 {
  color: #203F4E;
  font-size: 22px;
  font-family: 'avant-garde';
  font-weight: normal;
}

#main .center #cms .editable p {
  margin: 5px 0px 10px 0px;
  font-size: 14px;
  font-family: 'Arial', sans-serif;
  line-height: 130%;
}

#main .center #cms .editable a {
  color: #006EA9;
}


/* ****** HOMEPAGE LEFT COMMUNITY BUTTONS **/

#main .left .communityButtons h1 {
  background-image: url(images/communities-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  height: 94px;
  font-size: 16px;
  font-family: 'avant-garde';
  color: #006EA9;
  text-align: center;
  line-height: 37px;
}

#main .left .communityButtons h1 span {
  display: block;
  font-family: 'avant-garde-bold';
  font-size: 24px;
}

#main .left .communityButtons ul {
  position: relative;
  top: -11px;
}

#main .left .communityButtons li {
  margin: 6px 0px;
}

#main .left .communityButtons a {
  display: block;
  background-image: url(images/communities-button-sprite.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 212px; height: 30px;
  padding-left: 8px;
  color: #4F4F4F;
  font-size: 14px;
  font-family: 'avant-garde';
  line-height: 34px;
  text-decoration: none;
}

#main .left .communityButtons a span {
  color: #006EA9;
}

#main .left .communityButtons a:hover {
  background-position: bottom left;
  color: #006EA9;
  text-shadow: -1px 1px 1px #FFF;
}


/* ********* HOMEPAGE LEFT MOBILE BUTTON **/

#main .left .mobileButton {
  height: 102px;
  border-top: 1px dotted #92A5AF;
  border-bottom: 1px dotted #92A5AF;
  padding: 25px 0px;
  position: relative;
  top: -8px;
}

#main .left .mobileButton a {
  display: block;
  background-image: url(images/mobile-button-sprite.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 140px; height: 108px;
  padding: 13px 0px 0px 80px;
  font-family: 'amerigo';
  color: #203F4E;
  font-size: 15px;
  text-decoration: none;
}

#main .left .mobileButton a span {
  display: block;
  margin-bottom: 6px;
  font-family: 'avant-garde';
  color: #493922;
  font-size: 18px;
}

#main .left .mobileButton a span strong {
  font-family: 'avant-garde-bold';
}

#main .left .mobileButton a:hover {
  background-position: bottom left;
}



/* ******** HOMEPAGE LEFT FACEBOOK BUTTON **/

#main .left .facebookButton {
  background-color: #F2F2F2;
  padding: 15px 10px 0px 10px;
  position: relative;
  top: -8px;
  border-bottom: 1px dotted #92A5AF;
}

#main .left .facebookButton a {
  display: block;
  background-image: url(images/facebook-button.png);
  background-repeat: no-repeat;
  background-position: center;
  width: 200px; height: 83px;
  margin-bottom: 10px;
}


/* ************** HOMEPAGE LEFT TV BUTTON **/

#main .left .calgaryCastlesTV {
  background-image: url(images/calgary-castles-tv.jpg);
  background-repeat: no-repeat;
  width: 215px; height: 63px;
  margin: 15px 0px;
  padding-bottom: 6px;
  border-bottom: 1px dotted #92A5AF;
  position: relative;
}

#main .left .calgaryCastlesTV a {
  display: block;
  width: 215px; height: 63px;
  color: #203F4E;
  font-family: 'avant-garde';
  font-size: 14px;
  text-decoration: none;
  text-transform: uppercase;
  position: absolute;
  top: 12px; left: 10px;
}

#main .left .calgaryCastlesTV a span {
  display: block;
}

#main .left .calgaryCastlesTV a span.larger {
  font-size: 19px;
  position: absolute;
  top: 21px;
}

#main .left .calgaryCastlesTV a span.tvWhite {
  font-size: 18px;
  color: #FFF;
  font-family: 'avant-garde-bold';
  position: absolute;
  top: 21px; left: 101px;
}

#main .left .calgaryCastlesTV a:hover,
#main .left .calgaryCastlesTV a:hover span.larger {
  text-decoration: underline;
}

/* ********* HOMEPAGE LEFT TWITTER BUTTON **/

#main .left .twitterFeed {
  padding: 10px 10px 0px 10px;
}

#main .left .twitterFeed a.twitterHeader {
  display: block;
  background-image: url(images/twitter-heading.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 181px; height: 53px;
}

#main .left .twitterFeed #twitterContainer {
  margin-top: 10px;
}

#main .left .twitterFeed #twitterContainer h3,
#main .left .twitterFeed #twitterContainer h4 {
  font-family: 'avant-garde';
}

#main .left .twitterFeed #twitterContainer .twtr-hd {
  padding: 0px;
}

#main .left .twitterFeed #twitterContainer .twtr-bd {
  padding-bottom: 6px;
}

#main .left .twitterFeed #twitterContainer .twtr-widget .twtr-tweet {
  border-bottom: 1px dotted #92A5AF;
}

#main .left .twitterFeed #twitterContainer .twtr-widget .twtr-tweet-wrap {
  padding: 6px 0px;
}

#main .left .twitterFeed #twitterContainer .twtr-widget em {
  font-size: 10px;
  margin-top: 4px;
}

#main .left .twitterFeed p {
  padding-bottom: 10px;
  color: #493922;
  font-size: 12px;
  font-family: 'Arial', sans-serif;
}

#main .left .twitterFeed #twitterContainer .twtr-ft {
  display: none;
}


/* ***** HOMEPAGE RIGHT FEATURED LISTINGS **/

#main .right .featureListings {
  background-color: #F2F2F2;
}

#main .right .featureListings #featured div.scrollable-widget {
  height: 438px;
}

#main .right .featureListings #featured div.scrollable-widget .itemHolder {
  /* height: 450px; */
  height: 412px;
}

#main .right .featureListings #featured div.scrollable-widget .scrollable {
  height: 408px;
}

#main .right .featureListings #featured div.scrollable-widget .scrollable,
#main .right .featureListings #featured div.scrollable-widget .itemHolder {
  width: 204px;
}

#main .right .featureListings #featured div.scrollable-widget .item {
  width: 204px; height: 194px;
  border-bottom: 1px dotted #92A5AF;
  padding-top: 11px;
  position: relative;
  top: -11px;
}

#main .right .featureListings #featured {
  background-image: url(images/scrollable-divide.png);
  background-repeat: no-repeat;
  background-position: 107px 412px;
  padding: 8px;
  border-bottom: 1px solid #D9D9D9;
}

#main .right .featureListings h1.title {
  background-color: #FFF;
  font-size: 20px;
  font-family: 'avant-garde';
  color: #006EA9;
  font-weight: normal;
  text-align: center;
  line-height: 37px;
}

#main .right .featureListings h1 span {
  font-family: 'avant-garde-bold';
}

#main .right .featureListings #featured div.scrollable-widget .item h1 {
  display: block;
  padding: 0px;
  font-family: 'avant-garde';
  font-size: 13px;
  color: #203F4E;
  text-align: left;
  clear: both;
}

#main .right .featureListings #featured div.scrollable-widget .img-holder {
  position: relative;
  top: -22px;
}

#main .right .featureListings #featured div.scrollable-widget .img-holder img {
  width: 196px;
  margin-bottom: 6px;
  padding: 3px;
  border: 1px solid #493922;
}

#main .right .featureListings #featured div.scrollable-widget .img-holder a {
  text-align: left;
}

#main .right .featureListings #featured div.scrollable-widget .scrollable h2 {
  position: relative;
  top: 146px;
  float: none;
  padding: 0px;
}

#main .right .featureListings #featured h2 {
  display: inline;
  width: 104px;
  font-family: 'avant-garde';
  font-size: 14px;
  color: #493922;
  line-height: 24px;
}

#main .right .featureListings #featured div.scrollable-widget .item a.buttonLink {
  display: block;
  background-image: url(images/view-listing-button.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 101px; height: 20px;
  float: right;
  position: relative;
  top: -24px;
  color: #FFF;
  font-size: 12px;
  font-family: Arial, sans-serif;
  text-decoration: none;
  text-align: center;
  line-height: 20px;
}

#main .right .featureListings #featured div.scrollable-widget .item a.buttonLink:hover {
  background-position: bottom left;
}

#main .right .featureListings #featured button.prev,
#main .right .featureListings #featured button.next {
  background-color: #F2F2F2;
  background-repeat: no-repeat;
  background-position: top left;
  border: medium none;
  display: block;
  width: 80px; height: 32px;
  font-size: 0px;
  cursor: pointer;
}

#main .right .featureListings #featured button.prev {
  background-image: url(images/prev-button.png);
  float: left;
  margin-left: 6px;
}

#main .right .featureListings #featured button.next {
  background-image: url(images/next-button.png);
  float: right;
  margin-right: 6px;
}

#main .right .featureListings #featured button.prev:hover,
#main .right .featureListings #featured button.next:hover {
  background-position: bottom left;
}


/* ** HOMEPAGE RIGHT LUXURY SEARCH STYLES **/

#main .right .luxurySearch {
  background-image: url(images/luxury-heading.png);
  background-repeat: no-repeat;
  background-position: bottom left;
  width: 221px; height: 128px;
}

#main .right .luxurySearch h2 {
  padding: 73px 0px 0px 7px;
  font-family: 'avant-garde';
  font-size: 12px;
  color: #203F4E;
  font-weight: normal;
  text-align: left;
}

#main .right .luxurySearch h3 {
  float: left;
  width: 131px;
  margin: 0px;
  padding: 13px 0px 0px 7px;
  font-family: 'avant-garde';
  font-size: 14px;
  color: #203F4E;
  font-weight: normal;
  text-align: left;
}

#main .right .luxurySearch h3 span {
  color: #006EA9;
  font-size: 18px;
}

#main .right .luxurySearch a {
  display: block;
  float: right;
  background: none;
  background-image: url(images/luxury-search-button.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 55px; height: 20px;
  margin: 10px 7px 0px 0px;
  color: #493922;
  font-size: 11px;
  border: medium none;
  text-decoration:none;
  font-family: 'avant-garde';
  text-align: center;
	padding: 5px 0 0 0;
}

#main .right .luxurySearch a:hover {
  background-position: bottom left;
  font-weight: bold;
  color: #000;
  text-shadow: -1px 1px 1px #FFF;
}

/* ***** HOMEPAGE RIGHT BLOG FEED STYLES **/

#main .right .latestBlog {
  margin-top: 30px;
  position: relative;
}

#main .right .latestBlog h2 {
  display: none;
}

#main .right .latestBlog h3 {
  text-align: center;
  color: #006EA9;
  font-family: 'avant-garde';
  font-size: 20px;
}

#main .right .latestBlog h3 span {
  font-family: 'avant-garde-bold';
}

#main .right .latestBlog #blog-posts-widget ul li h3 {
  background-color: #F2F2F2;
  border-top: 1px solid #D9D9D9;
  border-bottom: 1px solid #D9D9D9;
  width: 167px; height: 77px;
  margin-top: 5px;
  padding-left: 53px;
  color: #203F4E;
  font-size: 14px;
  font-family: 'avant-garde';
  text-align: left;
}

#main .right .latestBlog #blog-posts-widget ul li h3 a {
  display: block;
  padding: 16px 0px 11px 0px;
  text-decoration: none;
  color: #203F4E;
  padding: 12px 0px;
}

#main .right .latestBlog #blog-posts-widget ul li h3 span {
  display: block;
  background-image: url(images/blog-date-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 47px; height: 55px;
  margin: 11px 5px 11px 0px;
  position: absolute;
  top: 30px; left: 0px;
  padding-top: 5px;
  float: left;
  color: #FFF;
  font-size: 17px;
  font-family: 'avant-garde-bold';
  text-transform: uppercase;
  text-align: center;
}

#main .right .latestBlog #blog-posts-widget ul li p {
  margin: 0px;
  padding: 10px 0px;
  font-family: 'avant-garde';
  font-size: 12px;
  color: #484848;
  border-bottom: 1px solid #D9D9D9;
}

#main .right .latestBlog #blog-posts-widget ul li p a {
  color: #484848;
  text-decoration: none;
}

#main .right .latestBlog button {
  display: block;
  float: right;
  background: none;
  background-image: url(images/blog-read-more-button.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 85px; height: 25px;
  position: relative;
  top: -14px;
  color: #493922;
  font-size: 12px;
  cursor: pointer;
  border: medium none;
}

#main .right .latestBlog button:hover {
  background-position: bottom left;
  font-weight: bold;
  color: #000;
  text-shadow: -1px 1px 1px #FFF;
}



/* ************************ FOOTER STYLES **/

footer {
  background-image: url(images/footer-gradient.jpg);
  background-repeat: repeat-x;
  height: 333px;
  position: absolute;
  bottom: -288px;
*bottom:-310px;
  z-index: 90;
*z-index:-10;
}

footer .container {
  width: 960px; height: 333px;
  margin: 0px auto;
  position: relative;
}

#disclaimer {
  margin-top: 60px;
}

/* ******************** FOOTER COMMUNITIES **/

footer .popularCommunities {
  background-image: url(images/popular-communities-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 482px; height: 190px;
  position: absolute;
  top: 38px; left: 233px;
  padding: 6px;
}

footer .popularCommunities h1 {
  padding: 12px 0px;
  color: #FFF;
  font-size: 18px;
  font-family: 'avant-garde';
  text-align: center;
}

footer .popularCommunities ul {
  margin: 0px 0px 0px 15px;
}

footer .popularCommunities li {
  float: left;
  width: 98px;
  margin-right: 15px;
  padding: 5px 0px 5px 3px;
  border-bottom: 1px solid #184157;
}

footer .popularCommunities a {
  display: block;
  font-size: 13px;
  font-family: 'Arial', sans-serif;
  color: #AFDCF5;
  text-decoration: none;
}

footer .popularCommunities li:hover {
  background-color: #071D29;
}

/* ********************** FOOTER CONTACT **/

footer .contactInfo {
  width: 200px;
  position: absolute;
  top: 38px; left: 10px;
}

footer .contactInfo span {
  color: #D4F0FF;
  font-family: 'avant-garde';
  font-size: 12px;
}

footer .contactInfo span.block {
  display: block;
}

footer .contactInfo span.contactName {
  color: #FFF;
  font-size: 14px;
}

footer .contactInfo span.contactBrokerage {
  font-size: 14px;
}

footer .contactInfo span.contactAddress {
  margin: 15px 0px;
}

footer .contactInfo .phoneContainer {
  background-image: url(images/cir-logo.png);
  background-repeat: no-repeat;
  background-position: top left;
  height: 51px;
  padding: 10px 0px 10px 90px;
  color: #FFF;
  font-size: 12px;
  font-family: 'avant-garde';
}

footer .contactInfo .phoneContainer span {
  color: #D4F0FF;
}

footer .contactInfo .phoneContainer a {
  color: #FFF;
}


/* ******************* FOOTER PARTNERS **/

footer .partnerSites {
  background-image: url(images/partner-websites-bg.png);
  background-repeat: no-repeat;
  background-position: top left;
  width: 239px; height: 200px;
  position: absolute;
  top: 38px; right: -7px;
}

footer .partnerSites h3 {
  padding: 18px 0px 12px 0px;
  color: #FFF;
  font-size: 18px;
  font-family: 'avant-garde';
  text-align: center;
}

footer .partnerSites ul {
  margin: 0px 15px;
}

footer .partnerSites li {
  text-align: center;
  padding: 6px 0px;
}

footer .partnerSites ul li a {
  color: #FFF;
  font-size: 13px;
  font-family: 'avant-garde';
  text-decoration: none;
}

footer .partnerSites li:hover {
  background-color: #071D29;
}


/* ******************* FOOTER LINKS **/

footer #footerLinks {
  position: absolute;
  bottom: 42px;
  right: 2px;
}

footer #footerLinks,
footer #footerLinks a {
  color: #385D71;
  font-size: 11px;
  font-family: 'Arial', sans-serif;
}


/* *************************** CMS STYLES **/

#autoblog #autoblog_custom_intro_title.edit,
#autoblog #autoblog_content_block.edit,
#autoblog #community_profile_block.edit,
.content_block.edit {
  margin: 0px !important;
  padding: 0px 0px 22px 0px !important;
}

#main .interiorContainerMain .container .editable {
  font-family: 'Arial', sans-serif;
  font-size: 14px;
  line-height: normal;
}

#main .interiorContainerMain .container .editable p {
  margin: 0px 0px 10px 0px;
}

#main .interiorContainerMain .container .editable a:link,
#main .interiorContainerMain .container .editable a:visited {
  color: #006EA9;
  text-decoration: none;
}

#main .interiorContainerMain .container .editable a:hover {
  text-decoration: underline;
}

#main .interiorContainerMain .container .editable a:active {
  color: #493922;
}

#main .interiorContainerMain .container .editable h1 {
  font-size: 24px;
  font-family: 'avant-garde';
  color: #006EA9;
}

#main .interiorContainerMain .container .editable h2 {
  font-size: 22px;
  font-family: 'avant-garde';
  color: #493922;
  padding-top: 12px;
}

#main .interiorContainerMain .container .editable h3,
#main .interiorContainerMain .container .editable h4 {
  font-size: 17px;
  font-family: 'avant-garde-bold';
  padding-top: 12px;
}

#main .interiorContainerMain .container .editable h3 {
    color: #203F4E;
}

#main .interiorContainerMain .container .editable h4 {
  color: #493922;
}

#main .interiorContainerMain .container .editable h5 {
  font-size: 14px;
  font-weight: bold;
}

#main .interiorContainerMain .container .editable h6 {
  font-size: 14px;
  font-style: italic;
  font-weight: normal;
}

#main .interiorContainerMain .container .editable ul {
  margin: 0px 0px 10px 25px;
}

#main .interiorContainerMain .container .editable ul li {
  list-style-type: disc;
  padding: 3px 0px;
}