/* Larchmont Lofts CSS 
 ***********************************************/

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


/* HTML */
body {
	text-align: left;
	background: #a4a4a4 url(../img/pg-bg.gif) left top repeat-y;
	color: #808080;
	font: normal 100% Arial, Helvetica, sans-serif; }
img { border: none; }
ul, li { list-style-type: none; }


/* Type */
p {
	font-size: 12px;
	line-height: 16px; }


/* Links */
a { 
	color: #333;
	text-decoration: none; }
a:hover { color: #4d4d4d; }


/* Forms */
form {
	display: block;
	margin-top: 20px;
	border-top: 1px solid #b3b3b3; }
fieldset { 
	display: block;
	padding-top: 20px;
	padding-left: 5px;
	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 { 
	margin-left: 3px;
	padding: 2px 7px 2px 4px;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	background-color: #dc0a00; }


/* Layout */
#page {
	width: 620px;
	margin-left: 120px; }
#subnav {
	height: 33px;
	border-top: 1px solid #d0d0d0; }
#feature {
	height: 300px;
	margin-bottom: 5px;
	background-color: #ccc; }
#headline {
	border-top: 1px solid #d0d0d0; }
#headline h4 {
	margin: 20px 10px 20px 5px;
	color: #b3b3b3;
	font-size: 18px;
	line-height: 24px; }


/* Head */
#head {
	position: relative;
	height: 193px;
	background: url(../img/pg-slash.png) left top no-repeat; }
#head h1, #head h2, #head a, #head ul, #head li {
	display: block;
	position: absolute;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -7777px; }
#head-contact, #head-signup {
	height: 14px;
	top: 35px;
	font-weight: bold;
	font-size: 12px;
	line-height: 14px;
	color: #333; }
#head-contact { 
	width: 67px;
	left: 6px;
	background-image: url(../img/head-contact.png); }
#head-signup { 
	width: 49px;
	left: 571px;
	background-image: url(../img/head-signup.png); }
#head h2 { 
	width: 300px;
	height: 58px;
	top: 126px;
	left: 6px;
	line-height: 58px; }
#head-about { background-image: url(../img/head-about.png); }
#head-thelofts { background-image: url(../img/head-thelofts.png); }
#head-location { background-image: url(../img/head-location.png); }
#head-details { background-image: url(../img/head-details.png); }
#head h1 {
	width: 104px;
	height: 58px;
	top: 126px;
	/*left: 408px;*/
	right: 0;  /** DELETE **/
	line-height: 58px; }
#head h1 a { 
	position: static;
	display: block;
	width: 104px;
	height: 58px;
	background-image: url(../img/head-larchmont.png); }
#head ul {
	display: none; /** DELETE **/
	width: 109px;
	left: 511px;
	top: 68px;
	background-image: url(../img/nav-slash.png); }
#head li {
	width: 109px;
	height: 29px;
	float: right;
	position: static;
	line-height: 29px; }
#head li a { right: 0; }
#nav-about a { 
	width: 56px;
	background-image: url(../img/nav-about.png); }
#nav-about.sel a { background-image: url(../img/nav-about-sel.png); }
#nav-thelofts a { 
	width: 88px;
	background-image: url(../img/nav-thelofts.png); }
#nav-thelofts.sel a { background-image: url(../img/nav-thelofts-sel.png); }
#nav-location a { 
	width: 81px;
	background-image: url(../img/nav-location.png); }
#nav-location.sel a { background-image: url(../img/nav-location-sel.png); }
#nav-details a { 
	width: 66px;
	background-image: url(../img/nav-details.png); }
#nav-details.sel a { background-image: url(../img/nav-details-sel.png); }


/* Subnav */
#subnav ul {
	display: block;
	height: 26px;
	margin: 5px 0 0 2px; }
#subnav li {
	float: left;
	height: 26px;
	margin-right: 5px;
	text-indent: -7777px; }
#subnav li a {
	display: block;
	height: 26px; }

#subnav-thedeveloper {
	width: 110px;
	background-image: url(../img/subnav-thedeveloper.png); }
#subnav-thedeveloper.sel { background-image: url(../img/subnav-thedeveloper-sel.png); }
#subnav-newsevents {
	width: 110px;
	background-image: url(../img/subnav-newsevents.png); }
#subnav-newsevents.sel { background-image: url(../img/subnav-newsevents-sel.png); }
#subnav-thedesign {
	width: 86px;
	background-image: url(../img/subnav-thedesign.png); }
#subnav-thedesign.sel { background-image: url(../img/subnav-thedesign-sel.png); }
#subnav-floorplans {
	width: 82px;
	background-image: url(../img/subnav-floorplans.png); }
#subnav-floorplans.sel { background-image: url(../img/subnav-floorplans-sel.png); }
#subnav-loftlist {
	width: 65px;
	background-image: url(../img/subnav-loftlist.png); }
#subnav-loftlist.sel { background-image: url(../img/subnav-loftlist-sel.png); }
#subnav-partners {
	width: 66px;
	background-image: url(../img/subnav-partners.png); }
#subnav-partners.sel { background-image: url(../img/subnav-partners-sel.png); }
#subnav-area {
	width: 40px;
	background-image: url(../img/subnav-area.png); }
#subnav-area.sel { background-image: url(../img/subnav-area-sel.png); }
#subnav-map {
	width: 37px;
	background-image: url(../img/subnav-map.png); }
#subnav-map.sel { background-image: url(../img/subnav-map-sel.png); }
#subnav-purchaserequest {
	width: 132px;
	background-image: url(../img/subnav-purchaserequest.png); }
#subnav-purchaserequest.sel { background-image: url(../img/subnav-purchaserequest-sel.png); }
#subnav-lender {
	width: 56px;
	background-image: url(../img/subnav-lender.png); }
#subnav-lender.sel { background-image: url(../img/subnav-lender-sel.png); }


/* Content */
#content {
	height: 1%;
	position: relative;
	padding-top: 5px;
	border-top: 1px solid #d9d9d9; }

#text-controls { height: 30px; }
#text-controls p {
	float: left;
	display: inline;
	width: 100px;
	margin-left: 484px;
	margin-right: 2px;
	color: #b3b3b3;
	text-align: right;
	line-height: 16px; }
#text-controls ul {
	float: left;
	height: 15px; }
#text-controls li { 
	float: left;
	width: 15px;
	height: 15px; }
#text-controls a {
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -7777px; }
#text-decrease { margin-right: 2px; }
#text-decrease a { 
	background: url(../img/text-decrease.png) left top no-repeat; }
#text-increase a { 
	background: url(../img/text-increase.png) left top no-repeat; }
#text-controls .disabled a { cursor: default; }
#text-decrease.disabled a { 
	background: url(../img/text-decrease-disabled.png) left top no-repeat; }
#text-increase.disabled a { 
	background: url(../img/text-increase-disabled.png) left top no-repeat; }


/* Menu */
#menu, #spacer { 
	width: 205px;
	position: absolute;
	top: 54px;
	border-bottom: 1px solid #b3b3b3; }
#menu h5 { 
	display: block;
	padding: 4px 40px 4px 5px;
	color: #00dc0a;
	font-size: 14px;
	line-height: 18px;
	background: #fff url(../img/menu-arrow.png) 182px center no-repeat;
	border-top: 1px solid #b3b3b3;
	cursor: pointer; }
#menu ul {
	margin-top: 1px;
	padding-top: 3px;
	background-color: #ebebeb; }
#menu ul li.last { padding-bottom: 20px; }
#menu ul li.sel a { 
	color: #000;
	background-color: #ddd; }
#menu ul a { 
	display: block;
	padding: 5px 0 5px 5px;
	color: #666;
	font-size: 14px;
	line-height: 18px;
	text-decoration: none; }
#menu ul a:hover { color: #000; }

#content #menu.static h5 { 
	padding: 0;
	background: none;
	cursor: auto; }
#menu.static h5 a {
	display: block;
	padding: 4px 40px 4px 5px;
	color: #00dc0a; }
#menu.static h5 a:hover, #menu.static .sel a {
	color: #4d4d4d;
	background-color: #f2f2f2; }

#spacer { 
	height: 100px;
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #d9d9d9; }
#spacer.default { border-bottom: none; }
#spacer.home { 
	top: 214px;
	height: 224px; }
#spacer.contact { 
	height: 224px;
	border-bottom: none; }


/* Story */
#story { 
	width: 405px;
	position: absolute;
	top: 22px;
	left: 215px;
	overflow: auto; }
#story h3 {
	padding: 0 0 6px 5px;
	color: #00dc0a;
	font-size: 24px;
	line-height: 26px;
	border-bottom: 1px solid #b3b3b3; }
#story h3.intro {
	padding-bottom: 10px;
	color: #4d4d4d;
	font-size: 21px; }
#story p {
	margin: 8px 15px 16px 5px;
	color: #666;
	line-height: 1.4em; }
#story a { color: #00dc0a; }
#story a:hover { color: #4d4d4d; }
#story p.disclaimer { 
	color: #b3b3b3;
	font-size: 11px; }
#story p.title { margin-bottom: 2px; }
#story ul { 
	display: block;
	margin-bottom: 20px;
	list-style-type: disc; }
#story li {
	margin-left: 18px;
	font-size: 12px;
	line-height: 16px;
	list-style-type: disc; }

#story .links, #story .links li { 
	margin-left: 0;
	padding-left: 3px;
	list-style-type: none; }
#story .links { overflow: auto; }
#story .links li { 
	float: left;
	margin-bottom: 6px; }
#story .links strong {
	float: left;
	width: 80px; }
#story .links span {
	float: left;
	width: 230px; }
#story .links a {
	float: left;
	width: 50px;
	padding-left: 17px; 
	background: url(../img/link-view.png) left center no-repeat; }

#story .col { 
	float: left;
	width: 196px;
	margin: 10px 6px 10px 0; }
.col .newsitem {
	margin-top: 6px;
	margin-bottom: 18px; }
.col h4 { 
	margin: 0;
	padding-left: 5px;
	font-size: 12px; }
#story .col p { 
	margin-top: 0;
	margin-bottom: 5px; }
.col strong { padding-left: 5px; }
.col strong a, p.link a { 
	padding-left: 17px; 
	color: #0db14b;
	font-size: 12px;
	font-weight: normal;
	background: url(../img/link-view.png) left center no-repeat; }

/* See Also... */
#seealso {
	border-top: 1px solid #b3b3b3;
	border-bottom: 1px solid #d9d9d9;
	clear: both; }
#story #seealso p { margin: 5px 0 4px 5px; }
#seealso strong { color: #00dc0a; }
#story #seealso a { color: #b3b3b3; }
#story #seealso a:hover { color: #4d4d4d; }

/* Footer */
#footer { 
	margin-top: 23px;
	clear: both; }
#footer p { 
	margin-bottom: 10px;
	color: #b3b3b3;
	font-size: 11px; }
#footer a { margin-right: 6px; }


/* Common Classes */
.bordert { 
	padding-top: 16px;
	border-top: 1px solid #d9d9d9; }

#story span { float: left; }
span.line { width: 35px; }
span.name { width: 100px; }
span.ext { width: 80px; }