/*
 *
 *  VPLiving master style sheet
 *  rev 20090403
 *  rev 20110430, new bgcolors, updt to layout
 *
 */
 
html { width:100%; height:100%; margin:0; padding:0; }		
body { background-color:#000; /* xmas image (comment out for plain blk bg)*/ /*background:#000 url('../../images/bg-lights.jpg') top left repeat-x;*/ margin:0; padding:0; text-align:center; }
br.clear { margin:0px; padding:0px; }
.clear { clear:both; }
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

#hdr { width:800px; height:50px; margin:30px auto 0 auto; border:none; text-align:left; clear:both; }
	#hdr table { width:800px; height:50px !important; }
		#hdr table td { color:#fff; font:bold 11px Arial, Helvetica, Verdana, sans-serif; text-transform:uppercase; vertical-align:bottom; }
	#hdr a:link, #hdr a:active {color:#fff;text-decoration:none;display:block; }
		#hdr a:hover, #hdr a:visited, #hdr a.selected { color:#dd5e22; text-decoration:none; }

#navigation { width:960px; height:50px; border:none; padding-bottom:12px; }

#subnav { background:#ccc; font:bold 11px Arial, Helvetica, Verdana, sans-serif; width:100%; float:left; margin:0; padding:3px 0 3px 24px; border:none; }
#subnav .pipe { color:#666; padding:0 24px; }
#subnav .pipette { color:#666; padding:0 12px; }
#subnav a, #subnav a:link { color:#000; text-decoration:none; }
	#subnav a:hover, #subnav a:visited, #subnav a.selected { color:#fff; text-decoration:none; }

#subsubnav { background: #f8c919; font:bold 11px Arial, Helvetica, Verdana, sans-serif; width:100%; float:left; margin:0; padding:3px 0 3px 24px; border:none; }
#subsubnav .pipe { color:#666; padding:0 24px; }
#subsubnav .pipette { color:#666; padding:0 4px; }
#subsubnav a, #subsubnav a:link { color:#000; text-decoration:none; }
	#subsubnav a:hover, #subsubnav a:visited, #subsubnav a.selected { color:#fff; text-decoration:none; }
 
#container { width:100%; height:auto; background: #fff url('/images/vpl-container-bg1.jpg') repeat-x; margin:0; clear:both; }
#bdy { width:800px; height:auto; margin:0 auto; clear:both; text-align:left; }
#left {  background-color:#fff; width:210px; height:370px; margin:0; padding:0; float:left; }
	.home { /* background: url('/images/left/holidays.jpg') no-repeat; */ background:url('/images/left/left-home.jpg') no-repeat; }
	.eastvillage { background:url('/east-village/left.jpg') no-repeat; }
	.flats { background:url('/images/left/left-flats.jpg') no-repeat; }
	.townes { background:url('/images/left/left-townes.jpg') no-repeat; }
	.vpliving { background:url('/images/left/left-vpliving.jpg') no-repeat; }
	.financing { background:url('/images/left/left-financing.jpg') no-repeat; }
	.buyerresources { background:url('/images/left/left-buyerresources.jpg') no-repeat; }
	.customercare { background:url('/images/left/left-customercare.jpg') no-repeat; }
	.phase2 { background:url('/images/left/phase2.jpg') no-repeat; }
	.cuhousing { background:url('/images/left/left-home.jpg') no-repeat; }

#livearea { width:589px; height:auto; color:#000; font:12px Helvetica, Arial, Verdana, sans-serif; margin:0; padding:0; float:left; }

#content { margin:0; padding:16px 0 16px 24px; float:left; }
	#content h1 { color:brown; font:bold 16px Arial, Helvetica, Verdana, sans-serif; letter-spacing:1px; margin:0; padding:6px 0 0 0; }
	#content ul, #content ol { font-size:12px; padding:3px 16px; }
	#content p, #content td, #content th { font-size:12px; padding:0; }

		#content p.wht { color:#fff; font-size:12px; padding:3px 0; }
		#content ul.wh, #content ol.wht { color:#fff; font-size:12px; padding:3px 16px; }
		#content p a, #content li a { color:brown; font-size:12px; text-decoration:underline; }
			#content p a:hover, #content li a:hover { color:red; font-size:12px; text-decoration:underline; }

.divider { border-bottom:1px solid #fff; padding:2px; 0 6px 0; margin:0 0 18px 0; }
.tagline { color:#dd5e22; font:1.0em Times, "Times New Roman", serif; width:210px; text-align:center; margin: 0; padding:12px 0; }


#financing th {
	color:#000;
	font:bold 12px Arial, Helvetica, Verdana, sans-serif;
	padding:3px;
	text-align:center;
}
#financing td {
	color: #000;
	font: normal 12px/14px Arial, Helvetica, Verdana, sans-serif;
	padding: 3px;
	text-align:center;
}

#content table.specials {
	color: #000;
	font: 12px Arial, Helvetica, Verdana, sans-serif;
	background: transparent;
	border-collapse: collapse;
	width:500px;
}

#content table.specials th {
	font-weight: bold;
	background: #ffdc51 url('../../images/bg-white-020.png');
	border: 1px solid #fff;
	padding: 3px 9px;
	text-align: center;
}
#content table.specials th.label {
	background: #fc0 url('../../images/bg-white-040.png');
}
#content table.specials td {
	background: #ffdc51 url('../../images/bg-white-020.png');
	border: 1px solid #fff;
	padding: 3px 3px;
	text-align: left;
}
#content table.specials td.label {
	background: #fc0 url('../../images/bg-white-040.png');
}
#content table.specials td.label strike,
#content table.specials td strike {
	color:brown;
}


table.floorplans th {
	color: #000;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	background: #fff;
	padding: 12px 6px 6px 6px;
	text-align:left;
}
table.floorplans th.label {
	background: #eee url('../../images/bg-white-060.png');
}
table.floorplans th a,
table.floorplans td a {
	color: brown;
	text-decoration: none;
	display: block;
}
table.floorplans th a:hover,
table.floorplans td a:hover {
	color: red;
	text-decoration: underline;
}

table.floorplans td {
	color: #000;
	font: normal 14px/24px Arial, Helvetica, Verdana, sans-serif;
	background: #eee url('../../images/bg-white-040.png');
	padding: 6px;
}
table.floorplans td.label {
	background: #eee url('../../images/bg-white-020.png');
}
table.floorplans td.null {
	background: transparent;
}

table.floorplans td.special {
	color:brown;
	font: bold 14px Arial, Helvetica, Verdana, sans-serif;
	background: #bb4f16;
	border: 2px solid #9c410b;
	text-align: center;
}

table.floorplans td.special a {
	color:brown;
	text-decoration: none;
	display: block;
}

#ftr {
	width: 800px;
	margin: 12px auto;
	clear:both;
	text-align: left;
}
#ftr table {
	width: 100%;
	color: #fff;
	font: 11px/18px Arial, Helvetica, Verdana, sans-serif;
}
#ftr table a {
	color:#f8c919;
	text-decoration: none;
}
#ftr table a.wht {
	color:#fff;
	text-decoration: none;
}

#ftr table a:hover {
	color:#dd5e22;
	text-decoration: underline;
}

#content .pdf p {
	background: transparent url('../../images/ico_12px_pdf.gif') center left no-repeat;
	padding: 3px 0 0 18px;
	margin: 0;
	display: block;
}
#content .doc p {
	background: transparent url('../../images/ico_12px_doc.gif') center left no-repeat;
	padding: 3px 0 0 18px;
	margin: 0;
	display: block;
}
#content .lnk p {
	background: transparent url('../../images/ico_12px_link.gif') center left no-repeat;
	padding: 3px 0 0 18px;
	margin: 0;
	display: block;
}

.map_item {
	color: #000;
	font:  12px Arial, Helvetica, Verdana, sans-serif;
	background: transparent url('../../images/bg-white-040.png');
	width: 288px;
	padding: 6px;
	margin: 6px;
	text-align:left;
}
.map_legend {
	color: #000;
	font:  bold 14px Arial, Helvetica, Verdana, sans-serif;
	background: transparent url('../../images/bg-white-020.png');
	width: 288px;
	padding: 6px;
	margin: 6px;
	text-align:left;
}

/* Remove Outline on Click Start */
a {
   outline: none;
}
:focus {
  -moz-outline-style: none;
}
object { outline:none}
* { outline: none; }
/* Remove Outline on Click End */