@charset "UTF-8";
/* CSS Document */


.follow {
	width:100%;
	background-color:#FFF;
	padding:5% 0;
}

.follow-inner {
	max-width:960px;
	font-size:2.500em;
	margin:auto;
	color:#de7b24;
	text-transform:uppercase;
	text-align:center;
}

.follow-inner a {
	background-color:#FFF;
	color:#de7b24;
	padding:10px 0px;
	width:45px;
	text-decoration:none;
	border-bottom:2px solid #FFF;
	border-top:2px solid #FFF;
}

.follow-inner a:hover {
	border-bottom:2px solid #de7b24;
	border-top:2px solid #de7b24;
}

.follow-inner span {
	margin-right:5%;
}

.neighborhood {
	width:100%;
	background-color:#FFF;
	padding:5% 0;
}

.neighborhood-inner {
	max-width:960px;
	font-size:1.500em;
	margin:auto;
	color:#de7b24;
	text-transform:lowercase;
	text-align:center;
}

.neighborhood-inner a {
	background-color:#FFF;
	color:#de7b24;
	padding:10px 10px;
}

.neighborhood-inner a:hover {
	border-bottom:2px solid #de7b24;
	border-top:2px solid #de7b24;
	padding:10px 10px;
	width:35px
}

.neighborhood-inner object {
	width:4%;
	margin:0.5% 0 0 0;
}


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

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
}
.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 FOUR  */
.span_4_of_4 {
	width: 100%;
}
.span_3_of_4 {
	width: 75%;
}
.span_2_of_4 {
	width: 50%;
}
.span_1_of_4 {
	width: 25%;
	position:relative;
	margin:0;
	padding:0;
}

figure figcaption,
figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}



/*---------------*/
/***** Lily *****/
/*---------------*/


figure.effect-lily img.main {
	opacity: 0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	 -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: grayscale(100%);
  filter: gray; /* IE 6-9 */;
}

figure.effect-lily img.vignette {
	opacity:0.9;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lily:hover img.vignette {
	opacity:0;
}


figure.effect-lily figcaption {
	text-align: left;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 10%;
}


figure.effect-lily p {
	color:#FFF;
}

figure.effect-lily p {
	-webkit-transform: translate3d(0,40px,0);
	transform: translate3d(0,40px,0);
}

figure.effect-lily h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	opacity: 1;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,-30px,0);
	transform: translate3d(0,-30px,0);
}

figure.effect-lily:hover img {
		opacity: 1;
		 -webkit-filter: grayscale(0%);
		  -moz-filter: grayscale(0%);
		  -ms-filter: grayscale(0%);
		  -o-filter: grayscale(0%);
		  filter: grayscale(0%);
		  filter: none; /* IE 6-9 */;
}


figure.effect-lily:hover img.main,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
opacity: 0;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
	


.skyline {
background:url(/images/display/atl-skyline.jpg) no-repeat center top;
background-size: cover;
 -webkit-background-size: cover;
 -moz-background-size: cover;
 -o-background-size: cover;
 width:100%;
 height:390px;
}

.wrapper-apply {
	width:100%;
    position: relative;
	background-color:#FFF;
}

.wrapper-apply-inner {
	max-width:1000px;
	margin:auto;
	padding:4% 0;
	background-color:#FFF;
}

.apply-left {
	width:31.2%;
	float:left;
}

.apply-right {
	width:56%;
	float:right;
	color:#2d353c;
}

.curly-left {
	float:left;
	width:10%;
}

.apply-right h3 {
	color:#de7b24;
	text-transform:uppercase;
	font-size:1.5em;
	padding:0;
	margin:0;
}

.apply-right a {
	color: #2d353c;
	text-decoration:underline;
}

.apply-right a:hover {
	text-decoration:none;
}

.apply-right p {
	padding:2% 0;
	line-height:24px;
	font-size:0.938em;
}

.room-container {
	float:left;
	width:58.97%;
	margin:0 5%;
	text-align:center;
}

.room-container a {
	text-decoration:none;
	padding:7px 0;
	color:#858585;
	display:block;
	border-bottom:2px solid #FFF;
	border-top:2px solid #FFF;
}

.room-container a:hover {
	border-bottom:2px solid #de7b24;
	border-top:2px solid #de7b24;
}

.curly-right {
	float:left;
	width:10%;
}

.captiontext span {
	display:block;
}

.captiontext span.big {
	font-size:2em;
	padding:5% 0;
}

.captiontext span.big2 {
	font-size:1.5em;
	padding:5% 0;
}



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

.wrapper-apply-inner {
	max-width:none;
	margin:none;
	padding:4% 4%;
}

}


@media only screen and (max-width: 1000px) {
	.span_1_of_4 { width: 50%;}
	.span_1_of_4:nth-child(2n+1) { margin:0; padding:0; }
	
	.wrapper-apply-inner {
        padding: 10% 4%;
		max-width:none;
    }
	
	
	

.wrapper-apply-inner {
	max-width:none;
	margin:none;
	padding:4% 4%;
}
	
}

@media only screen and (max-width: 900px) {
	
	.apply-left {
	width:50%;
	float:none;
	margin:5% auto;
}

.room-container {
	margin-top:5%;
	width:65%;
}


.apply-right {
	width:100%;
	float:none;
	text-align:center;
}
}

@media only screen and (max-width: 640px) {
.apply-right {
	margin-top:5%;
	font-size:1em;
}

.apply-left {
	width:80%;
}

.apply-right h3 {
	font-size:2em;
}
}
@media only screen and (max-width: 540px) {
	
	.follow {padding:10% 0;}
	.follow-inner { font-size:1.7em}
	
	.neighborhood {padding:10% 0;}
	.neighborhood-inner object {
	width:8%;
	}
	
	.apply-right p {
	font-size:0.813em;
	}
	
	figure.effect-lily p {
		font-size:
}

.col {  margin: 0% 0 0% 0%; }
	.span_1_of_4, .span_2_of_4, .span_3_of_4, .span_4_of_4 { width: 100%; }

@media only screen and (max-width: 468px) {
	.curly-left {display:none;}
.curly-right {display:none;}
.room-container {width:100%; margin:0 0 0 0; text-align:center;}
.neighborhood-inner { font-size:1em;}
}
	
/*  GO FULL WIDTH BELOW 480 PIXELS */
@media only screen and (max-width: 320px) {
	
	.follow-inner { font-size:1.3em}
	.apply-left {
	width:100%;
	margin:0 0 0 0;
}
}