@charset "utf-8";

/* CSS Document */
/*

font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
 */

body,td,th { font-family: 'Roboto', Verdana, sans-serif; font-size: 12px; color: #333333; }

body { background-color:#f4f4f2  }

div {margin:0}



a:link { color: #204c77; }

a:visited {	color: #204c77; }

a:hover { color: #204c77; text-decoration:underline; }

a:active { color: #204c77; }

.address { font-size:22px; margin-top:10px; color:#204c77; font-family: 'Roboto', sans-serif; font-weight:500; text-decoration: none;}

.available {font-weight:700; color:#2cc455; }

.available_alert {font-size:10px; font-weight:bold; color:#c0392b; }

#box { margin-left:auto; margin-right:auto; margin-top:0; background-color:#f4f4f2;  padding-top:0; margin-bottom:0; padding-bottom:0;  }

.body_bar {display:block; margin-left:2%; margin-right:2%; margin-bottom:1%; margin-top:0; width:96%;  max-width:1000px; min-width:300px; }

.bold { font-weight:700;}

.city_state { color:#666; font-size:13px; font-family: 'Roboto', sans-serif; font-weight:300; }

.details { color:#333; font-size:16px; margin-top:2px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; }

.description {font-size:15px; line-height:1.3;} 

.description_address { font-size:24px; line-height:1.3; font-weight:700; color: #204c77} 

.footer_bar {display:block; margin-left:3%; margin-right:3%; margin-bottom:0%; margin-top:2%; width:94%; padding: 2% 0 2% 0;  max-width:1000px;}

.footer_background {display: block; background-color:#575756; width:100%;}

.footer { text-align:left; font-size:14px; color: #fff; border-left:thin; border-left-color:#ffffff; border-left-style:solid; padding-left:10px }

a.footer_link { color: #fff}

.headline {font-size:32px; color:#3b3b38; font-family: 'Roboto Condensed', serif; font-weight:700; text-align:center; margin-bottom:10px}

.header_panel { padding: 2% 0 2% 0; text-align:center; margin-left:2%; margin-right: 2%;}

.intro { font-size:16px; color:#000000; text-align: justify; padding: 3% 4% 4% 4%; line-height:1.5; font-weight:300;}

.logo { max-width: 250px;  width: 100%; height:auto; margin-left:-5px;}

.main_panel {  background-color:#ffffff; text-align:left; border-right: 1px solid #dfdfdd; border-bottom: 1px solid #dfdfdd;   margin: 2% 0 1%  0 }

.neighborhood { color:#333; font-size:14px; margin-top:2px; font-family: 'Roboto Condensed', sans-serif; font-weight:300; }

.note { color:#666; font-size:12px; font-family: 'Roboto', sans-serif; font-weight:300; margin-top:5px; }

.phone_only {display:none}

.property_actions_panel { display:block; clear:both;  background-color:#ffffff; text-align:left; border-right: 1px solid #dfdfdd; border-bottom: 1px solid #dfdfdd;   margin: 2% 0 1%  0; padding: 1% 2% 1% 2%; overflow:hidden; }

.property_box { padding:10px; background-color:#ffffff; text-align:left; border-right: 1px solid #dfdfdd; border-bottom: 1px solid #dfdfdd;  }

.property_button {display:block; height: 34px; background-color:#2e629d; margin:1%; vertical-align: middle;}

.property_button_arrow { float:left; width: 0px;
height: 0px;
border-style: solid;
border-width: 17px 0 17px 10px;
border-color: transparent transparent transparent #204c77;
 }

.property_button_icon { width: 30px; background-color:#204c77; float:left; }
.property_button_text { float: left; vertical-align: middle; font-family: 'Roboto Condensed', sans-serif; font-size:16px; color:#fff; font-weight:700; margin-left: 10px; padding:6px 0 0px 0;  }

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

.property_panel { text-align:center; margin: 2% 0 0  0 }

.property_description { width: 46%; text-align:left;  font-size:16px; line-height:1.5; font-weight:300; padding: 3% 3% 4% 4%; background-color:#ffffff; border-right: 1px solid #dfdfdd; border-bottom: 1px solid #dfdfdd; 0 0 1%  0 }

.property_description_label {font-weight:700; font-size:16px; }

.property_photo_box { float:right;  width: 41%;  padding:2%; background-color:#ffffff; border-right: 1px solid #dfdfdd; border-bottom: 1px solid #dfdfdd; margin: 0 0 1%  0 }

.property_photo { width: 100%; }

.table_header { font-family: 'Roboto Condensed', serif; font-size:16px; color:#ffffff; text-transform:uppercase;font-weight:700; }

.table_text {font-family: 'Roboto Condensed', serif; font-size:16px; color:#000000; }

.table_panel { padding:2%; background-color:#ffffff; text-align:left; border-right: 1px solid #dfdfdd; border-bottom: 1px solid #dfdfdd; margin: 2% 0 2% 0 ;  }




/*  SECTIONS  */
.section {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}

/*  GRID OF TWO */


.span_2_of_2 {
	width: 100%;
}

.span_1_of_2 {
	width: 49.2%;
}


/*  GRID OF THREE  */
.span_3_of_3 {
	width: 100%;
}
.span_2_of_3 {
	width: 66.1%;
}
.span_1_of_3 {
	width: 32.2%; 
}

/*  GRID OF FOUR  */

	
.span_4_of_4 {
	width: 100%; 
}

.span_3_of_4 {
	width: 74.6%; 
}

.span_2_of_4 {
	width: 49.2%; 
}

.span_1_of_4 {
	width: 23.8%; 
}

table { 
  width: 100%; 
  border-collapse: collapse;
}

tr { 
  background: #e4e4e2; 
}
/* Zebra striping */


tr:nth-of-type(odd) { 
  background: #d4d4d2; 
}
th { 
  background: #204c77; 
  color: white; 
  font-weight: 700; 
}
td, th { 
  padding: 6px; 
  border: 1px solid #fff; 
  text-align: center; 
  font-family: 'Roboto Condensed', sans-serif;
  font-size:16px;
}
}



@media only screen and (max-width: 641px) {
	.col { 
		margin: 1% 0 1% 0%;
	}

}

@media only screen and (max-width: 641px) {

.address { font-size:22px; font-weight:400 }
.apt {font-weight:700; font-size:20px; background-color:#204c77; color:#fff;}

#box { background-color:#ffffff;  }
.details { font-size:16px; font-weight:400}
.description {font-size:18px; line-height:1.3;  } 
.footer_bar {display:block; margin-left:2%; margin-right:1%; margin-bottom:1%; margin-top:0; padding: 2% 10% 3% 10%; width:auto }
.footer { text-align:left; font-size:16px; color: #fff; border:none; padding-left:0; margin-top:2%; line-height:1.5; }
.headline {font-size:30px; font-weight:700}
.intro {font-size:16px;   }
.main_panel {  padding: 2% 10% 2% 10%; border: none; width:auto; margin: 0;   }
.photo_stack {  position: relative; top: 0; left: 0;}
.season {position: absolute; top: 0px; left: 0px;}
.property_box {  padding: 3% 10% 3% 10%; width:auto; border:none;  }
.property_actions_panel {   padding: 0% 10% 0% 10%; border: none;  }
.property_action_link { clear:both; margin: 0 0 10px 0; font-family: 'Roboto Condensed', sans-serif; font-size:18px; float:left; font-weight:300;}
.property_description { clear:both; text-align:left;  width:auto; padding: 2% 10% 1% 10%; margin: 1% 0 0%  0 ; border: none; }
.property_photo_box { float:none; padding:3% 10% 3% 10%; width:auto; border: none;}
.property_panel{ margin:0%; text-align:center; border: none; }
.region { font-size:18px; font-weight:400 }
.table_panel {padding: 3% 10% 3% 10%; border: none; width:auto  }


	.span_3_of_3 { margin-left:0; 
		width: 100%; 
	};
	.span_2_of_3 {
		width: 100%; margin-left:0; 
	}
	.span_1_of_3 {
		width: 100%; margin-left:0;
	}
	

	.span_2_of_2 {
		width: 100%; margin-left:0; 
	}
	.span_1_of_2 {
		width: 100%; margin-left:0; 
	}
	
		.span_4_of_4 {
		width: 100%; margin-left:0;
	}
	.span_3_of_4 {
		width: 100%; margin-left:0;
	}
	.span_2_of_4 {
		width: 100%; margin-left:0;
	}
	.span_1_of_4 {
		width: 100%;margin-left:0; 
	}
	
	 td, th { 
  text-align: left; 
}

	/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 2px solid #fff; margin-bottom: 5%; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #fff; 
		position: relative;
		padding-left: 40%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 25%; 
		padding-right: 10px; 
		white-space: nowrap;
		font-weight:bold;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "UNIT"; font-size:20px }
	td:nth-of-type(2):before { content: "BEDROOMS"; }
	td:nth-of-type(3):before { content: "BATHS"; }
	td:nth-of-type(4):before { content: "FLOOR(S)"; }
	td:nth-of-type(5):before { content: "AVAILABLE"; }
	td:nth-of-type(6):before { content: "RENT"; }
}
@media only screen and (max-width: 480px) {
	
	.intro {padding:5% 0 5% 0 ; text-align:left;}
	
	.property_description {background-color:#ffffff; border: none; margin:0; padding:
4% 4% 0 4%; }
.property_photo_box { border: none; margin:0; padding:4%; }
	.property_box {  border: none; margin:0; padding:2% 4% 2% 4%; }
	.main_panel {   border: none; margin:0; padding:0% 4% 0 4%; }
	.property_actions_panel {background-color:#ffffff; border: none;   padding: 0 4% 0% 4%;  }
	.table_panel {   border: none; margin:0; padding:4% 4% 4% 4%;  }

.footer_bar { margin-left:6%; margin-right:0%; margin-top:0; width:auto; padding: 4% 0 8% 0;}

}