/* Customize Default Theme (NOT Main Colors!) */
/* Default Theme Colors*/
html {height:100%;}
body {
	background: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/site_tile.jpg');
	background-position:top left;
	background-repeat:repeat-x;
	height:100%;
}

img {vertical-align:bottom; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px}

.contentArea {
 background: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/home_content_bg.jpg');
 background-position:bottom;
 background-repeat: no-repeat;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 height:100%;
}

.contentAreaMain {
 background: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/main_content_bg.jpg');
 background-position:bottom;
 background-repeat: repeat-x;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:12px;
 height:100%;
}

.footerSec {
 padding: 30px 0px 30px 0px;
 font-family:Verdana, Arial, Helvetica, sans-serif;
 font-size:10px;
 line-height:2.0em;
}

.featuredHome {
 background: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/featuredHome_bg.gif');
 background-position:top;
 background-repeat: no-repeat;
 padding-top: 5px;
}

.menuBGTile {
 background: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/menu_tile.jpg');
 background-position:top;
 background-repeat:repeat-y;
}

.menuBGGrad {
 background: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/menu_gradient.jpg');
 background-position:bottom;
 background-repeat:no-repeat;
}

.loginButton {
 padding-bottom:10px;
 background: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/menu_login_button_tile.jpg');
 background-position:top;
 background-repeat:repeat-y;
}

.memberLogin {
 background: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/menu_login_button_tile.jpg');
 background-position:top;
 background-repeat:repeat-y;
}

.menutitle {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;font-size: 12px; text-decoration:none;padding: 0px 0px 0px 5px; background-image: url('http://rmofiles.redmantech.ca/templates/rodforsythe_com/rodforsythe_com_images/menu_hr.jpg'); background-position: top; background-repeat:no-repeat; width:175px; display:block; height:1px;}
.menutitle a:link {color: #FFFFFF;  text-decoration:none;}
.menutitle a:active {color: #FFFFFF;  text-decoration:none;}
.menutitle a:visited {color: #FFFFFF;  text-decoration:none;}
.menutitle a:hover {color: #939790;  text-decoration:none;}

.menutitleHOME {color: #FFFFFF; font-family: Arial, Helvetica, sans-serif;font-size: 12px; text-decoration:none; width:175px; display:block; height:1px; padding-left:5px;}
.menutitleHOME a:link {color: #FFFFFF;  text-decoration:none;}
.menutitleHOME a:active {color: #FFFFFF;  text-decoration:none;}
.menutitleHOME a:visited {color: #FFFFFF;  text-decoration:none;}
.menutitleHOME a:hover {color: #939790;  text-decoration:none;}

.custom_select { width:200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

.custom_selectCity { width:200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}

#homeHeader {
	margin: 0 0 20px;
}


/* ****** CALGARY MAP ***/
h2.calgaryMapHeader {
  margin: 20px 0px 0px 10px;
}
#calgaryMap {
  width: 450px; height: 565px;
  margin: 40px auto 0px auto;
  position: relative;
}
#calgaryMap a.mapArea {
  display: block;
  background-position: top left;
  background-repeat: no-repeat;
  position: absolute;
  text-decoration: none;
}
#calgaryMap a.mapArea:hover {
  background-position: top right;
}
#calgaryMap a.mapArea span.mapPin {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  width: auto; height: 73px;
  background-image: url(rodforsythe_com_images/map-pin-sprite.png);
  background-position: top center;
  background-repeat: no-repeat;
  position: absolute;
}
#calgaryMap a.mapArea span.pinText {
  display: block;
  height: 52px;
  padding: 0px 12px;
  border-left: 1px solid #3F0909;
  border-right: 1px solid #3F0909;
  color: #3F0909;
  font-size: 14px;
  font-family: 'Open Sans';
  font-weight: 300;
  line-height: 54px;
  text-transform: uppercase;
}
#calgaryMap a.mapArea span.pinText strong {
  font-weight: 600;
}
#calgaryMap a.mapArea:hover span.mapPin {
  background-position: bottom center;
}
#calgaryMap a.mapArea:hover span.pinText {
  color: #000 !important;
  border-left: 1px solid #000;
  border-right: 1px solid #000;
}

/* MAP & PIN COORDINATES */
#calgaryMap a.northwestCalgary {
  width: 277px; height: 209px;
  background-image: url(rodforsythe_com_images/northwest-calgary-sprite.png);
  top: 1px; left: 78px;
}
#calgaryMap a.northwestCalgary span.mapPin {
  top: 77px; left: 87px;
}
#calgaryMap a.northeastCalgary {
  width: 143px; height: 290px;
  background-image: url(rodforsythe_com_images/northeast-calgary-sprite.png);
  top: 1px; right: 5px;
}
#calgaryMap a.northeastCalgary span.mapPin {
  top: 77px; left: 26px;
}
#calgaryMap a.southwestCalgary {
  width: 226px; height: 333px;
  background-image: url(rodforsythe_com_images/southwest-calgary-sprite.png);
  top: 152px; left: 86px;
}
#calgaryMap a.southwestCalgary span.mapPin {
  top: 170px; left: 108px;
}
#calgaryMap a.southeastCalgary {
  width: 166px; height: 342px;
  background-image: url(rodforsythe_com_images/southeast-calgary-sprite.png);
  bottom: 6px; right: 0px;
}
#calgaryMap a.southeastCalgary span.mapPin {
  top: 170px; left: 29px;
}
#calgaryMap a.innercityCalgary {
  width: 118px; height: 97px;
  background-image: url(rodforsythe_com_images/innercity-calgary-sprite.png);
  top: 205px; left: 223px;
}
#calgaryMap a.innercityCalgary span.mapPin {
  top: -22px; left: 13px;
}
#calgaryMap a.circleArea {
  width: 26px; height: 26px;
  background-image: url(rodforsythe_com_images/outside-calgary-circle-sprite.png);
}
#calgaryMap a.circleArea span.mapPin {
  top: -60px;
}
#calgaryMap a.bearspaw {
  top: 37px; left: 42px;
}
#calgaryMap a.bearspaw span.mapPin {
  left: -34px;
}
#calgaryMap a.springbank {
  top: 133px; left: 32px;
}
#calgaryMap a.springbank span.mapPin {
  left: -41px;
}
#calgaryMap a.elbowValley {
  top: 250px; left: 44px; 
}
#calgaryMap a.elbowValley span.mapPin {
  left: -48px;
}