@charset "utf-8";

/****** Tags */

body {
  font-family: tahoma;
  font-size: 14px;
  min-width: 960px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  padding: 0;
  margin: 0;
}

h1 {
  color: #013E8D;
  margin: 25px 0px 10px 0px;
  font-size: 22px;
  font-weight: bold;	
}

h2 {
	color: #991116;
	font-size: 20px;
	font-weight: bold;
}

h3 {
	color: #013E8D;
	font-size: 18px;
	font-weight: bold;
}

h4 {
	color: #C61B21;
	font-size: 18px;
	font-weight: bold;
}

h5 {
	font-size: 16px;
	font-weight: bold;
}

h6 {
	font-size: 15px;
	font-style: italic;
}

/******* Common Classes */

.wrapper { width: 100%; }

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

.nostyle {
  list-style: none;
  padding: 0;
  margin: 0;
}

#site { 
  position: relative; 
  z-index: 1; 
}

/******* Nav */

#nav {
  background: url(images/nav-tile.jpg) repeat-x;
  height: 119px;
  border-bottom: 1px solid #fff;
}

#nav h1, #nav h2 {
  position: absolute;
  left: -10000em;
}

#nav ul { margin: 0 auto; }

#nav li {
  float: left;
  z-index: 500;
  position: relative;
}

#nav li a {
  color: #fff;
  display: block;
  height: 100px;
  line-height: 100px;
  text-decoration: none;
  font-size: 14px;
  text-shadow: 1px 1px 1px #555;
  text-align: center;
}

#nav #nav-logo a {
  background: url(images/nav-logo.jpg) no-repeat !important;
  width: 250px;
}

#nav #nav-home {
  background: url(images/nav-home.jpg) no-repeat;
  width: 85px;
}

#nav #nav-about {
  background: url(images/nav-about.jpg) no-repeat;
  width: 87px;
}

#nav #nav-access {
  background: url(images/nav-access.jpg) no-repeat;
  width: 91px;
}

#nav #nav-search {
  background: url(images/nav-search.jpg) no-repeat;
  width: 86px;
}

#nav #nav-buying {
  background: url(images/nav-buying.jpg) no-repeat;
  width: 91px;
}

#nav #nav-selling {
  background: url(images/nav-selling.jpg) no-repeat;
  width: 90px;
}

#nav #nav-contact {
  background: url(images/nav-contact.jpg) no-repeat;
  width: 93px;
}

#nav #nav-login {
  background: url(images/nav-login.jpg) no-repeat;
  width: 81px;
  padding: 0 6px 0 0;
}

#nav li ul { display: none; }
#nav li.over a { background: #ce1b22; }

#nav li.over ul {
  display: block;
  width: 180px;
  background: url(images/dropdown.gif) no-repeat #dc232c;
  position: absolute;
  padding: 3px 10px 10px;
  border: 1px solid #fff;
  border-top: none;
  -moz-box-shadow: 0px 4px 3px #999;
  -webkit-box-shadow: 0px 4px 3px #999;
}

#nav li.over ul a {
  height: 30px;
  line-height: 30px;
  background: none;
  width: 170px;
  padding: 0 0 0 10px;
  text-align: left;
  font-size: 13px;
}

#nav li.over ul a:hover { background: #77090b !important; }

/******* Header */

#header { 
  background: url(images/header-tile.jpg) repeat-x; 
  margin: 0 0 15px;
}

#header .container {
  background: url(images/header3.jpg) no-repeat;
  height: 430px;
  padding: 0 20px;
  width: 920px;
  color: #991116;
  font-size: 18px;
  font-style: italic;
  text-shadow: -1px -1px #fff;
  font-weight: bold;
  position: relative;
}

#header h2 {
  font-size: 24px;
  color: #013e8d;
  line-height: 30px;
  padding: 10px 0 0;
  font-weight: bold;
}

#header h1 {
  position: absolute;
  bottom: 5px;
  left: 30px;
  color: #fff;
  font-size: 24px;
  text-shadow: 1px 1px 1px #000;
}

/***** Index Main */

#main { background: url(images/main-top.jpg) no-repeat #374c89; }

#main-bottom { 
  background: url(images/main-bottom.jpg) no-repeat left bottom;
  padding: 20px;
  width: 920px;
  margin: 0 0 25px;
}

/* 1) */
.button-facebook { display: block; width: 113px; height: 44px; position: absolute; right: 150px; top: 3px; background: url(images/button-facebook.png) no-repeat 0 0; }
.button-twitter { display: block; width: 114px; height: 45px; position: absolute; right: 15px; top: 3px; background: url(images/button-twitter.png) no-repeat 0 0; }

a#button-sold {
	display: block;
	width: 642px;
	height: 104px;
	background: url(images/button-sold.png) no-repeat 0 0;
	text-decoration: none;
	position: relative;
	left: -7px;
	margin-right: -10px;
	float: left;
}

a#button-sold h2 {
    color: #FFFFFF;
    font-size: 24px;
    padding-left: 130px;
    padding-top: 37px;
}
a#button-sold:hover { background-position: 0 -104px; }
a#button-sold p {
    color: #FFFFFF;
    position: absolute;
    right: 47px;
    top: 63px;
}

a#button-listings {
    background: url("images/button-listings.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 98px;
    left: 9px;
    position: relative;
    top: 5px;
    width: 288px;
    text-decoration: none;
}
#button-listings h2 {
    font-size: 18px;
    line-height: normal;
    padding-top: 5px;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#button-listings p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: normal;
    padding: 13px 0 0 30px;
    text-shadow: 1px 1px 0 #000000;
}
a#button-listings:hover {
	background-position: 0 -98px;
}

.homepage-right-col {
    float: left;
    overflow: visible;
    width: 285px;
}

a#button-mls {
    background: url("images/button-listings.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 98px;
    left: 9px;
    position: relative;
    top: 15px;
    width: 288px;
    text-decoration: none;
}
#button-mls h2 {
    font-size: 18px;
    line-height: normal;
    padding-top: 5px;
    text-align: center;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#button-mls p {
    color: #FFFFFF;
    font-size: 16px;
    line-height: normal;
    padding: 13px 0 0 30px;
    text-shadow: 1px 1px 0 #000000;
}
a#button-mls:hover {
	background-position: 0 -98px;
}

a#button-buyers {
    background: url("images/button-buying.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 124px;
    left: 8px;
    position: relative;
    top: 15px;
    width: 290px;
    text-decoration: none;
}
#button-buyers h2 {
    color: #FFFFFF;
    font-size: 22px;
    line-height: normal;
    padding-top: 70px;
    text-align: center;
}
#button-buyers p {
    color: #FFFFFF;
    font-size: 13px;
    line-height: normal;
    padding: 0 0 0 178px;
    position: relative;
    text-shadow: 1px 1px 0 #000000;
    top: -3px;
}
a#button-buyers:hover {
	background-position: 0 -124px;
}
.cms-fix { margin-right: 0 !important }

#socialMedia li a#icon-blog { background: url(images/icon-blog.png) no-repeat; }
#remax-balloon-n1 {
    background: url("images/remax-balloon-n1.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 187px;
    left: 55px;
    position: relative;
    top: 25px;
    width: 191px;
}
#contact #info { line-height: 18px }

/* End of 1) */


/******** Index CMS */

#cms {
  background: url(images/cms-top.gif) no-repeat #f0f0f0;
  width: 631px;
  margin: 15px 0 0;
  position: relative;
  z-index: 500;
  float: left;
}

#cms-bottom {
  background: url(images/cms-bottom.gif) no-repeat left bottom;
  padding: 50px 10px 15px;
}

#cms a.cms-buttons {
  height: 40px;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 0;
  color: #072857;
  font-family: arial;
  font-size: 13px;
  line-height: 27px;
  font-weight: bold;
}

#cms a.cms-buttons:hover { background-position: left bottom; }

a#realtor-ca {
  background: url(images/realtor-ca.gif) no-repeat;
  width: 235px;
  right: 115px;
}

a#realtor-ca span {
  color: #808080;
  display: block;
  font-size: 11px;
  font-weight: bold;
  line-height: 6px;
  padding: 0 0 0 10px;
  text-align: left;
  text-shadow: 0 1px 0 #fff;
}

a#promo-info {
  background: url(images/promo-info.gif) no-repeat;
  width: 100px;
  right: 10px;
}

/******** Footer */

#contact { background: url(images/footer-tile.jpg) repeat-x #9c9c9c; }

#contact .container {
  background: url(images/footer.jpg) no-repeat;
  min-height: 324px;
}

#contact #info {
  font-family: verdana;
  font-size: 12px;
  color: #fff;
  width: 275px;
  float: right;
  padding: 45px 0 0;
}

#contact #info h1 {
  text-transform: uppercase;
  padding: 0 0 5px;
  font-size: 14px;
  font-weight: bold;
}

#contact #info a { color: #fff; }

#footer-nav {
  width: 600px;
  height: 163px;
  background: url(images/footer-nav.png) no-repeat;
  -background: none #000;
  padding: 10px 20px;
  float: left;
  margin: 45px 0 0;
}

#footer-nav li {
  float: left;
  width: 120px;
}

#footer-nav li a {
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
}

#footer-nav ul { height: 115px; }

#footer-nav ul li a {
  font-size: 11px;
  font-weight: normal;
}

#footer-nav li a:hover { text-decoration: underline; }

#custom-footer {
  width: 640px;
  float: left;
  font-size: 12px;
  color: #fff;
  padding: 10px 0;
  text-align: center;
}

#custom-footer a { color: #fff; }

#footer-links {
  width: 640px;
  float: left;
  font-size: 12px;
  color: #fff;
  padding: 10px 0;
  text-align: center;
  font-family: verdana;
}

#footer-links a { color: #fff; }

/******* Featured Listings */

#featured {
  position: absolute;
  top: 210px;
}

#featured #featured-listings-widget {
	background: url(images/featured_listings/featured_listings_bg2.png) no-repeat center top;
	padding: 38px 0 0 0;
	width: 580px;
  margin: 0 0 0 370px;
}

#featured #featured-listings-widget #flowpanes div.tooltip {
	background: url(images/featured_listings/feat_listings_data_bg.png) no-repeat;
  font-family:verdana;
}

#featured #featured-listings-widget #flowpanes {
  left:38px;
  *left: -20px !important;
}

#featured #featured-listings-widget button {
	height: 31px;
  width: 19px;
  background-color: none;
  border: none;
}

#featured #featured-listings-widget button.prev {
	background-image: url(images/featured_listings/left_btn.png);
	bottom: 28px;
	left: 8px;
}

#featured #featured-listings-widget button.next {
	background-image: url(images/featured_listings/right_btn.png);
	bottom: 28px;
}

#featured #featured-listings-widget button span {	display: none; }
#featured #featured-listings-widget button.prev:hover { background: url(images/featured_listings/left_btn_over.png); }
#featured #featured-listings-widget button.next:hover { background: url(images/featured_listings/right_btn_over.png); }
#featured #featured-listings-widget div.view-listing-button:hover { background-image:  url('images/featured_listings/view_this_property.png'); }
#featured #featured-listings-widget .view-listing-button { top:178px; }
#featured #featured-listings-widget #flowpanes div.tooltip .title h1 { font-size: 12px; }

/******* Meet The Team */

#team {
  float: right;
  width:282px;
  height: 221px;
  position: relative;
  margin: 12px -5px 0 0;
  overflow: hidden;
}

#team ul {
  list-style: none;
  margin: 4px 0 0 10px;
  padding: 0;
  background: url(images/team_bg.jpg) no-repeat;
  width:284px;
  height: 221px;
}

#team li {
  width: 150px;
  height: 107px;
  text-align: center;
  padding: 103px 120px 0 0;  
  position: absolute;
  background: url(images/team_bg.jpg) no-repeat;
}

#team li h1 {
  position: absolute;
  width: 150px;
  left: 0;
  padding: 0;
  margin: 3px 0 0;
  color: #fff;
  font-style: italic;
  line-height: 24px;
  text-shadow: 0 0 3px rgba(0,0,0,0.8);
  font-size: 24px;
  font-family: Tahoma;
  font-weight: normal;
}

#team li span {
  display: block;
  width:275px;
  height: 219px;
  background-position: right bottom;
  background-repeat: no-repeat;
  position: absolute;
  top:2px;
  left: -2px;
}

#team_overlay {
  background: url(images/team_overlay.png) no-repeat;
  width: 284px;
  height: 222px;
  position: absolute;
  top: -1px;
  left: 1px;
  z-index: 100;
}

/******** Social Media */

#socialMedia {
  position: absolute;
  width: 178px;
  top:8px;
  right: 0px;
}

#socialMedia li { float: left; }

#socialMedia li a {
  display: block;
  height: 34px;
  width: 38px;
  margin: 0 0 0 5px;
  background: #f00;
}

#socialMedia li a:hover { background-position: left bottom !important; }
#socialMedia li a#facebook { background: url(images/facebook.png) no-repeat; }
#socialMedia li a#twitter { background: url(images/twitter.png) no-repeat; }
#socialMedia li a#blog { background: url(images/blog.png) no-repeat;
height: 30px;
margin-top: 4px;
margin-left: 10px;}
#socialMedia li a#linkedin { background: url(images/linkedin.png) no-repeat; }
#socialMedia li a#youtube { background: url(images/youtube.png) no-repeat; }

/******** Interior Styles */

.int #main { background: url("images/header-tile.jpg") repeat-x scroll 0 0 transparent; }

.int #main .container {
  background: url(images/interior-content.jpg) no-repeat;
  padding: 55px 60px 20px;
  width: 840px;
  position: relative;
}

.int .pagetitle {
  color: #C61B21; 
  font-weight: bold;
  font-size: 20px;
  padding: 0 0 20px;
}

.int #socialMedia { top: 20px; }


/******** Misc. Additonal Page Styles */

.threeCol {
	width: 250px;
	float: left;
	margin: 0px 15px;
}

.threeCol p {
	font-size: 12px;
}


/******** Local Information Pages */

.localInfo p {
	text-align: justify;
}

.communityLink h1 {
	width: 388px;
	padding: 10px 0px; margin: 8px 16px;
	text-align: center;
	float: left;
	background-color: #C91119;
	color: white;
	font-size: 20px;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
}

.communityLink a:link {
	color: #fff;
	text-decoration: none;
}

.communityLink a:visited {
	color: #fff;
}

.communityLink a:hover {
	color: #fff;
	text-decoration: underline;
}

.communityLink a:active {
	color: #CCC;
}

.infoLinks382 {
	width: 382px; height: auto;
	margin: 8px 8px 8px 8px; 
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F7F7F7;
	float: left;
}

.infoLinks780 {
	width: 802px; height: 132px;
	margin: 8px; 
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #F7F7F7;
	clear: both;
}

.infoLinks382, .infoLinks780 p {
	font-size: 12px;
	text-align: left;
}

.infoLinks382 ul {
	display: block;
	width: 362px;
	margin: 0px; padding: 0px;
	list-style-type: none;
}

.infoLinks780 ul {
	display: block;
	width: 760px;
	margin: 0px; padding: 0px;
	list-style-type: none;
}

.infoLinks382 li {
	width: 181px;
	float: left;
	font-size: 12px;
}

.infoLinks780 li {
	width: 190px;
	float: left;
	font-size: 12px;
}

.infoLinks382 a, .infoLinks780 a {
	color: #013E8D;
}

.infoLinks382 a:visited, .infoLinks780 a:visited {
	color: #013E8D;
}

.infoLinks382 a:hover, .infoLinks780 a:hover {
	color: #C61B21;
}

.infoLinks382 a:active, .infoLinks780 a:active {
	color: #991116;
}

.clearFloat {
	clear: both;
}

/*** HIDE FEATURED LISTING TOGGLE ***/
#office-view-toggles {
  display: none;
}