/*---------------------------------------------------------------------------+
|                          d e f a u l t . c s s                             |
+---------------------------------------------------------------------------*/

/*------------------------------------+
|  Basic Elements                     |
+------------------------------------*/
a, a:active, a:visited {
      color:               #CC0000;
      text-decoration:     underline;
}

a:hover {
	  text-decoration:     underline;
}

a img {
      border:              none;
}

body {
      background-color:    #0051a2;
      
      color:               #333333;
      font-family:         Arial, Helvetica, sans-serif;
      margin:              0;
      padding:             0;
      text-align:          center;
}

dt {
      color:               #003366;
      font-style:          italic;
      font-weight:         bold;
      margin:              1.5em 0.25em 0.25em 0.25em;
}

fieldset {
  background-color: #EFEFEF;
  color: Black;
  margin: 2em;
  padding: 2em;
}

form {
  margin: 0px;
  padding: 0px;
}

label {
  border-bottom: 1px dotted Black;
  width: 10em;
}

legend {
  font-size: 1.3em;
}

table {
  border: 1px solid #000000;
  border-collapse: collapse;
  empty-cells: show;
  margin: 0px;
  padding: 10px;
}

th {
  border-bottom: 3px solid #000000;
}

td {
  border: 0px none;
  min-width: 150px;
  padding: 3px;
  vertical-align: top;
}

tr {
  height: 30px;
}

/*------------------------------------+
|  Misc.                              |
+------------------------------------*/

.block {
      display:             block;
      cursor:              pointer;
      height:              100%;
      width:               100%;
}

.even {
      background-color:    #ffffff;
      color:               #000000;
}

.hidden {
      display:             none;
      height:              0;
      overflow:            hidden;
      position:            absolute;
      width:               0;
}

.Links {
  margin: 40px 10px 40px 10px;
}

.Links a {
  background-color: #2C3779;
  border: 5px outset #2C3779;
  color: #FFFFFF;
  font-weight: bold;
  margin-right: 5mm;
  padding: 2mm;
  text-decoration: none;
}

.Links a:hover {
  background-color: #A90C20;
  border: 5px outset #A90C20;
}

.odd {
      background-color:    #efefef;
      color:               #000000;
}

.BodyTextRedBold {
      color:               #c10a26;
      font-weight:         bold;
}

#container {
      background-color:    #ffffff;
      color:               #000000;
      margin:              5% auto;
      padding:             2px;
      position:            relative;
      text-align:          left;
      width:               800px;
      z-index:             0;
}

#main {
      margin:              0;
      padding:             0;
      position:            relative;
      z-index:             0;
}

.Profile {
  display: block;
  margin: 5mm 10px 5mm 10px;
}

.listthumb {
  border: 3px outset #EFEFEF;
  height: 90px;
  margin: 10px;
  width: 120px;
}

.legend {
  border-top: 1px solid #000000;
  font-size: 80%;
  font-weight: bold;
  margin-bottom: 5px;
  margin-right: 5px;
  padding: 0px;
  text-align: right;
  width: 200px;
  vertical-align: top;
}

.ordinal {
  background-color: transparent;
  clear: both;
  color: #666666;
  font-size: 5em;
  font-weight: bold;
  text-decoration: none;
}

.pagingControls {
  border: 0 none;
  width: 100%
}

.row {
  height: 30px;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

.small {
  font-size: 60%;
}

.tableHeader {
      background-image:    url(images/Table-Header.jpg);
      background-position: 0 0;
      background-repeat:   no-repeat;
}


#flashMessage, .error, .error_message {
color:#900;
font-size: 16px;
background-color: #fff;
margin: 8px 0px;
font-weight: bold;
}
.error_message {
clear: both;
}
.error em {
font-size: 18px;
color: #003d4c;
}
.notice {
color: #656565;
font-size: 14px;
background-color: #f4f4f4;
padding: 0.5em;
margin: 1em 0;
display:block;
}
.tip {
color: #656565;
background-color: #ddd;
}

/*------------------------------------+
|  Content (Main content area)        |
+------------------------------------*/

#content {
      color:               #333399;
/*      height:              334px;*/
      margin:              0;
      overflow:            auto;
      padding:             20px;
      position:            relative;
      z-index:             0;
}

/* Sets min-height */
/* You need to account for the padding above + 1px clear line! */
#content .prop {
      height:              293px;
      float:               right;
      width:               1px;
      z-index:             0;
}

#content .clear {
      clear:               both;
      height:              1px;
      overflow:            hidden;
      z-index:             0;
}
/* Set base font sizes */
#content, #content div, #content p, #content th, #content td, #content li, #content dd{
      font-size:           small;
      voice-family:        "\"}\"";
      voice-family:        inherit;
      font-size:           medium;
}

/* regular body text */
#content p {
      line-height:         1.4em;
}

/* red text for frequently asked questions */
#content .faq {
	  color:                 #CC0000;
	  font-weight:           bold;
}

/* For photos that are flushed to the left side of the page with no border*/
#content .left {
	  display:               block;
	  float:                 left;
	  padding:               10px;
}

/* For photos that are flushed to the left side of the page*/
#content .leftbd {
	  display:               block;
	  float:                 left;
	  padding:               10px;
}

/* For left pullquotes*/
#content .leftpull {
	  border:                2px solid #333399;
	  display:               block;
	  float:                 left;
	  padding:               10px;
}

/* For photos that are flushed to the right side of the page with no border*/
#content .right {
	  display:               block;
	  float:                 right;
	  margin-left:           10px;
}

/* For photos that are flushed to the right side of the page*/
#content .rightbd {
	  border:                2px solid #333399;
	  display:               block;
	  float:                 right;
	  padding:               10px;
}

/* For right pullquotes*/
#content .rightpull {
      display:             block;
      float:               right;
      padding:             10px;
}

/*------------------------------------+
|  Footer                             |
+------------------------------------*/
#footer {
      background-image:    url(images/Footer-Background.jpg);
      background-position: 0 0;
      background-repeat:   no-repeat;
      color:               #ffffff;
      font-size:           10px;
      height:              78px;
      margin:              0;
      padding:             0;
      position:            relative;
      width:               800px;
}

#footer p {
      margin:              0;
      padding:             0;
}

#footer #copyright {
      font-weight:         bold;
      height:              12px;
      left:                5px;
      position:            absolute;
      top:                 45px;
      width:               500px;
}

#footer #date {
      color:               #000000;
      height:              12px;
      left:                610px;
      position:            absolute;
      text-align:          right;
      top:                 62px;
      width:               190px;
}

#footer #endLinks {
      color:               #000000;
      height:              12px;
      left:                0;
      position:            absolute;
      top:                 62px;
      width:               600px;
}

#footer #endLinks a, #footer #endLinks a:active, #footer #endLinks a:visited {
      color:               #333399;
      text-decoration:     underline;
}

#footer #endLinks ul {
      list-style:          none;
      margin:              0;
      padding:             0;
}

#footer #endLinks ul li {
      border-right:        1px solid #000000;
      display:             block;
      float:               left;
      padding:             0 25px 0 25px;
}

#footer #homeLink {
      background-image:    url(images/Home-Link.jpg);
      background-position: 0 0;
      background-repeat:   no-repeat;
      height:              42px;
      left:                738px;
      position:            absolute;
      top:                 9px;
      width:               56px;
}

#footer #homeLink p {
      display:             block;
      height:              100%;
      width:               100%;
}

#footer #homeLink p a {
      display:             block;
      height:              100%;
      width:               100%;
}

#footer #homeLink p a span {
      display:             none;
      height:              0;
      overflow:            hidden;
      position:            absolute;
      width:               0;
}

/*------------------------------------+
|  Header                             |
+------------------------------------*/
#header {
      background-image:    url(http://www.exnihilodesigns.com/remaxburlington/header.jpg);
      color:               #FFF;
      height:              244px;
      margin:              0;
      padding:             0;
      position:            relative;
      width:               800px;
}

#header .companyName {
      font-size:           0px;
      font-weight:         bold;
      height:              20px;
      left:                160px;
      line-height:         18px;
      overflow:            hidden;
      position:            absolute;
      top:                 65px;
      width:               310px;
}

#header .remaxLogo {
      
      background-position: 0 0;
      background-repeat:   no-repeat;
      height:              45px;
      left:                160px;
      line-height:         45px;
      position:            absolute;
      top:                 8px;
      width:               145px;
}

#header .remaxLogo span {
      display:             none;
      height:              0;
      overflow:            hidden;
      position:            absolute;
      width:               0;
}

/*------------------------------------+
|  Header - Navigation                |
+------------------------------------*/
#header #navigation {
      height:              0px;
      left:                0px;
      margin:              0;
      padding:             0;
      position:            absolute;
	  overflow:            hidden;
      top:                 0px;
      width:               0px;
}

#header #navigation ul {
      list-style:          none;
      margin:              0;
      padding:             0;
}

#header #navigation ul li {
      float:               left;
      height:              86px;
      margin:              0 3px 0 0 ;
      overflow:            hidden;
      padding:             0;
      width:               77px;
}

#header #navigation ul li a {
      background-position: 0 0;
      background-repeat:   no-repeat;
      display:             block;
      height:              100%;
      width:               100%;
}

#header #navigation ul li a.About-Remax-Escarpment {
      background-image:    url(images/About-Remax-Escarpment.jpg);
}

#header #navigation ul li a.Careers-With-Remax {
      background-image:    url(images/Careers-With-Remax.jpg);
}

#header #navigation ul li a.Contact-Us {
      background-image:    url(images/Contact-Us.jpg);
}

#header #navigation ul li a.Find-A-House {
      background-image:    url(images/Find-A-House.jpg);
}

#header #navigation ul li a.Find-a-Sales-Rep {
      background-image:    url(images/Find-a-Sales-Rep.jpg);
}

#header #navigation ul li a.Info-For-Buyers {
      background-image:    url(images/Info-For-Buyers.jpg);
}

#header #navigation ul li a.Info-For-Sellers {
      background-image:    url(images/Info-For-Sellers.jpg);
}

#header #navigation ul li a.Mortgage-Info {
      background-image:    url(images/Mortgage-Info.jpg);
}

#header #navigation ul li a:hover {
      background-position: 0 -86px;
}

#header #navigation ul li a span {
      display:             none;
      height:              0;
      overflow:            hidden;
      position:            absolute;
      width:               0;
}

/*------------------------------------+
|  Header - Quick Links               |
+------------------------------------*/
#header #quickLinks {
      height:              20px;
      left:                493px;
      position:            absolute;
      top:                 49px;
      width:               290px;
}

#header #quickLinks #services {
      height:              20px;
      left:                0;
      position:            absolute;
      top:                 0;
      width:               140px;
}

#header #quickLinks #usefulLinks {
      height:              20px;
      left:                170px;
      position:            absolute;
      top:                 0;
      width:               140px;
}

/*------------------------------------+
|  Main Page                          |
+------------------------------------*/

#leftPanel {
      background-image:    url(images/Main-Left.jpg);
      background-position: 0 0;
      background-repeat:   no-repeat;
      height:              330px;
      left:                0;
      margin:              0;
      padding:             0;
      position:            absolute;
      top:                 2px;
      width:               433px;
      z-index:             10;
}

#leftPanel .text {
      display:             none;
      height:              0;
      overflow:            hidden;
      position:            relative;
      width:               0;
}

#rightPanel {
      background-image:    url(images/Main-Right.jpg);
      background-position: 0 0;
      background-repeat:   no-repeat;
      height:              330px;
      left:                435px;
      margin:              0;
      padding:             0;
      position:            absolute;
      top:                 2px;
      width:               365px;
      z-index:             10;
}

#rightPanel span {
      display:             none;
      height:              0;
      overflow:            hidden;
      position:            relative;
      width:               0;
}

/*------------------------------------+
|  Page Navigation                    |
+------------------------------------*/
#pageNavigation {
      color:               #000000;
      float:               left;
      height:              294px;
      margin:              0;
      padding:             20px;
      position:            relative;
      width:               172px;
}

#pageNavigation .header {
      height:              64px;
      margin:              0 0 10px 0;
      position:            relative;
      width:               150px;
}

#pageNavigation .header.buyers {
      background-position: 0 0;
      background-repeat:   no-repeat;
      background-image:    url(images/infoForBuyers.jpg);
}

#pageNavigation .header.sellers {
      background-position: 0 0;
      background-repeat:   no-repeat;
      background-image:    url(images/infoForSellers.jpg);
}

#pageNavigation .header span {
      display:             none;
      height:              0;
      overflow:            hidden;
      position:            relative;
      width:               0;
}

#pageNavigation ul.nav {
      border-color:        #333399;
      border-style:        solid;
      border-width:        1px 1px 1px 0;
      margin:              0;
      padding:             10px 0 0 0;
}

#pageNavigation ul.nav li {
      font-size:           .75em;
      height:              16px;
      list-style:          none;
      margin:              0;
      padding:             0 0 10px 0;
      width:               150px;
}

#pageNavigation ul.nav li a {
      background-color:    #ffffff;
      background-image:    url("images/navIcon.gif");
      background-position: 0 0;
      background-repeat:   no-repeat;
      color:               #000000;
      display:             block;
      height:              100%;
      margin:              0;
      padding:             0;
      padding-left:        25px;
      text-align:          left;
      width:               95%;
}

#pageNavigation ul.nav li a:link, #pageNavigation ul.nav li a:visited {
      text-decoration:     none;
}

#pageNavigation ul.nav li a:hover {
      background-position: 0 -16px;
      text-decoration:     underline;
}

/*------------------------------------+
|  Agent Card & Page                  |
+------------------------------------*/
  .agentBlock {
    background-color: #EFEFEF;
    border: 3px outset #000000;
    color: #000000;
    display: block;
    float: left;
    height: 150px;
    margin: 10px;
    position: relative;
    width: 300px;
  }

  .agentBlock .AgentInfo {
    height: 120px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 10px;
    vertical-align: middle;
    width: 188px;
  }
  
  .agentBlock .AgentName a {
    background-color: transparent;
    color: #000000;
    text-decoration: underline;
  }
  
  .agentBlock .AgentPhoto {
    border: 1px solid #000000;
    left: 10px;
    height: 120px;
    position: absolute;
    top: 10px;
    width: 90px;
  }

  .agentBlock .AgentName {
    font-weight: bold;
    margin-top: 35px;
    position: relative;
    text-align: center;
  }

  .agentBlock .AgentTitle {
    background-color: transparent;
    color: #666666;
    position: relative;
    text-align: center;
  }
  
  .ordinal {
    background-color: transparent;
    clear: both;
    color: #666666;
    font-size: 5em;
    font-weight: bold;
  }
  
  .card {
    border: 1px solid #000000;
    height: 335px;
    margin: 40px 10px 40px 10px;
    overflow: hidden;
    position: relative;
    width: 580px;
  }

  .card a {
    text-decoration: none;
  }

  .card a:hover {
    text-decoration: underline;
  }
  
  .card .red {
    background-color: #c10a26;
    height: 108px;
    top: 0px;
    width: 100%;
  }

  .card .white {
    background-color: #FFFFFF;
    height: 119px;
    top: 108px;
    width: 100%;
  }

  .card .blue {
    background-color: #2C3779;
    bottom: 0px;
    height: 108px;
    width: 100%;
  }

  .card .AgentPhoto {
    left: 20px;
    position: absolute;
    top: 20px;
  }
  
  .card .AgentPhoto img{
    height: 240px;
    width: 180px;
  }

  .card .AgentName {
    background-color: transparent;
    color: #2C3779;
    font-size: 20pt;
    font-weight: bold;
    margin-left: 35%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 135px;
    width: 375px;
  }
  
  .card .AgentName a {
    background-color: white;
    color: #2C3779;
  }

  .card .AgentTitle {
    background-color: transparent;
    color: #2C3779;
    font-size: 16pt;
    margin-left: 35%;
    position: absolute;
    right: 0;
    text-align: center;
    top: 175px;
    width: 375px;
  }

  .card .AgentPhone {
    background-color: transparent;
    color: #FFFFFF;
    font-size: 16pt;
    left: 20px;
    position: absolute;
    top: 275px;
  }

  .card .AgentEmail {
    background-color: transparent;
    color: #FFFFFF;
    font-size: 10pt;
    position: absolute;
    right: 20px;
    top: 250px;
  }
  
  .card .AgentEmail a {
    background-color: transparent;
    color: #FFFFFF;
  }

  .card .AgentFax {
    background-color: transparent;
    color: #FFFFFF;
    font-size: 10pt;
    position: absolute;
    right: 20px;
    top: 270px;
  }

  .card .AgentMobile {
    background-color: transparent;
    color: #FFFFFF;
    font-size: 10pt;
    position: absolute;
    right: 20px;
    top: 290px;
  }

  .card img {
    border: 2px solid #FFFFFF;
  }

  .card .OfficeName {
    background-color: transparent;
    color: #FFFFFF;
    font-size: 14pt;
    position: absolute;
    right: 20px;
    top: 20px;
  }

  .card .OfficeAddress1 {
    background-color: transparent;
    color: #FFFFFF;
    font-size: 10pt;
    position: absolute;
    right: 20px;
    top: 50px;
  }

  .card .OfficeAddress2 {
    background-color: transparent;
    color: #FFFFFF;
    font-size: 10pt;
    position: absolute;
    right: 20px;
    top: 70px;
  }

  /*------------------------------------+
  |  Listings                           |
  +------------------------------------*/
  
  .listing {
    margin: 2em;
  }
  
  .listing h1, .listing h2, .listing h3, .listing h4, .listing h5, .listing h6 {
    border-bottom: 0.1em solid #000000;
  }
  
  .listing .sold {
    color: #FF0000;
    font-style: italic;
    font-size: 1.5em;
    font-weight: bold;
  }
  
  .listing .propertyInfo {
    border: 0.1em solid #000000;
    background-color: #EFEFEF;
    color: #000000;
    float: right;
    padding: 0.5em;
    width: 15em;
  }
  
  .listing .propertyInfo p {
    font-weight: bold;
    margin: 0.25em;
  }
  
  .listing .listingPicture {
    height: 266px;
    width: 400px;
  }
  
  .listing .additionalPhotos {
    text-align: left;
    width: 400px;
  }
  
  .listing .additionalPhotos img {
    border: 1px solid #000000;
  }
  
  .listing .roomDetails pre {
    font-family: Lucida Console, Courier, Monospace;
    font-size: 1.25em;
    padding-left: 2em;
  }
  
  .listing .card {
    margin: 0;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 0;
  }
  
  .listingSearch {
    width: 100%;
  }
  
  .listingSearch .picture img{
    height: 90px;
    width: 120px;
  }
  
  /*------------------------------------+
  |  CSS Info                           |
  +------------------------------------*/
  
  .info, .success, .warning, .error {
    background-repeat: no-repeat;
    background-position: 10px center;
    border: 1px solid;
    padding:15px 10px 15px 50px;
    position: relative;
    margin: 10px 0px;
  }
  .info {
    background-color: #BDE5F8;
    background-image: url('images/info.png');
    color: #00529B;
  }
  .success {
    background-color: #DFF2BF;
    background-image:url('images/success.png');
    color: #4F8A10;
  }
  .warning {
    background-color: #FEEFB3;
    background-image: url('images/warning.png');
    color: #9F6000;
  }
  .error {
    background-color: #FFBABA;
    background-image: url('images/error.png');
    color: #D8000C;
  }