/* 

  -----------------------------------

  PVII Vanilla

  by Project Seven Development

  www.projectseven.com

  Custom CSS

  -----------------------------------

*/





/* Add your Exception and Custom Rules Here*/

 



/*Media Query for all devices at screen/browser widths of 700px or less*/

@media only screen and (min-width: 0px) and (max-width: 1200px) {

/*Add rules here*/

.mi_special_btn {

	background-color: #0c0;

	font-size: 1.0em;

	line-height: 1.25em;

	width: 70%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}

#ofc_hours p {

	font-size: 1,5em;

	line-height: 1.5em;

	margin: 0px;

	font-weight: 300;

	color: #666;

}

#home2 #ofc_hours {

	text-align:center;

}

#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 75%;

	height: 75%;

}



.home_background {

	min-height: 500px;

}

p {

	font-size: 1.5em;

	line-height: 1.5em;

	color: #666;

}

}



/*Media Query for smartphones*/

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

/*Add rules here*/

.mi_special_btn {

	background-color: #0c0;

	font-size: .8em;

	line-height: 1.5em;

	width: 80%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}



#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 50%;

	height: 50%;

}



.home_background {

	min-height: 400px;

}



#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-1.percent25 .p7QC-content.p7ehc-3 ul li {

	text-align: center;

	list-style-type: none;

	font-size: 1.1em;

	color: #FFF;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-3.percent25 .p7QC-content.p7ehc-3 ul li {

	color: #FFF;

	font-size: 1.2em;

	text-align: center;

	list-style-type: none;

}

#footer {

	background-color: #151515;

	color: #BBB;

	box-sizing: border-box;

	border-radius: 0px 0px 6px 6px;

	font-size: 1.25em;

	text-align: center;

	clear: both;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

}



p {

	font-size: 1.5em;

	line-height: 1.25em;

	color: #666;

}

#ofc_hours p {

	font-size: 1.5em;

	line-height: 1.5em;

	margin: 0px;

	font-weight: 300;

	color: #666;

}

}



/*Media Query for smartphones in landscape mode*/

@media only screen and (max-device-width: 480px) and (orientation : landscape) {

/*Add rules here*/

.mi_special_btn {

	background-color: #0c0;

	font-size: .9em;

	line-height: 1.5em;

	width: 70%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

}



#masthead {

	display:none;

	}

#home {

	clear: both;

	background-image: url(../images/image1a.jpg);

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center center;

	width: 40%;

	height: 40%;

}



.home_background {

	min-height: 300px;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-1.percent25 .p7QC-content.p7ehc-3 ul li {

	text-align: center;

	list-style-type: none;

	font-size: 1.1em;

	color: #FFF;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-3.percent25 .p7QC-content.p7ehc-3 ul li {

	color: #FFF;

	font-size: 1.2em;

	text-align: center;

	list-style-type: none;

}

#footer {

	background-color: #151515;

	color: #BBB;

	box-sizing: border-box;

	border-radius: 0px 0px 6px 6px;

	font-size: 1.5em;

	text-align: center;

	clear: both;

	padding-top: 10px;

	padding-right: 30px;

	padding-bottom: 10px;

	padding-left: 30px;

}

p {

	font-size: 1.5em;

	line-height: 1.25em;

	color: #666;

}

#ofc_hours p {

	font-size: 1.5em;

	line-height: 1.5em;

	margin: 0px;

	font-weight: 300;

	color: #666;

}

}

#home {

	width: 100%;

	max-height: 1000px;

}



.home_background {



}

#home2 {

	clear: both;

	background-color: #FFF;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #999;

	width: 100%;

}

.home2_background {

	background-image: none;

}

.home2_transparency {

	background-color: rgba(255,255,255,1.0);

	background-attachment: scroll;

}

#ofc_hours p {

	font-size: 1em;

	line-height: 1.2em;

	margin: 0px;

	font-weight: 300;

	color: #666;

}

#ofc_hours h2 {

	color: #666;

}







#gallery {

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #999;

}

.gallery_background {

	background-image: url(../images/backgrounds_page/background12.jpg);

	background-repeat: repeat;

	background-position: center center;

}



.gallery_transparency {

	background-color: rgba(255,255,255,.85);

	background-attachment: scroll;

}

#features {

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #999;

}





.features_background {

	min-height: 500px;

	background-attachment: fixed;

	background-repeat: repeat;

	background-position: center top;

	background-image: url(../images/backgrounds_page/background14.png);

}



.featires_transparency {

	background-color: rgba(218,173,88,.25);

	min-height: 500px;

	background-attachment: scroll;

	background-repeat: no-repeat;

	background-position: center top;

}





.comm_amenities .vanilla-column.column-33.padded ul li {

	line-height: 1.6em;

	font-size: 1.3em;

	color: #FFF;

}

.apt_features .vanilla-column.column-33.padded ul li {

	line-height: 1.6em;

	font-size: 1.3em;

	color: #FFF;

}

.comm_amenities .vanilla-column.column-33.padded h2 {

	color: #FFF;

}

.apt_features .vanilla-column.column-33.padded h2 {

	color: #FFF;

}



.apt_features .vanilla-column.column-33.padded p {

	font-size: 0.8em;

	color: #FFF;

}

#features p {

	font-size: 1.2em;

	line-height: 1.3em;

	color: #FFF;

}

#features h2 {

	color: #FFF;

}

#features p1 {

	font-size: .9em;

	color: #666;

	padding-right: 1em;

	padding-left: 1em;

	margin-right: auto;

	margin-left: auto;

}

.features_footer #p7QC_5 {

	clear: both;

}



.features_footer {

	background-color: #699;

}

.photogal_container .scalable {

	padding-bottom: 1em;

}



#floorplans {

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #999;

}

#floorplans .floorplans_background .floorplans_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280 #p7QC_3 .p7QC-Col.p7QC-2col-1.percent50 .p7QC-content #p7AP3_1 #p7AP3w1_6 p {

	font-size: 1em;

	color: #666;

}

.floorplans_background {

	min-height: 500px;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center top;

	background-image: url(../images/backgrounds_page/background3.jpg);

	clear: both;

}

.floorplans_transparency {

	background-color: rgba(255,255,255,.85);

	min-height: 500px;

	background-attachment: fixed;

	background-repeat: no-repeat;

	background-position: center center;

}

#footer #copyright {

	clear: both;

	color: #FFF;

}

#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li {

	list-style-type: none;

	margin: 0px;

}





#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-1.percent25 .p7QC-content.p7ehc-3 ul li {

	text-align: center;

	list-style-type: none;

	font-size: 1.1em;

	color: #999;

}

#layout-container #footer .max-1600 #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li {

	color: #999;

}



#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-3.percent25 .p7QC-content.p7ehc-3 ul li {

	color: #999;

	font-size: 1.2em;

	text-align: center;

	list-style-type: none;

}



#location {

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #999;

}





.location_background {

	min-height: 500px;

	background-image: url(../images/backgrounds_page/background_fabric.jpg);

	background-position: center center;

	background-attachment: fixed;

	background-repeat: repeat;

}

.location_transparency {

	background-color: rgba(255,255,255,.5);

	min-height: 500px;

}

#residents {

	clear: both;

}



.residents_background {

	background-color: #9CC;

	min-height: 500px;

}

#contact {

	background-position: center center;

	clear: both;

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #999;

	top: 100px;

}



.contact_background {

	min-height: 500px;

	background-attachment: fixed;

	background-image: url(../images/backgrounds_page/background7.jpg);

	background-repeat: no-repeat;

	background-position: center center;

}

.contact_transparency {

	background-color: rgba(255,255,255,.85);

	min-height: 500px;

}

#thankyou {

}

.thankyou_background {

	min-height: 500px;

	background-image: url(../images/backgrounds_page/background4.jpg);

}

.thankyou_transparency {

	background-color: rgba(255,255,255,.80);

	min-height: 500px;

}

#layout-container .columns-container #thankyou .thankyou_background .column-group.max-100 .vanilla-column.column-100.padded .max-1440 .thankyoutext {

	width: 50%;

	margin-right: auto;

	margin-left: auto;

	text-align: center;

	padding-top: 3em;

	padding-bottom: 3em;

}





.phone {

	padding-right: 2em;

	padding-left: 2em;

	padding-bottom: 1em;

	padding-top: 1em;

}

#layout-container #masthead #masthead-right .phone .phone_img h2 img {

	clip: rect(5px,auto,auto,auto);

}



.logo img {

	padding-right: 1em;

	padding-left: 1em;

	padding-top: 1em;

	padding-bottom: 1em;

}

.logo {

	padding-right: 1em;

}



p {

	font-size: 1.25em;

	line-height: 1.30em;

	color: #666;

}

.sqft {

	font-size: .85em;

	padding-right: 2em;

	padding-left: 2em;

}

#layout-container .columns-container #home .home_background .column-group.max-100 .vanilla-column.column-100.padded .max-1440 .comingsoon {

	width: 100%;

	text-align: center;

	margin-left: auto;

	font-size: 1.5em;

	color: #C36F43;

	padding-top: 1.5em;

	margin-right: auto;

}

.comingsoon h2 {

	color: #063;

}

#footer ul li {

	padding-top: .1em;

	padding-bottom: .1em;

}

#footer ul li a {

	color: #FFF;

}



#buttons {

	background-color: #0B7477;

	padding: .25em;

	text-decoration: none;

}

.disclaimer {

	font-size: .8em;

	color: #FFF;

}

#features p {

}



#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li a hover {

	text-decoration: none;

}

#footer #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li {

	color: #FFF;

}



#layout-container #footer #p7QC_2 .p7QC-Col.p7QC-3col-2.percent50 .p7QC-content.p7ehc-3 ul li a {

	text-decoration: none;

}

#layout-container .columns-container #thankyou .thankyou_background .thankyou_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1440 .thankyoutext ul li {

	font-size: 1.4em;

	text-align: left;

	color: #000;

	line-height: 1.6em;

}

#layout-container .columns-container #features .features_background .featires_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280.revealFX.revealFX3 #amenities .column-group.max-100 .vanilla-column.column-33.padded p #amen_photo {

	padding: .5em;

	background-color: #496D6D;

}

#layout-container .columns-container #contact .contact_background .contact_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280.revealFX.revealFX8 #p7QC_5 .p7QC-Col.p7QC-2col-2.percent50 .p7QC-content p #contact_pic_border {

	background-color: #496D6D;

	padding: .5em;

}

.opm-panel-content .vanilla-row .column-group.max-100 .vanilla-column.column-30.padded p {

	color: #646c5a;

	padding: 0px;

	margin: 0px;

	font-size: 1em;

	font-weight: bold;

}

.opm-panel-content .vanilla-row .column-group.max-100 .vanilla-column.column-30.padded h2 {

	color: #646c5a;

	padding: 0px;

	margin: 0px;

	font-weight: bold;

	line-height: 1.5em;

	font-size: 1.5em;

}

.opm-panel-content .vanilla-row .column-group.max-100 .vanilla-column.column-30.padded hr {

	color: #646c5a;

	padding: 0px;

	margin: 0px;

	font-weight: lighter;

}

.mi_special_btn {

	background-color: #EB7102;

	font-size: 1.75em;

	line-height: 2.25em;

	width: 70%;

	text-align: center;

	margin-right: auto;

	margin-left: auto;

	font-weight: 400;

	color: #FFF;

	border: thin solid #333;

}

.opm-panel-content h2 {

	color: #daad58;

}

#floorplans h2 {

	color: #F2932F;

}

#footer p {

	margin: 0px;

	padding: 0px;

	font-size: 1em;

	color: #FFF;

}

.vanilla-column.column-70.padded ul li p {

	font-size: 1em;

	color: #646c5a;

}

#copyright a {

	color: #FFF;

	text-decoration: none;

}

#top #layout-container .columns-container #floorplans .floorplans_background .floorplans_transparency .column-group.max-100 .vanilla-column.column-100.padded .max-1280 #p7AP3_1 #p7AP3rw_1 p {

	font-size: .9em;

	padding-right: 1.5em;

	padding-left: 1.5em;

}



.btn_ck_avail h3 {

	background-color: #F90;

	text-align: center;

	padding-top: 0.5em;

	padding-right: 0.25em;

	padding-bottom: 0.5em;

	padding-left: 0.25em;

	border: thin solid #663;

	max-width: 250px;

	margin-right: auto;

	margin-left: auto;

}

.btn_print_floorplan h3 {

	background-color: #F90;

	text-align: center;

	padding-top: 0.5em;

	padding-right: 0.25em;

	padding-bottom: 0.5em;

	padding-left: 0.25em;

	border: thin solid #663;

	max-width: 250px;

	margin-right: auto;

	margin-left: auto;

}

.btn_ck_avail h3 a{

	color: #FFF;

	text-decoration: none;

	font-weight: normal;

}

.btn_ck_avail h3 a:hover{

	color: #FFF;

	text-decoration: none;

	font-size: 1.05em;

}

.btn_print_floorplan h3 a{

	color: #FFF;

	text-decoration: none;

	font-weight: normal;

}

.btn_print_floorplan h3 a:hover{

	color: #FFF;

	text-decoration: none;

	font-size: 1.05em;

}

.btn_apply_now h3 {

	background-color: #F90;

	text-align: center;

	padding-top: 0.5em;

	padding-right: 0.25em;

	padding-bottom: 0.5em;

	padding-left: 0.25em;

	border: thin solid #663;

	max-width: 250px;

	margin-right: auto;

	margin-left: auto;

}

.btn_apply_now h3 a{

	color: #FFF;

	text-decoration: none;

	font-weight: normal;

}

.btn_apply_now h3 a:hover{

	color: #FFF;

	text-decoration: none;

	font-size: 1.05em;

}

#p7DMM_1 #p7DMMu_1 li #p7DMMt1_10 img {

	margin: auto;

	padding: 0px;

}

#p7DMM_1 #p7DMMu_1 li #p7DMMt1_11 img {

	margin: auto;

	padding: 0px;

}

#top #layout-container #p7DMM_1 #p7DMMu_1 li #p7DMMt1_8 {
	color: #F00;
}