/* 1046 Princeton Lofts CSS 
 ***********************************************/

/* Globals */
* { margin: 0; padding: 0; }


/* HTML */
html { min-height: 100%; }
body {
	height: 100%;
	background: url(../img/bg-wood.jpg) left top repeat;
	color: #333;
	font-family: Times, "Times New Roman", serif; }
hr { 
	width: 100%;
	height: 1px;
	color: #f0f0f0;
	background-color: #f0f0f0;
	border: none; }


/* Lists */
ul { list-style: none; }


/* Type */
h1 { 
	display: block;
	width: 155px;
	height: 85px;
	margin: 30px 0 10px 0;
	text-indent: -7777px;
	border-bottom: 6px solid #f0f0f0;
	background: url(../img/logo-princeton.png) left top no-repeat; }
h2 {
	display: block;
	width: 100%;
	margin: 10px 0 15px 0;
	padding-bottom: 30px;
	text-indent: -7777px;
	border-bottom: 1px solid #f0f0f0; }
h3 { 
	display: block;
	height: 20px;
	margin-bottom: 5px;
	background-color: #f0f0f0;
	text-indent: -7777px; }
h4 {
	display: block;
	height: 82px;
	margin-bottom: 15px;
	padding: 2px 0 2px 8px;
	font-size: 26px;
	line-height: 27px;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0; }
p { 
	font-size: 17px;
	line-height: 19px; }
blockquote {
	display: block;
	width: 385px;
	margin-left: 8px;
	font-size: 18px;
	font-style: italic;
	line-height: 20px; }
cite { 
	display: block;
	margin-left: 8px;
	font-size: 14px;
	font-style: normal;
	line-height: 22px; }

dl { 
	margin-left: 8px;
	font-size: 14px; }
dt, dd { float: left; }
dt { width: 130px; }
dd { width: 280px; }
dl a { color: #fff; }
dl a:hover { color: #333; }


/* Links */
a { text-decoration: none; }
#navigation li a {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 18px; }
#navigation li a:hover, #navigation li.sel a { color: #333; }
h1 a { 
	display: block;
	width: 150px;
	height: 85px; }
.menu li, .menu a {
	color: #333;
	font-size: 13px;
	line-height: 13px; }
.menu a:hover, .menu .sel a { color: #fff; }
ul.news a {
	display: block;
	color: #333;
	border-bottom: 1px solid #e3e3e3; }
ul.news a:hover { 
	color: #080808;
	background-color: #888; }
#display a { 
	display: block;
	position: absolute;
	bottom: 0;
	height: 14px;
	line-height: 14px;
	text-indent: -7777px; }
#display a.prev { 
	left: 0;
	width: 76px; }
#display a.next { 
	right: 0;
	width: 46px; }
#display a span { 
	display: block;
	height: 14px;
	cursor: pointer; }
.aboutloc a { 
	display: block;
	margin-left: 7px;
	padding-left: 36px;
	color: #333;
	font-size: 13px;
	line-height: 15px;
	background: url(../img/but-link.gif) left bottom no-repeat; }
.aboutloc a:hover { color: #fff; }
#cont-right li a {
	display: block;
	padding-left: 5px;
	color: #333;
	font-size: 13px; }
#cont-right li a:hover, #cont-right li.sel a {
	color: #080808;
	background-color: #747e96; }
.downloads a {
	display: block;
	padding: 5px 0 5px 26px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 14px;
	background: url(../img/but-download.png) left top no-repeat; }
.floorplans .downloads a { background-color: #687eaf; }
.floorplans .downloads a:hover { background-color: #333; }
a.link {
	display: block;
	width: 100px;
	height: 20px;
	margin-left: 8px;
	padding-left: 40px;
	color: #333;
	font-size: 17px;
	line-height: 20px;
	background: url(../img/but-forward.png) left center no-repeat; }
a.link:hover { color: #fff; }
a.back, a.forward { 
	display: block;
	height: 19px;
	margin-left: 155px;
	color: #333;
	font-size: 13px;
	line-height: 19px; }
a.back { padding-left: 40px; }
a.forward {
	position: relative;
	left: 413px;
	width: 32px;
	margin: 0;
	text-indent: -7777px;
	background: url(../img/but-forward.png) left top no-repeat; }
a.back:hover { color: #fff; }
a.deflink { color: #fff; }
a.deflink:hover { color: #111; }
.story a.prom { color: #333; }
.story a.prom:hover { color: #fff; }


/* Layout */
#container {
	position: absolute;
	top: 0;
	float: left;
	width: 793px;
	min-height: 100%; }
* html #container { height: 100%; }
#header {
	position: relative;
	width: 770px;
	height: 72px;
	background: url(../img/head-bg.gif) left top no-repeat; }
#header p, #header a { 
	display: block;
	height: 9px;
	line-height: 9px;
	text-indent: -7777px; }
#header p { position: absolute; }
#container #header a:hover { background-image: none; }

#header .register { 
	top: 23px;
	left: 23px;
	width: 145px;
	background: url(../img/menu-register-over.png) left top no-repeat; }
#header .register a { 
	width: 145px;
	background: url(../img/menu-register.png) left top no-repeat; }
#header .callus { 
	top: 23px;
	right: 23px;
	width: 160px;
	background: url(../img/menu-callus.png) left top no-repeat; }
#header .contact { 
	top: 43px;
	left: 22px;
	width: 77px;
	background: url(../img/menu-contact-over.png) left top no-repeat; }
#header .contact a { 
	width: 77px;
	background: url(../img/menu-contact.png) left top no-repeat; }

#cont-left {
	float: left;
	display: inline;
	margin-left: 20px;
	width: 617px; }
#cont-right {
	float: left;
	width: 133px; }


/* Forms */
fieldset { 
	display: block;
	margin-left: 8px;
	border: none; }
label { 
	display: block;
	float: left; 
	width: 350px;
	margin-bottom: 5px;
	padding-bottom: 8px;
	font-size: 13px;
	line-height: 16px; }
label input, label select, label textarea {
	float: left;
	width: 350px;
	margin-top: 2px; }
label.field-first { 
	width: 170px;
	margin-right: 10px; }
label.field-first input { width: 170px; }
label.field-last, label.field-last input { width: 170px; }
label em { color: #f00; }


/* Content */
#navigation { 
	float: left;
	display: inline;
	width: 155px;
	border-top: 20px solid #f0f0f0; }
#navigation li {
	display: block;
	float: left;
	width: 155px;
	text-indent: 1px; }

.cont-main, .cont-main-right { 
	float: left;
	display: inline;
	width: 424px;
	padding: 0 21px 0 17px; }
.cont-main-left { 
	float: left;
	width: 617px; }
.cont-main-right { 
	/*margin-left: 155px;*/
	margin: 0; }
.cont-main .menu { 
	width: 424px;
	padding: 5px 0 4px 0;
	border-bottom: 1px solid #f0f0f0; }
.cont-main .menu li {
	float: left;
	display: inline;
	margin: 0 2px 0 8px;
	padding-bottom: 3px; }
.cont-main p, .cont-main-right p { 
	margin: 0 8px 0 8px; }

.quote {
	margin: 30px 0 15px 0;
	padding-top: 10px;
	background: url(../img/line-dotted.gif) left top repeat-x; }
p.story { 
	font-size: 14px;
	line-height: 16px; }
p.story a { color: #fff; }
p.story a:hover { color: #333; }
p.date { 
	display: block;
	margin: 0;
	padding: 8px 0 2px 8px;
	font-size: 13px;
	line-height: 18px; }
p.borderb { 
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: url(../img/line-dotted.gif) left bottom repeat-x; }
p.marginb { margin-bottom: 15px; }
p.indent { text-indent: 30px; }

#container .dotted { 
	margin-right: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-left: 8px;
	background: url(../img/line-dotted.gif) left top repeat-x; }

ul.news { 
	margin-bottom: 22px;
	border-top: 2px solid #f0f0f0; }
ul.news li {
	float: left;
	width: 424px;
	font-size: 13px; }
.news span { 
	float: left;
	display: block;
	margin: 6px 0 0px 0;
	padding-bottom: 6px;
	line-height: 16px;
	cursor: pointer; }
.news .head span { cursor: default; }
.news .date { 
	width: 130px;
	text-indent: 8px; }
.news .title { width: 285px; }
ul.head { border-top: none; }
ul li.head { 
	border-bottom: 1px solid #f0f0f0; }

#legalcopy {
	float: left;
	display: inline;
	width: 155px;
	height: 220px;
	padding-top: 10px;
	border-top: 6px solid #f0f0f0; }
#legalcopy p {
	margin-bottom: 10px;
	padding: 0 0 10px 3px;
	color: #fff;
	font-size: 13px;
	line-height: 15px;
	background: url(../img/line-dotted.gif) left bottom repeat-x; }
#legalcopy a {
	float: left;
	width: 120px;
	margin: 0 0 2px 3px;
	color: #fff;
	font-size: 13px; }
#legalcopy a:hover { color: #333; }

#display { 
	position: relative;
	height: 294px;
	/*padding: 5px 0 5px 0;*/
	margin-top: 5px;
	background-color: #333; }
#display ul { display: none; }
#display li {
	position: absolute;
	top: 0;
	left: 0; }

#googlemap {
	width: 424px;
	height: 424px;
	margin: 5px 0 5px 0;
	background-color: #000; }
div.photo {
	float: left;
	width: 160px;
	padding-right: 7px; }
div.aboutloc { 
	float: left;
	width: 250px;
	padding-bottom: 15px;
	border-left: 1px solid #f0f0f0; }
div.aboutloc p { 
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px; }
#markerdetails p.intro {
	padding: 10px 0 0 8px;
	margin: 0;
	font-size: 13px;
	border-top: 1px solid #f0f0f0; }

#cont-right h3 { margin-bottom: 0; }
#cont-right ul { margin-bottom: 7px; }
#cont-right li {
	line-height: 27px;
	border-bottom: 1px solid #f0f0f0; }

#planarea img { margin: 30px 0 30px 0 ;}
p.desc { 
	margin-top: 10px;
	font-size: 14px;
	line-height: 16px; }
.downloads {
	padding-top: 5px;
	background: url(../img/line-dotted.gif) left top repeat-x; }

.logos a { 
	float: left;
	margin-bottom: 20px; }
.logos a img { border: none; }

/* Table */
table {
	width: 100%;
	margin: 30px 0 30px 0;
	padding-top: 20px;
	background: url(../img/line-dotted.gif) left top repeat-x; }
table td, table th {
	vertical-align: top;
	text-align: left; }
table th {
	height: 40px;
	font-size: 12px;
	border-bottom: 1px solid #fff; } 
table td { 
	width: 25%;
	padding-top: 5px;
	font-size: 14px; }
table .col1, table .col5 { padding-left: 8px; }
table .col5 { 
	padding-bottom: 5px;
	border-bottom: 1px solid #b8c2d7; }
table .leased { color: #6b758a; }
table .leased strong { color: #fff; }


/* Fixes */
ul.menu:after, ul.news a:after, ul.news:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; }
ul.menu, ul.news a, ul.news { display: inline-block; }
/* Hides from IE-mac \*/
* html ul.menu, * html ul.news a, * html ul.news { height: 1%; }
ul.menu, ul.news a, ul.news { display: block; }
/* End hide from IE-mac */


/* Page Specific */
body.splash { background: #000 none; }
.splash #container { background: #000 url(../img/bg-splash.jpg) left top no-repeat; }
.splash #header .register a { background-image: url(../img/menu-register-splash.png); }
.splash #header .callus { background-image: url(../img/menu-callus-splash.png); }
.splash #header .contact a { background-image: url(../img/menu-contact-splash.png); }
.splash #cont-left a {
	display: block;
	width: 404px;
	height: 267px;
	margin-top: 134px;
	text-indent: -7777px;
	background: url(../img/but-splash.jpg) left top no-repeat; }

.home #container { background: url(../img/bg-home.gif) left top repeat-y; }
.home #header { background-color: #a8a8ac; }
.home h3 { background: #f0f0f0 url(../img/nav-home.png) left top no-repeat; }
.home h2 { 
	height: 196px;
	background: url(../img/body-home.png) left top no-repeat; }
.home ul.news { background: url(../img/news-bg-home.gif) left top repeat; }

.location #container { background: url(../img/bg-location.gif) left top repeat-y; }
.location #header { background-color: #99c3c9; }
.location h3 { background: #f0f0f0 url(../img/nav-location.png) left top no-repeat; }
.location h2 { 
	height: 220px;
	background: url(../img/body-location.png) left top no-repeat;
	border-bottom: none; }
.location .quote { 
	padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0; }
.location h2.pdesign { 
	height: 38px;
	background: url(../img/body-pdesign.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.location h2.venice { 
	height: 38px;
	background: url(../img/body-venice.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.location h2.meet {
	height: 38px;
	margin-bottom: 0;
	background: url(../img/body-meet.png) left top no-repeat;
	border-bottom: 1px solid #f0f0f0; }
.location .forward { background-color: #99c3c9; }
.location #display a.prev { background: #99c3c9 url(../img/but-previous-location-over.gif) center bottom no-repeat; }
.location #display a.next { background: #99c3c9 url(../img/but-next-location-over.gif) center bottom no-repeat; }
.location #display a.prev span { background: url(../img/but-previous-location.gif) center bottom no-repeat; }
.location #display a.next span { background: url(../img/but-next-location.gif) center bottom no-repeat; }
.location #display a:hover span { background-image: none; }
.location h4 { margin-bottom: 7px; }

.design #container { background: url(../img/bg-design.gif) left top repeat-y; }
.design #header { background-color: #d2c8b4; }
.design h3 { background: #f0f0f0 url(../img/nav-design.png) left top no-repeat; }
.design h3.resources { background: #f0f0f0 url(../img/nav-designresources.png) left top no-repeat; }
.design h2 { 
	height: 228px;
	background: url(../img/body-design.png) left top no-repeat;
	border-bottom: none; }
.design h2.wel { 
	height: 38px;
	background: url(../img/body-welcome.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.design h2.aqu { 
	height: 38px;
	background: url(../img/body-authenticq.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.design h2.par { 
	height: 38px;
	background: url(../img/body-partners.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.design h2.constr { 
	height: 38px;
	background: url(../img/body-constr.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.design .quote { 
	padding-bottom: 10px;
	border-bottom: 2px solid #f0f0f0; }
.design .forward { background-color: #d2c8b4; }
.design #display a.prev { background: #d2c8b4 url(../img/but-previous-design-over.gif) center bottom no-repeat; }
.design #display a.next { background: #d2c8b4 url(../img/but-next-design-over.gif) center bottom no-repeat; }
.design #display a.prev span { background: url(../img/but-previous-design.gif) center bottom no-repeat; }
.design #display a.next span { background: url(../img/but-next-design.gif) center bottom no-repeat; }
.design #display a:hover span { background-image: none; }
.design ul.news { background: url(../img/news-bg-design.gif) left top repeat; }
.design ul.news a:hover { background-color: #b2aa9a; }

.floorplans #container { background: url(../img/bg-floorplans.gif) left top repeat-y; }
.floorplans #header { background-color: #99a7c6; }
.floorplans h3 { background: #f0f0f0 url(../img/nav-floorplans.png) left top no-repeat; }
.floorplans h3.floorplates { background: #f0f0f0 url(../img/nav-floorplates.png) left top no-repeat; }
.floorplans h3.lofts { background: #f0f0f0 url(../img/nav-lofts.png) left top no-repeat; }
.floorplans h2 { 
	height: 140px;
	margin-top: 28px;
	background: url(../img/body-floorplans.png) left top no-repeat;
	border-top: 1px solid #f0f0f0;
	border-bottom: none; }
.floorplans .quote { 
	margin-top: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #f0f0f0; }

.newsevents #container { background: url(../img/bg-newsevents.gif) left top repeat-y; }
.item #container { background: url(../img/bg-newsevents-grid.gif) left top repeat-y; }
.newsevents #header, .newsevents .head { background-color: #d4c371; }
.newsevents ul.news { background: url(../img/news-bg-newsevents.gif) left top repeat; }
h3.news { background: #f0f0f0 url(../img/nav-news.png) left top no-repeat; }
h3.press { background: #f0f0f0 url(../img/nav-press.png) left top no-repeat; }
h3.newsresources { background: #f0f0f0 url(../img/nav-newsresources.png) left top no-repeat; }
.newsevents h3.news { margin-bottom: 0; }
.newsevents p.date { background-color: #d4c371; }
.newsevents a.back {
	position: relative;
	left: -14px;
	width: 180px;
	margin-left: 0;
	background: url(../img/but-backtonewsevents.png) left top no-repeat; }

.leasing #container { background: url(../img/bg-leasing.gif) left top repeat-y; }
.leasing #header { background-color: #b8859f; }
.leasing h3 { background: #f0f0f0 url(../img/nav-leasing.png) left top no-repeat; }
.leasing h2 {
	height: 38px;
	background: url(../img/body-leasing.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.leasing img { margin-left: 6px; }

.privacy #container { background: url(../img/bg-home.gif) left top repeat-y; }
.privacy #header { background-color: #a8a8ac; }
.privacy p { 
	font-size: 13px;
	line-height: 16px; }
.privacy h3 { background: #f0f0f0 url(../img/nav-privacy.png) left top no-repeat; }
.privacy h2 {
	height: 38px;
	background: url(../img/body-privacy.png) left top no-repeat; }

.about #container { background: url(../img/bg-about.gif) left top repeat-y; }
.about #header { background-color: #9ec099; }
.about h3 { background: #f0f0f0 url(../img/nav-about.png) left top no-repeat; }
.about h3.wjprojects { background: #f0f0f0 url(../img/nav-wjprojects.png) left top no-repeat; }
.about h2 {
	height: 38px;
	background: url(../img/body-about.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.about #display a.prev { background: #9ec099 url(../img/but-previous-about-over.gif) center bottom no-repeat; }
.about #display a.next { background: #9ec099 url(../img/but-next-about-over.gif) center bottom no-repeat; }
.about #display a.prev span { background: url(../img/but-previous-about.gif) center bottom no-repeat; }
.about #display a.next span { background: url(../img/but-next-about.gif) center bottom no-repeat; }
.about #display a:hover span { background-image: none; }
.about ul.news { background: url(../img/news-bg-about.gif) left top repeat; }
.about ul.news a:hover { background-color: #89a485; }

.legal #container { background: url(../img/bg-home.gif) left top repeat-y; }
.legal #header { background-color: #a8a8ac; }
.legal p { 
	font-size: 13px;
	line-height: 16px; } 
.legal h3 { background: #f0f0f0 url(../img/nav-legal.png) left top no-repeat; }
.legal h2 {
	height: 38px;
	background: url(../img/body-legal.png) left top no-repeat; }

.contact #container { background: url(../img/bg-home.gif) left top repeat-y; }
.contact #header { background-color: #a8a8ac; }
.contact h3 { background: #f0f0f0 url(../img/nav-contact.png) left top no-repeat; }
.contact h2 {
	height: 38px;
	background: url(../img/body-contact.png) left top no-repeat;
	border-bottom: 2px solid #f0f0f0; }
.contact h2.register { background-image: url(../img/body-register.png); }
.contact h2.thanks { background-image: url(../img/body-thanks.png); }