/*
	CSS file for RFR Realty Corporate
        http://www.rfrrealty.com/
*/

/* 	

	*** RFR Realty Stylesheet ***
	---------------------------------------------------------------------
	


	*** Color Palette ***
	---------------------------------------------------------------------    
         light gray:  #e4e3e2
	medium gray:  #a19589
	  dark gray:  #6b6258

*/


/* Body & Global
------------------------------------ */
* {
    margin: 0;
    padding: 0;
}

body {
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif;
		color:#534a41;
}   

h1#logo {
  background: url(/images/rfr_title.png) no-repeat scroll top left;
  width: 270px;
  height: 32px;
  text-indent: -2000px;
} 

h2 {
  color: #6b6258;
  text-transform: uppercase;
  font-size: 1.8em;font-weight:normal;
}

#featured-property h2 { margin: 6px 0 2px 0; }

#right-column h2{
  font-size: 1.4em;
  font-weight:bold;
  line-height:1.4em;
  padding:0 0 0 0;
  margin:0 0 0 0;
}

#right-column h2 span{ font-size:.8em; font-weight:normal; text-transform:none; display:block; padding:3px 0 0 0; }

#buildings #right-column h2{
 width:762px;
 height:21px;
 padding:2px 0 0 9px;
 margin:0 0 7px 0;
 background:#edeceb;
 text-transform:none;
}

#buildings #right-column h2 a{
 font-size:.85em;
 font-weight:normal;
 padding: 0 0 0 24px;
 position:relative;
 top:1px;
 background:url('../images/magnifying-glass.gif') no-repeat 8px 2px;
}

#articles #right-column h2{
 padding:0;
 text-transform:none;
 font-size:1.3em;
 margin:0 0 18px 0;
}

#left-column h2{
 font-size:1.2em;
 text-transform:uppercase;
 color:#958771;
 margin:0 0 9px 0;
 padding:7px 0 0 0;
 font-weight:bold;
}

#inqueries #left-column h2{
 font-size:1.3em;
 padding:24px 0 0 0;
}

h3 {
  color: #5f564e;
  font-size: 1.2em;
  font-weight:normal;
  line-height:1em;
}

#building-list h3{
 padding: 6px 0 0 11px ;
 height:16px;
 background: url('../images/h3-bg.gif') no-repeat;
 text-transform: uppercase;
}

#buildings #building-list h3{ padding-left:6px; background:none;}

#featured-property h3 {
  padding: 5px 0 0 7px ;
  height:18px;
  text-transform: uppercase;
	width: 500px;
	background:#e4e3e2;
	font-size:1.3em;
}

#left-column h3{
 font-size:1.2em;
 text-transform:uppercase;
 color:#9b9085;
 margin:0 0 7px 0;
 padding:0;
 font-weight:bold;
}

#featured-property .image-container h3{
 text-transform:capitalize;
 padding:0;
 margin:2px 0 0 0;
 background:none;
}

#featured-property .image-container h3 a {
 background:url('../images/click-for-availability.gif') no-repeat 0 2px;
 padding:0 0 0 10px;
}

#featured-property .image-container h3 a:hover{ background-position:0 -198px; color:#B9B1AA; text-decoration:underline;}

#building-details h3{
 padding:8px 0 0 0;
 margin: 0 0 7px 0;
}

#articles #right-column h3 { margin:0 0 18px 0; font-size:1.1em;}

h4 {
  color: #a2968a;
  font-size: 1.3em;
  margin: 0 0 22px 0;
  padding-top: 5px;
}


/* additional global h2-6 rules */

p{
  margin: 0 0 20px 0;
  color: #7e716a;
  line-height:1.5em;
  font-size:1.1em;
} 

#left-column p{ font-size:1.3em; padding-top:9px;line-height:1.7em;margin:0 0 14px 0;}
#inqueries #left-column p{ font-size:1.2em; line-height:1.5em;}

#right-column p{ font-size:1.1em; line-height:1.3em; margin:0 0 13px 0;}

#right-column p.pdf{ margin:0 0 12px 0; font-size:1.2em;}
#right-column p.pdf a{padding:0 0 0 21px; height:17px; background:url('../images/pdf.gif') no-repeat;}
#right-column p.p375{ margin:0 0 14px 0; font-size:1.3em;}
#right-column p.p375 a{ padding:0 0 0 33px; height:17px; background:url('../images/375.gif') no-repeat 0 1px; color:#d98c40;}

#right-column p.download {
    font-size: 1.2em;
    margin: 0.5em 0 0.5em 0
}
#right-column p.download img {
    vertical-align: middle;
    margin-right: 6px;
}


#articles #right-column p { margin:0 0 10px 0; line-height:1.5em; font-size: 1.3em;}
#articles #right-column ul, #articles #right-column ol { margin: 1em 3em 1em 6em; }
#articles #right-column li { line-height: 1.5em; font-size: 1.3em; color: #7E716A; margin-bottom: 0.5em; }

#left-column ul{
  color: #7e716a;
  line-height:1.5em;
  font-size:1.2em;
	list-style:none;
	padding:0 0 4px 10px;
	text-transform:uppercase;
}

#left-column ul li{ margin:0 0 4px 0;}

#inqueries #left-column{
 font-size:.9em;
}



ul {
	
}

a {
    color: #A19589;
    text-decoration: none;
}
a:link		{  }
a:visited	{  }
a:hover		{  }
a:active	{  }

img {
    border:none;
}


/* Structure
------------------------------------ */
#super-container { 
  /* used to center site. Do not float */
	position:relative;
  margin: 28px auto 0 auto;
  width: 990px;
	 left:50%;
	margin-left:-495px;
}         

#container {
  float: left;
	position:relative;
  width: 930px;
  background: url(../images/backdrop.png) repeat-y scroll left;
  padding: 0 30px;
}

#header {                                                            
  float: left;
  width: 930px;
	position:relative;
  padding-top: 32px;
  background-image: url('../images/rfr_logo.png');
  background-repeat: no-repeat;
  background-position: bottom right;
  color: #a19589;
  text-align: justify;
  text-transform: uppercase;
  font-size: 9pt;
  margin-bottom: 15px;
}

#top-nav {
  padding-top: 15px;
}

#top-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 820px;
}

#top-nav ul li { float:left; position:relative; }

#top-nav ul li a {
  float: left;
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #a19589;
}

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

#home .homea, #contacts .contactsa,#buildings .citiesa, 
#articles .articlesa, #home .homea a, #inqueries .contacta {
  font-weight:bold;
}

#inqueries .contacta a:hover{text-decoration:none; cursor:default}

#top-nav ul li.contacta a { border: none; }

#top-nav ul li.admina a { 
  color: #69c;
  margin-left: 40px;
}
#top-nav ul li.logouta a { border: none; color: #c66; }

#top-nav ul li ul {
    top: 0;
    left: 0;
    text-align: left;
    position: absolute;
    margin-top: 1em;
    padding-top: 0.5em;
    margin-left: -1em;
    background-color: #fff;
    width: auto;
    display: none; /* none */
}
#top-nav ul li:hover ul, #top-nav ul li.hover ul {
    display: block;
}

#top-nav ul li ul li {
    float: none;
    padding: 0.5em 1em;
    width: auto;
    white-space: nowrap;
}
#top-nav ul li ul li:hover {
    background-color: #e4e3e2;
}
#top-nav ul li ul li a {
    float: none;
    text-decoration: none;
    border: none;
    color: #6b6258;
}
#top-nav ul li ul li a:hover {
    text-decoration: none;
}

#content {
  clear: left;  
  float: left;
  width: 930px;
}

#contacts #content { padding-bottom:120px;}

#inqueries #content{padding-bottom:120px;}

#footer {      
  clear: left;                                                        
  float: left;
  width: 930px;
  height: 30px;
}

#left-column{
 width:470px;
 float:left;
 display:inline;
}

#contacts #left-column{
 width:470px;
 float:left;
 display:inline;
}

#inqueries #left-column{
  width:370px;
	padding:0 32px 0 0;
}

#articles #left-column{ width:175px; padding: 0 33px 0 0 ; margin:14px 0 0 0; border-right:1px solid #c6c0b8;}

#right-column{
 float:left;
 display:inline;
} 

#contacts #right-column{
 width:364px;
 margin:0 0 0 80px;
 padding:	0 0 0 0;
}

#inqueries #right-column{
 width:430px;
 border-left:1px solid #c6c0b8;
 margin:25px 0 0 0;
 padding:30px 0 0 74px;
}

#buildings #right-column{
 width:771px;
 margin:0 0 0 10px;
} 
#articles #right-column {width:628px; padding: 0 0 0 16px;margin:14px 0 0 0;}

#profile{position:relative; margin:0 0 22px 0;}

#profile h2{
 position:absolute;
 bottom:0px;
 left:147px;
}

#profile div.image-wrapper {
    width: 140px;
    height: 172px;
    background-color: #eee;
}

#profile div.empty {
    width: 100%;
    height: 420px;
    background-color: #eee;
}

#closing-dropshadow {
  clear: left;
  background: url(../images/bottom-backdrop.png) repeat-x scroll top;
  height: 80px;
  width: 990px;
/* margin: 0 12px; */
}



#building-showcase {
    /* background-color: #6b6258; /* #6b6258 #a19589 */
    width: 930px;
    height: 340px;
    margin-bottom: 15px;
}

#building-list {
    background-color: #e4e3e2;
    width: 140px;
    float: left;
}

#buildings #building-list { width:129px;}

#building-list div {
    float: left;
}

#building-list div.scrollable {
    height: 240px;
    width: 128px;
    overflow: hidden;
    background-color: #fff;
}

#building-slider {
    width: 12px;
    height: 240px;
    background-color: #e4e3e2;
}

#building-slider.invisible {
    background-color: #fff;
}

#building-slider div.handle {
    width: 12px;
    height: 40px;
    background-color: #a19589;
}

#building-slider.invisible div.handle {
    display: none;
}

#building-list ul {
    margin: -1px 0 0 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
}

#building-list li {
    border-top: 1px solid #e4e3e2;
    width: 124px;
    font-size:1.1em;
}

#buildings #building-list li { 
   width:127px;
}

#building-list li:hover {
    background-color: #e4e3e2;
}

#building-list ul a {
    height: 20px;
    line-height: 20px;
    text-indent: 6px;
    padding-left: 8px;
    color:#615950;
}

#buildings #building-list ul a { padding-left:4px;}

#copy-container {
    width: 246px;
    margin: 0 17px;
    float: left;
}




/* Home page styles 
------------------------------------ */ 

#featured-property {
    width: 507px;
    /* height: 300px; */
    float: left;
}

#featured-property p{padding-right:10px; line-height:1.3em; margin-bottom:5px;}

#featured-property div.image-container {
    float: left;
    margin-right: 10px;
		padding:1px 0 0 ;
    text-align: left;
		width:166px;
}

#featured-property table{
 border-collapse:collapse; 
 color:#918579;
 width:328px;
 text-align:left; 
 font-size:1em;
}

#featured-property table th{
 border-top:1px solid #d0cac4;
 text-transform:uppercase;
 padding:5px 0 2px 2px; 
}

#featured-property table th.floor-th{ width:14%}
#featured-property table th.rsf-th{ width:12%}
#featured-property table th.rental-th{ width:23%}
#featured-property table th.remarks-th{ width:40%}
                
#featured-property table td{
 padding:0 2px 0 2px;
}

#featured-property table .tbl-subheader td{
 padding:3px 0 1px 2px;
 font-weight:bold;
 border-bottom:1px solid #d0cac4;
 border-top:1px solid #908478;
 text-transform:uppercase;
}

#featured-property table .property-data td{
 padding:6px 0 6px 2px;
 font-size:1.1em;
}

#featured-property.website {
    vertical-align: middle;
}

/*
#featured-property.website div {
    height: 260px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
}
#featured-property.website div.inline {
    width: 70%;
}
*/

#featured-property.website div {
    float: left;
    height: 260px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    text-transform: uppercase;
    font-size: 2em;
    font-weight: bold;
}


#mms-link span {
    color: #60a;
}


#st-website-image {
   width: 260px;
}

#st-website-link {
   width: 220px;
   vertical-align: middle;
   padding-top: 80px;
}

#lv-website-image {
    width: 330px;
}

#lv-website-link {
    width: 160px;
    padding-top: 80px;
}


/* Contact page styles 
------------------------------------ */  
	
#select-pulldowns img{margin: 5px 0 7px 0;cursor:pointer;	}
	
fieldset{ border:0;}

#contact-form label{
 color:#61514a;
 width:45px;
 display:block;
 float:left;
 clear:left;
 padding:3px 0 0 0;
 font-size:1.1em;
}

#contact-form label.comments{
 padding:0 0 4px 0;
}

#contact-form label.how-may-we{
 width:340px;
 float:none;
 margin:8px 0 8px 0;
}

#contact-form label.info-label{
 width:250px;;
 float:left;
 clear:none;
}

#contact-form input{
 width:295px;
 height:18px;
 border:1px solid #a19589;
 margin:0 0 14px 0;
}


#contact-form input.information{
 width:auto;
 clear:left;
 display:block;
 float:left;
 position:relative;
 top:1px;
 margin:0 5px 0 0;
 border:0;
}



#contact-form input.button{
 width:48px;
 height:auto;
 margin: 14px 0 0 292px;
 clear:both;
 float:left;
 color:#64544d;
 background:#fff;
 padding:-2px 0 2px;
 cursor:pointer;
 font-size:1.2em;
 vertical-align:top;
}

#contact-form textarea{
 width:340px;
 height:80px;
 border:1px solid #a19589;
 clear:left;
 display:block;
 overflow:auto;
 margin-bottom: 14px;
}

/*
#inqueries #errors {
  border: 1px solid #f00;
  padding: 0.5em 1em 1em 1em;
  background-color: #fcf;
  color: #600;
  width: 320px;
  margin-bottom: 1.5em;
}

#inqueries #errors h4 {
  color: #600;
  margin: 0 0 1em;
}

#inqueries #errors li {
  margin-left: 1.5em;
  font-weight: bold;
}

#inqueries form .error {
  border: 1px dotted #f00;
}
*/

#contact-form div.errorExplanation {
    border: 1px solid #f00;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fee;
}

#contact-form div.errorExplanation ul li {
    margin-left: 3em;
}

#contact-form div.fieldWithErrors label {
    color: #d00;
    font-weight: bold;
}

#contact-form div.fieldWithErrors input {
    color: #d00;
    font-weight: bold;
    border-color: #f00;
}


/* Cities page styles 
------------------------------------ */ 
			
#building-image{ 
    float:left;
    display:inline;
}

#building-details{
 width:445px;
 float:left;
 display:inline;
 margin:0 0 0 19px;
}	

#building-details ul, #featured-property ul {
 list-style:none;
 padding:0 0 0 0;
 font-size:1.2em;
 margin: 0 0 10px 0;
 color: #7e716a;
 line-height:1.5em;
 font-size:1.2em;
}

#building-details ul li, #featured-property ul li { margin:0 0 1px 0;;}
			
#building-details ul a, #featured-property ul a {color: #7e716a; text-decoration:underline;}

#building-details .hr{
 width:100%;
 height:1px;
 border-top:1px solid #908478;
 font-size:1px;
 line-height:1px;
 margin: 10px 0 12px 0;
}

#building-details div.extra {
    display: inline;
}

#leasing-contacts p{
 font-size:1.1em;
 line-height:1.3em;
 width: 140px;
 margin-right: 12px;
 float:left;
}

#leasing-contacts p.right-contact{ margin-right: 0; }
 
#building-units{
 padding:20px 0 0;
 position:relative;
 width:770px;
 clear:left;
} 

#building-units p.stacking-plan{ position:absolute; top:15px; right:0; font-size:1.3em; width:200px;}
#building-units p.stacking-plan a{ padding:10px 0 0 24px; height:17px; background:url('../images/stacking-plan.gif') no-repeat; color:#d98c40;height:28px; display:block;} 
 
#building-units table{
 width:770px;
 text-align:left;
 border-collapse:collapse;
 font-size:1em;
}

#building-units table th{padding:9px 8px; background:#fff; text-transform:uppercase;}

#building-units table tr{ background:#f2f1ef;}
#building-units table tr.alt{ background:#e5e1de;}
div.alt { 
   background: #e5e1de;
   padding: 8px;
}

#building-units table td{ padding:8px }
#building-units table td.center{ text-align:center;}
#building-units table td a{ color:#534A41; }

#building-units table th.floor-th{ width:61px}
#building-units table th.rsf-th{ width:56px}
#building-units table th.rental-th{ width:72px;}
#building-units table th.floorplan-th{text-align:center; width:72px;}
#building-units table th.photos-th{text-align:center;width:58px; }			


#sessions #login-window-container {
    width: 100%;
}

#sessions #login-window-container h1 {
    margin-bottom: 1em;
}

#sessions #login-window-container div.box {
    margin: 80px auto;
    border: 1px solid #ccc;
    width: 300px;
    padding: 2em;
}

div.vert-spacer {
    height: 400px;
}

/* Press page styles 
------------------------------------ */ 

#left-column #press-items h3, #left-column #press-items p{
 font-size:1.2em;
  line-height:1.3em;
  margin:0 0 0;
	padding:0;
	text-transform: none;
	font-weight:normal;
	color:#7E716A;
}

#left-column #press-items p{ margin:0 0 15px 0;}

		
/* Must be last! */            
/* Utilities 
------------------------------------ */  
.noBottom {
	margin-bottom: 0 !important;
}

.clear{ 
 width:100%;
 height:1px;
 font-size:1px;
 line-height:1px;
 clear:both;
}