/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Screen Styles
   * Version:   0.6 (21.9.2007)
   * Website:   http://code.google.com/p/blueprintcss/
   See Readme file in this directory for further instructions.
   
-------------------------------------------------------------- */

@import 'lib/reset.css';
@import 'lib/typography.css';
@import 'lib/grid.css';
@import 'lib/forms.css';

/* Plugins:
   Additional functionality can be found in the plugins directory.
   See the readme files for each plugin. Example:
   @import 'plugins/buttons/buttons.css'; */
   
/* See the grid:
   Uncomment the line below to see the grid and baseline.
   .container { background: url(lib/grid.png); } */

body {
  font-size: 14px;
  line-height: 1.285;
  font-family: Futura, "Century Gothic", Helvetica, sans-serif;
  background: #7f888e url('images/body_bg.gif') repeat-x;
  margin: 0;
}

a {
  color: #ffda94;
}
a:hover {
  color: #fff;
}
#root {
  margin: 0 auto;
}

#header {
  position: relative;
  background: #1c1c20 url('images/header_luxury_portfolio.gif') 50% 67px no-repeat;
  height: 252px;
  border-bottom: 3px solid #bfc4c7;
  color: #fff;
  text-align: center;
}

#header h3 {
  font-size: 10px;
  line-height: 10px;
  text-indent: -999em;
  margin: 0 auto;
  padding: 0;
  width: 264px;
  height: 81px;
  position: relative;
  top: 42px;
  background: url('images/header_wrec_logo.gif') 50% 50% no-repeat;
}

#return_button {
  position: absolute;
  top: 0;
  right: 0;
  background: url('images/return_button.gif');
}
#return_button a {
  display: block;
  width: 240px;
  height: 42px;
  text-indent: -999em;
  outline: none;
}
#return_button a:hover  { background-image: url('images/return_button_h.gif'); }
#return_button a:active { background-image: url('images/return_button_a.gif'); }

#nav {
  position: absolute;
  top: 198px;
  left: 0;
  margin: 0;
  text-align: center;
}

#nav ul {
  display: table;
  list-style: none;
  margin: 0 auto;
  height: 36px;
}

#nav li {
  display: table-cell;
  vertical-align: top;
  margin: 0;
  padding: 0;
}

#nav a {
  display: block;
  height: 36px;
  background: url('images/nav.gif') 0 0 no-repeat;
  text-indent: -999em;
  margin-right: 40px;
  cursor: pointer;
  outline: none;
}

#nav_home     a { width: 120px; background-position:    0     0; }
#nav_about    a { width: 240px; background-position: -160px   0; }
#nav_listings a { width: 204px; background-position: -440px   0; }
#nav_contact  a { width: 180px; background-position: -680px   0; margin-right: 0; }
#nav_home     a:hover   { background-position:    0     -36px; }
#nav_about    a:hover   { background-position: -160px   -36px; }
#nav_listings a:hover   { background-position: -440px   -36px; }
#nav_contact  a:hover   { background-position: -680px   -36px; }
#nav_home     a:active  { background-position:    0     -72px; }
#nav_about    a:active  { background-position: -160px   -72px; }
#nav_listings a:active  { background-position: -440px   -72px; }
#nav_contact  a:active  { background-position: -680px   -72px; }
#nav_home.current     a  { background-position:    0     -108px; }
#nav_about.current    a  { background-position: -160px   -108px; }
#nav_listings.current a  { background-position: -440px   -108px; }
#nav_contact.current  a  { background-position: -680px   -108px; }

#main {
  clear: both;
  margin-top: 33px;
}

#footer {
  background: #929a9f url('images/footer.gif') 0 0 repeat-x;
  padding: 72px 0 18px;
  margin: 0px 0 -18px;
  font-size: 0.857em;
  line-height: 1.5em;
  color: #333;
}

#footer .column span {
  display: block;
}

#footer .span-16 {
  padding-top: 36px;
}

#footer .tel {
  font-size: 1.076em;
}

#footer a {
  text-decoration:none;
  color: #333;
}
#footer a:hover {
  text-decoration: underline;
}

#footer a.logo {
  display: block;
  width: 215px;
  height: 65px;
  margin: 0 auto;
  background: url('images/footer_wrec_logo.gif');
  text-indent: -999em;
}

#footer .copyright {
  clear: both;
  color: #636363;
  height: 1%;
  padding: 18px 0;
  font-size: 9px;
}

h1,h2,h3 {
  font-family: Times, "Times New Roman", serif;
  color: #25272C;
}
h4,h5,h6 { 
  color: #111; 
  font-family: Futura, "Century Gothic", Helvetica, sans-serif;
}
h4 {
  text-transform: uppercase;
}

.box {
  background: #919A9F url('images/footer.gif') 0 0 repeat-x;
}

.box li {
  list-style-type: square;
  margin-bottom: 1.285em;
}




#listings {
  list-style:none;
}

#listings .listing {
  background: #fff url('images/listings_grad.gif') 100% 100% no-repeat;
  margin-bottom: 10px;
  text-align: center;
  height: 222px;
  position: relative;
}

#listings .listing h2 {
  font-size: 1.1em;
  margin: 5px 0;
  color: #7f888e;
  font-family: Futura, "Century Gothic", Helvetica, sans-serif;
}

#listings .listing .price {
margin-bottom: 0;
padding-bottom: 0;
}

#listings .listing a.boxlink {
  display: block;
  position: absolute;
  top: 162px;
  left: 0;
  height: 60px;
  width: 100%;
  background: url('images/blank.gif');
  z-index: 10;
}

#listings .listing a.boxlink * {
  display: none;
}

/*#listings .listing .beds {
  margin-left: 10px;
  padding: 5px 0 5px 24px;
  background: url('images/icon_bed.gif') 0 50% no-repeat;
}
#listings .listing .baths {
  margin-left: 10px;
  padding: 5px 0 5px 24px;
  background: url('images/icon_bath.gif') 0 50% no-repeat;
}
*/
#listings .thumb_viewer {
  width: 270px;
  height: 162px;
  overflow: hidden;
  margin: 0 auto 9px;
  position: relative;
}

#listings .thumb_viewer img {
  margin: 0;
  display: block;
  position: absolute;
  top: -65px;
  left: -69px;
}
#listings .listing .status_flag {
  position: absolute;
  background: #f00;
  padding: 4px 6px;
  margin: -4px -4px;
}

#listings .listing .status_flag * {
  margin: 0;
  color: #fff;
}

#listing #photo_viewer {
  overflow: hidden;
}
#listing #photo_browser {
  list-style: none;
  width: 400px;
}

#listing #photo_browser li {
  overflow: hidden;
  width: 90px;
}

#listing #photo_viewer img {
  display: block;
  margin: 0px 0 10px 0;
}

#listing #photo_browser li img {
}

#listing #details table {
  background: #929a9f;
  border-top: 1px solid #a6acb0;
}
#listing #details td,
#listing #details th {
  border-bottom: 1px solid #a6acb0;
  padding-left: 10px;
}
#listing #details th {
  font-size: 0.846em;
  width: 1%;
  white-space: nowrap;
}

#listing #realtor {
  clear: both;
  margin-top: 17px;
  padding-top: 18px;
  border-top: 1px solid #a6acb0;
}

#listing #vtour {
  height:36px;
  width: 390px;
  display: block;
  margin: 8px auto;
  text-indent: -999em;
  background: url('images/vtour.gif');
}

#realtor .fn a {
  color: #fff;
  text-decoration: none;
}
#realtor .fn a:hover {
  text-decoration: underline;
}

#realtor h4 {
  color: #333;
  font-size: 1em;
  margin: 0;
}
#realtor a.email {
  display:none;
}


#contact table {
  width: 100%;
}

#contact h4,
#contact h5 {
  color: #fff;
}

#contact table td,
#contact table th {
  border-bottom: 0 none;
}