/* Reusable Styles */

.maintext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

.fptext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 25px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

.fptextlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
	}
	
a:fptextlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}

a:hover.fptextlinks {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 22px;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: underline;
}

.fpheads {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	line-height: 17px;
	font-weight: bold;
	font-variant: normal;
	color: #000000;
	white-space: nowrap;
}


.maintextlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}

a:maintextlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-decoration: underline;
}

a:hover.maintextlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
	color: #ffffff;
	text-decoration: underline;
}


.maintextsmall {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 12px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
}

.clear {
	clear: both;
}

.borderRight {
	border-right: 1px solid #000;
}

.alignLeft {
	text-align: left !important;
}


/* Special Buttons */

.btn {
	display: block;
	position: absolute;
	height: 59px;
	width: 146px;
	background: url('images/btn-blue.png') 0 0 no-repeat;
	color: #fff;
	text-shadow: 0px -1px 0px #003b76;
	text-decoration: none;
	text-align: center;
	font-family: verdana,arial, sans-serif;
	font-size: 16px;
	font-style: italic;
	font-weight: 500;
	font-weight: bold;
	line-height: 56px;
	padding-left: 20px;
	padding-right: 40px;
}

.nowrap {
	white-space: nowrap
}

.btn:hover {
	background-position: 0 -58px;
}

#buttonContainer div {
	float: left;
	margin-right: 8px;
	border: 1px solid #587fa6;
	cursor: pointer;
	background-color: #fff;
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
   	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	line-height: 13px;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	text-align: center;
	display: block;
    
}

#buttonContainer div.current,
#buttonContainer div:hover {
	filter: alpha(opacity=100);
    -moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;
}

.preferencial-financing {
	background: url('images/btn-pref-financing.gif') 0 0 no-repeat transparent;
	height: 23px;
	width: 163px;
	float:left;
	margin-top: 17px;
}

.preferencial-financing:hover,
.preferencial-financing.current {
	background-position: 0 -23px;
}

/* Floor Plan Slider */

#floor-plans a {
	color: #000;
}

#floor-plans td {
	text-align: center;
}

#floor-plans a:hover {
	color: #fff;
}

tr.unavailable td,
td.unavailable {
	color: #777;
}

#floor-plan-viewer {
	width: 700px;
	height: 300px;
	position: absolute;
	display: none;
}

#floor-plan-viewer #plan-title {
 	position: absolute;
 	z-index: 100;
	font: 14px/22px Helvetica,sans-serif;
	letter-spacing: 10px;
	text-transform: uppercase;
	font-weight: 300;
	font-weight: thin;
    padding: 12px 15px;
    color: #000;
}

#floor-plan-viewer .btn {
	bottom: 26px;
	right: 10px;
	z-index: 101;
}

#floor-plan-viewer .planLeft,
#floor-plan-viewer .planRight {
	position: absolute;
	top: 105px;
    xdisplay: none;
}

#floor-plan-viewer .planRight {
	right: 15px;
}

#floor-plan-viewer .planLeft {
	left: 15px;
}

#floor-plan-viewer .planLeft img,
#floor-plan-viewer .planRight img {
	height:12px !important;
	width:9px !important;
	border: none;
}

#floor-plan-viewer .planLeft img:hover,
#floor-plan-viewer .planRight img:hover {
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
}

#floor-plan-viewer #plan-options {
	position: absolute;
	bottom: 7px;
	right: 20px;	
	font-size: 12px;
}

#floor-plan-viewer #plan-options a {
	color: #fff;
	text-decoration: none;
	font-family: Verdana, arial, sans-serif;
	xdisplay: none;
	padding-left:15px;
}

#current-floor-plan {
	margin-top:15px;
	margin-left: 35px;
	width: 630px;
}

#current-floor-plan a {
	text-align: center;
	position: absolute;
	text-align: center;
	width: 630px;
}

#current-floor-plan img {
	max-height:240px;
	border:none
}

#floor-plan-viewer #buttonContainer {
	z-index: 4;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#floor-plan-viewer #buttonContainer div {
	height: 15px;
	width: 15px;
}

#floor-plans td.alignLeft {
	padding-left:10px;
}

/* Pretty Photo Floorplans */

.pp_content_container .pp_details {
	xmargin-top: 18px !important;
	height: 16px !important;
	z-index: 4;
}

.pp_nav {
	color: #000 !important;
	text-decoration: none !important;
	font-family: Verdana, arial, sans-serif !important;
	font-size: 11px;
	text-transform: lowercase;    
	margin: -16px 0 0 0px !important;
	width: 100% !important;
	padding: 0 !important;
	position: absolute;
	z-index: 3;
}

.pp_description small {
	font-size: 11px;
}

.pp_hoverContainer {
	display: none !important;
}

.pp_arrow_next {
	float:right !important;
}

.pp_description {
	font-family: Verdana, arial, sans-serif !important;
	font-size: 16px;    
	margin: -19px 0 0 !important;
	text-align: center;
	position: absolute;
    width: 90% !important;
	z-index: 2;
    left:20px;
}

.pp_play,
.currentTextHolder {
	display: none !important;
}

a.pp_close,
a.pp_inquire,
a.pp_pdf {
	z-index: 4;
	display: inline !important;
	text-indent: 0 !important;
	height: auto !important;
	width: auto !important;
	background: none !important;
	color: #000 !important;
	text-decoration: none !important;
	font-family: Verdana, arial, sans-serif !important;
	font-size: 11px;
	text-transform: lowercase;    
	line-height: 22px;
    position: absolute;
}

a.pp_close:hover ,
a.pp_inquire:hover ,
a.pp_pdf:hover {
	color: #6e93b9 !important;
}

a.pp_close {
    right: 0;
    top: 0;
}

a.pp_inquire {
    left: 0;
    top: 0;
}

a.pp_pdf {
    left: 90px;
    top: 0;
}
	

/* Home Page Slider */

#slider {
    width: 700px; /* important to be same as image width */
    height: 325px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#sliderContent {
    width: 410px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}

.sliderImage {
    float: left;
    position: relative;
	display: none;
}

.sliderImage span {
    position: absolute;
	font: 14px/22px Helvetica,sans-serif;
	letter-spacing: 10px;
	text-transform: uppercase;
	font-weight: 300;
	font-weight: thin;
    padding: 12px 15px;
    width: 675px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
}

.sliderImage span strong {
    xfont-size: 14px;
}

.sliderImage img {
 	width: 700px; /* important to be same as image width */
    height: 325px; /* important to be same as image height */
    border: 0;
}

#slider .top {
	top: 0;
	left: 0;
}

#slider .bottom {
	bottom: 0;
    left: 0;
}

#slider ul { 
	list-style-type: none; 
	margin: 0;
	padding: 0;
}

#slider .btn {
	bottom: 20px;
	right: 20px;
}

#slider .btn.uniqueLofts {
	line-height:14px;
	padding-top:15px;
	text-align: left;
	height: 44px;
}

#slider .btn.uniqueLofts small{
	font-size:12px;
}

/*#slider .sliderTestimonials {
	position: absolute;
	top: 60px;
	width: 490px;
	right: 0px;
}

#slider .sliderTestimonials .testLeft,
#slider .sliderTestimonials .testRight {
	position: absolute;
	top: 80px;
    display: none;
}

#slider .sliderTestimonials .testRight {
	right: 20px;
}

#slider .sliderTestimonials .testLeft {
	left: 0px;
}

#slider .sliderTestimonials .testLeft img,
#slider .sliderTestimonials .testRight img {
	height:12px !important;
	width:9px !important;
}

#slider .sliderTestimonials .testLeft img:hover,
#slider .sliderTestimonials .testRight img:hover {
	filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	-khtml-opacity: 0.5;
    opacity: 0.5;
}

#slider .sliderTestimonials ul, 
#slider .sliderTestimonials span.testMore {
	position: absolute;
	width: 420px;
	margin-left: 25px;
	display: block;
	color: #fff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 16px;
}

#slider .sliderTestimonials span.testMore {
	background: none !important;
	filter: alpha(opacity=100);
    -moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;
    text-transform: none;
    padding: 0;
    margin: 0;
    position: relative;
    display: none;
}

#slider .sliderTestimonials small {
	display: block;
	text-align: right;
	padding-right: 15px;
}

#slider li.sliderTestimonial {
	position: absolute;
	display: none;
}*/

#slider .sliderImage p {
	position: absolute;
	width: 450px;
	margin-left: 25px;
	top: 50px;
	left: 200px;
	display: block;
	color: #fff;
	font-family: verdana, sans-serif;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 16px;
}


#slider .sliderImage .note {
	position: absolute;
	bottom: 15px;
	right: 20px;
	display: block;
	color: #fff;
	font-family: verdana, sans-serif;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 16px;
}

#buttonContainer #pause-rotator {
	background: url('images/btn-play-pause.png') 0 0 no-repeat transparent;
	height: 15px;
	width: 15px;
	display: block;
	float: left;
	cursor: pointer;
	xfilter: alpha(opacity=50);
    xopacity: 0.5;
    x-moz-opacity: 0.5;
	x-khtml-opacity: 0.5;
	float:right;
}
#buttonContainer #pause-rotator:hover {
	filter: alpha(opacity=1);
    -moz-opacity: 1;
	-khtml-opacity: 1;
    opacity: 1;
}

#buttonContainer #pause-rotator.play {
	background-position: 0 -15px;
}

#slider #buttonContainer {
	z-index: 40;
	position: absolute;
	bottom: 10px;
	left: 10px;
}

#slider #buttonContainer div {
	height: 12px;
	width: 12px;
}

#slider #testBack {
	position: absolute;
	bottom: 15px;
	right: 20px;
	color: #fff;
	text-decoration: none;
	font-family: Verdana, arial, sans-serif;
	font-size: 12px;
	display: none;
}