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

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

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

@font-face {
  font-family: 'AmaranthBoldItalic';
  src: url('http://assets.rmcloud.com/fonts/Amaranth-BoldItalic-webfont.eot');
  src: url('http://assets.rmcloud.com/fonts/Amaranth-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
    url('http://assets.rmcloud.com/fonts/Amaranth-BoldItalic-webfont.woff') format('woff'),
    url('http://assets.rmcloud.com/fonts/Amaranth-BoldItalic-webfont.ttf') format('truetype'),
    url('http://assets.rmcloud.com/fonts/Amaranth-BoldItalic-webfont.svg#AmaranthBoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
  
}
/*** ******************************************* COLOR THEMING ***/

/* DEFAULT FONT COLOR, HOMEPAGE TEXT */
body {
  background: #000000 url(../images/bg.gif) repeat top left;
}
#centerContainer.homepageCenter {
  color: #888;
}

/* ACTION BUTTON COLOURS */
a.actionButton {
  background: transparent url(../images/action-button-bg.gif) repeat-x bottom left;
  background-color: #962022;
  border: 1px solid #6b0306;
  color: #FFF;
  margin:1px 0px 1px 0px;
}
a.actionButton:hover {
  background-image:none;
  background-color: #6e0608;
  margin:2px 0px 0px 0px;
}

/* PRIMARY TEXT COLOUR */
#leftTall > ul.blogFeed > li.post > span.date, /* blog post feed date */
#leftTall > ul.blogFeed > li.post > p, /* blog post feed text */
.module > p /* homepage module p text */ {
  color: #888;
}

/* ACCENT TEXT COLOUR */
#leftTall > ul.blogFeed > li.post > h3 a, /* blog post feed title */
#leftTall > ul.blogFeed > li.post > a, /* blog post feed read more link */
.module h3, /* homepage module feature text */
.module > a, /* homepage module read more link */
.boxA a.mapPin:hover span.label, /* map pin hover label text */
.interiorCenter .sidebar #nav li a, /* interior subnav */
.interiorCenter .sidebar a.subNavHeader, /* interior subnav */
.searchPages .searchNavSidebar #nav li a, /* interior subnav */
.searchPages .searchNavSidebar a.subNavHeader, /* interior subnav */
.content h3, /* standard interior h3 */
.content a,
#boardDirectors .director span.directorName,
.directory .listing h4 a:hover,
#community > .communityLinks > a:hover,
ol.adviceList li,
.interiorCenter .sidebar h3.subNavHeader {
  color: #85070A;
}

/* HEADER */
header {
  background: #e8c17e url(../images/bg-top.gif) repeat top left;
  color: #FFF;
}

/* NAV */
nav {
  background-color: #2f2f2f;
}
nav a {
  color: #FFF;
}
nav ul li a:hover {
  background-color: #1c1c1c;
}

/* SUB-NAV */
.interiorCenter .sidebar #nav li a:hover,
.interiorCenter .sidebar a.subNavHeader:hover,
.searchPages .searchNavSidebar #nav li a:hover,
.searchPages .searchNavSidebar a.subNavHeader:hover {
  background: #85070A;
  color: #FFF;
}


/* SUB FOOTER */
#subFooter .container {
  background-color: #FFFFFF;
}

/* FOOTER */
footer {
  background-color: #505050;
}
footer .innerFooter {
  background-color: #eac380;
  border-top: 1px solid #8c8c8c;
  color: #2e2e2e;
  text-shadow: 1px 1px 1px rgba(255,255,255, .5);
}
footer a {
  color: #2e2e2e;
}

/* SLIDER */
#slider .sliderText {
  background-color: rgba(0,0,0,0.7);
  background-color: #000000\9; /* IE8 Fix */
  *background-color: #000000; /* IE7 Fix */
  color: #FFF;
}
#slider .sliderText a {
  color: #FFF;
}
#slider .sliderNav a {
  background-color: rgba(149,0,6,0.8);
  background-color: #950006\9; /* IE8 Fix */
  *background-color: #950006; /* IE7 Fix */
  color: #FFF;
}
#slider .sliderNav a:hover {
  background-color: rgba(149,0,6,1.0);
}

/* BUTTONS RIGHT OF SLIDER */
#rightBoxes > .button {
  border-bottom: 10px solid #2E0001;
  border-right: 1px solid #2E0001;
  color: #FFF;
}
#rightBoxes > .topButton {
  border-top: 1px solid #2E0001;
  background-color: #85070a;
}
#rightBoxes > .topButton > span.smallText {
  border-top: 1px solid #FFF;
}
#rightBoxes > .topButton > span.largeText {
  border-bottom: 1px solid #FFF;
}
#rightBoxes > .topButton:hover,
#rightBoxes > .bottomButton:hover
{
  background-color: #760507;
}
#rightBoxes > .middleButton,
#rightBoxes > .bottomButton {
  background-color: #830709;
}
#rightBoxes > .bottomButton > .addTexture > span.smallText {
  background-color: #6F0306;
  border-top: 1px solid #2E0001;
  border-bottom: 1px solid #2E0001;
  background-image: none;
}
#rightBoxes > .bottomButton:hover > .addTexture > span.smallText {
  background-color: #450002;
  border-top: 1px solid #2E0001;
  border-bottom: 1px solid #2E0001;
  background-image: none;
}
#rightBoxes > .middleButton {
 height:112px;
}

/* HOMEPAGE HEADER STRIP */
#bottomSection ul.headerStrip {
  background: #2d2d2d url(../images/bar-gradient.gif) repeat-x top left;
  border: 1px solid #757575;
  color: #FFF;
}
#bottomSection ul.headerStrip li {
  border-left: 1px solid #292929;
  border-right: 1px solid #757575;
}

/* INTERIOR SIDEBAR */
.sidebarBlocks a.block span.title {
  background-color: #9b171a;
}
.sidebarBlocks a.block span.learnMore {
  color: #760507;
}
.sidebarBlocks a.block:hover span.title {
  background-color: #760507;
}

/* INTERIOR PAGE HEADER */
.interiorCenter .pageHeader h2 {
  background-color: #85070A;
}

/* COMMUNITY LIST */
#communityList li span {
  background-color: #85070A;
}

/* TEXTURED BUTTON LARGE */
a.texturedButton {
  background-color: #B92624;
  color: #FFF;
  border: 1px solid #4C0C0C;
}
a.texturedButton:hover {
  background-color: #CB2020;
}
a.texturedButton:hover > .addTexture > span.smallText {
  background-color: #771815;
  border-top: 1px solid #4C0C0C;
  border-bottom: 1px solid #4C0C0C;
}


/*** ******************************************* FONT THEMING ***/

/* DEFAULT FONT FOR ALL BODY TEXT */
body {
  font-family: helvetica, arial, sans-serif;
}

/* ACCENT FONT */
a.actionButton, /* generic button */
#slider .sliderText h2, /* slide title */
#slider .sliderText a, /* slide link text */
#leftTall > ul.blogFeed > li.post > h3, /* blog feed post title */
#leftTall > ul.blogFeed > li.post > span.date, /* blog feed post date */
#leftTall > ul.blogFeed > li.post > a, /* blog feed read more link */
.module h3, /* homepage module feature text */
.module > a, /* homepage module read more link */
.boxA a.mapPin:hover span.label, /* map pin hover label text */
.interiorCenter .sidebar #nav li a, /* interior subnav */
.interiorCenter .sidebar a.subNavHeader, /* interior subnav */
.searchPages .searchNavSidebar #nav li a, /* interior subnav */
.searchPages .searchNavSidebar a.subNavHeader, /* interior subnav */
.content h3, /* standard interior h3 */
.content a,
#boardDirectors .director span.directorName,
ol.adviceList li,
a.texturedButton,
.interiorCenter .sidebar h3.subNavHeader {
  font-family:'Amaranth';
}

/* PRIMARY FONT */
#slider .sliderText p, /* slide copy */
#leftTall > ul.blogFeed > li.post > p, /* blog feed post copy */
.module > p, /* homepage module p text */
.content h4,
#jobBoard h4,
.directory .listing h4,
.directory .listing h4 a,
.communitiesSection h5 a,
#newsBlog .pagination a,
#newsBlog .pagination span.current,
ol.adviceList li p,
ol.adviceList li ul li {
  font-family: helvetica, arial, sans-serif;
}

/* HEADER */
header {
  font-family: 'Amaranth';
}
#socialMedia {
  font-family: helvetica, arial, sans-serif;
}

/* NAV */
nav a {
  font-family: helvetica, arial, sans-serif;
}

/* FOOTER */
footer h2 {
  font-family: 'Amaranth';
}

/* BUTTONS RIGHT OF SLIDER */
#rightBoxes > .topButton > span.smallText,
#rightBoxes > .middleButton > .addTexture > span.smallText {
  font-family: 'Amaranth';
}
#rightBoxes > .topButton > span.largeText,
#rightBoxes > .middleButton > .addTexture > span.largeText,
#rightBoxes > .bottomButton > .addTexture > span.largeText,
#rightBoxes > .bottomButton > .addTexture > span.smallText {
  font-family: 'Amaranth';
}

/* HOMEPAGE HEADER STRIP */
#bottomSection ul.headerStrip {
  font-family: 'Amaranth';
}

/* INTERIOR SIDEBAR */
.sidebarBlocks a.block span.title {
  font-family: 'Amaranth';
}
.sidebarBlocks a.block span.learnMore {
  font-family: 'Amaranth';
}

/* INTERIOR PAGE HEADER */
.interiorCenter .pageHeader h2 {
  font-family: 'Amaranth';
}


/*** ******************************************* SPECIAL TEXTURES & GRAPHICS ***/

/* HEADER TEXTURE BEHIND LOGO */
header .headerTexture {
  background-image: url(../images/header-logo-texture.png);
  background-repeat: no-repeat;
  width: 520px; height: 100px;
  position: absolute;
  left: 0px;
}

/* HEADER LOGO */
header h1 {
  background-image: url(../images/header-logo.png);
}

/* SUB FOOTER LOGOS */
#subFooter a.albertaRealEstate {
  background-image: url(../images/logo-area.jpeg);
  width: 79px; height: 47px;
}
#subFooter a.realtorCare {
  background-image: url(../images/logo-realtor-care-foundation.jpeg);
  width: 63px; height: 47px;
}
#subFooter a.realEstateInstitute {
  background-image: url(../images/logo-real-estate-institute.jpeg);
  width: 131px; height: 47px;
}
#subFooter a.realtor {
  background-image: url(../images/logo-realtor.jpeg);
  width: 39px; height: 47px;
}
#subFooter a.realtorCa {
  background-image: url(../images/logo-realtor-ca.jpeg);
  width: 94px; height: 47px;
}
#subFooter a.qualityLife {
  background-image: url(../images/logo-quality-of-life.jpeg);
  width: 61px; height: 47px;
}

/* FOOTER LOGO */
footer .footerLogo {
  background-image: url(../images/footer-logo.png);
  background-repeat: no-repeat;
  width: 126px;
  height: 166px;
  position: absolute;
  top: 10px;
  right: 30px;
}



/*** ******************************************* CARA MAP PIN COORDINATES ***/
/* PIN COORDINATES */
.boxA a.blackfalds {
  bottom: 92px; left: 155px;
}
.boxA a.blackfalds span.label {
  width: 83px;
  left: -32px;
}
.boxA a.camrose {
  top: 23px; right: 43px;
}
.boxA a.camrose span.label {
  width: 70px;
  left: -26px;
}
.boxA a.innisfail {
  bottom: 23px; left: 140px;
}
.boxA a.innisfail span.label {
  width: 66px;
  left: -24px;
}
.boxA a.lacombe {
  top: 117px; left: 173px;
}
.boxA a.lacombe span.label {
  width: 71px;
  left: -26px;
}
.boxA a.olds {
  bottom: -5px; left: 122px;
}
.boxA a.olds span.label {
  width: 35px;
  left: -7px;
}
.boxA a.ponoka {
  top: 88px; right: 129px;
}
.boxA a.ponoka span.label {
  width: 61px;
  left: -21px;
}
.boxA a.redDeer {
  bottom: 69px; left: 155px;
}
.boxA a.redDeer span.label {
  width: 71px;
  left: -26px;
}
.boxA a.rockyMountain {
  bottom: 89px; left: 28px;
}
.boxA a.rockyMountain span.label {
  width: 184px;
  left: -25px;
}
.boxA a.rockyMountain span.tail {
  background-position: 23px 0px !important;
}
.boxA a.stettler {
  bottom: 79px; right: 29px;
}
.boxA a.stettler span.label {
  width: 57px;
  left: -19px;
}
.boxA a.sundre {
  bottom: -7px; left: 59px;
}
.boxA a.sundre span.label {
  width: 56px;
  left: -19px;
}
.boxA a.sylvanLake {
  bottom: 76px; left: 122px;
}
.boxA a.sylvanLake span.label {
  width: 96px;
  left: -39px;
}