body 						{font:85% Arial, Helvetica, sans-serif;	background:#000; color:#303030;}
body.home					{background:url(../images/backgrounds/home.jpg) no-repeat 0% 50% #000;}
body.floor-plans			{background:url(../images/backgrounds/thelofts.jpg) no-repeat 50% 0% #000;}
body.faqs					{background:url(../images/backgrounds/faqs.jpg) no-repeat 0% 50% #000;}
body.contact				{background:url(../images/backgrounds/contact.jpg) no-repeat 0% 50% #000;}
body.location				{background:url(../images/backgrounds/location.jpg) no-repeat 0% 50% #000;}
body.gallery				{background:url(../images/backgrounds/gallery.jpg) no-repeat 50% 0% #000;}
body.reserve				{background:url(../images/backgrounds/reserve.jpg) no-repeat 0% 50% #000;}

a:link,	
a:visited 					{color:#000; text-decoration: none; font-weight:bold}
a:hover						{color:#000; text-decoration: underline;}

p 							{margin:0 0 15px 0; line-height:1.5em; text-align:left;}

h1 							{margin-bottom:20px; font-size:2.2em;	font-weight:normal;}
h2 							{margin-bottom:13px; font-size:2.4em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;color:#fff; position:relative; background:#6d6e71; padding:10px;}
h2 span						{font-size:15px; color:#E1E1E1; font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase}
h3 							{margin-bottom:10px; font-size:1.4em; font-weight:normal;}

body.home h2 span			{font-size:30px;}

h5 							{margin-bottom:13px; font-size:1.2em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;color:#303030; background:#EEE; position:relative; padding:3px 7px; border:1px solid #c8c8c8;}
h5 span						{font-size:12px; color:#666; font-weight:normal; font-style:italic; font-family:Georgia, "Times New Roman", Times, serif; text-transform:lowercase}

strong						{font-weight:bold;}

form 						{ line-height:2em;}
form br						{clear:both;}
.contact2-form label 		{color:#303030; width:135px; font-weight:bold; font-size:12px; text-transform:uppercase; text-align:left; float:left; display:inline-block; display:-moz-inline-box;}
.contact-form				{width:420px; margin-left:450px}
.contact-form label 		{width:140px; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;color:#fff; position:relative; background:#a8a8a8; padding:0px 5px; margin-right:15px; display:inline-block; display:-moz-inline-box;}
.contact-form input.text,
.contact-form select,
.contact-form textarea		{font-size:16px; padding:3px 2px; margin-bottom:10px; border:1px solid #999; color:#303030;}

.contact-form label.none				{background:0; color:0; border:0; }
/* Main container */

#container 					{margin:0px auto; width:900px;}


/* Main content */

#logo						{width:345px; height:168px; background:#6d6e71; position:relative; float:left;}
#logo img					{position:absolute; top:33px; left:38px; width:263px; height:111px;}

#lofts						{background: url("../images/the_lofts_light.png") bottom left no-repeat; text-align:left;}
#header						{margin-bottom:20px;}
#main 						{padding: 15px; background:url(../images/main-bg.png) top left; clear:both;}

.gallery					{width:870px; margin:0 auto;}
.thumbnail					{float: left; margin-right: 44px; margin-bottom: 20px; text-align:center; background-color:#ebebeb; border:1px solid #c8c8c8; padding: 10px; width:162px;}
.thumbnail:hover			{background:#999; color:#fff;}
.thumbnail img 				{padding: 5px;}

#menu						{float:left; background: #6d6e71; height: 55px; width:555px; margin-top:113px; display:block;}
#menu ul					{}
#menu ul li 				{line-height: 1em; padding:22px 18px 22px 0px; float:left; font-family:Arial, Helvetica, sans-serif; font-weight:bold; letter-spacing:1px; font-size:12px; text-transform:uppercase;}
#menu ul li.last			{margin-right:0;}
#menu ul li a 				{text-decoration: none; color: #ffffff;}
#menu ul li a:hover  		{color:#CCC;}

#infobox 					{border:1px solid #c8c8c8; background-color:#ebebeb; padding: 20px 20px 20px 20px; float:left; display:none;}

.footer-container			{width:900px; margin:20px auto; padding:15px 0px; background:url(../images/footer-bg.png) top left;}
.footer 					{width:725px; margin:0px auto; color:#fff; font-size:11px;}
.footer a					{color:#fff; font-weight:normal; }
.footer .phone 				{padding:15px 30px; width:90px; font-size:14px; border-right:1px solid #fff; float:left; text-align:right;}
.footer .address 			{padding:15px 30px; width:225px; border-right:1px solid #fff; float:left; text-align:center;}
.footer .copyright 			{padding:15px 30px; width:220px; float:left; text-align:left; }

.map						{float:left; margin-right:30px;}
iframe.gmap					{border:1px solid #333;}
.left						{float:left;}
.right						{float:right;}
.none 						{line-height:1em; padding:0; margin:0;}
.clear						{clear:both;}

.loft-nav					{list-style:none;}
.loft-nav li				{float:left; text-align:right; font-size:2.5em; text-transform:lowercase }
.loft-nav li a				{color:#181818; background:#EEE; width:244px; padding:15px; padding-top:50px; margin:0px 20px 0 0px; display:block; border:1px solid #c8c8c8; }
.loft-nav li a:hover		{background:#666; color:#fff; text-decoration:none; border:1px solid #181818;}
.loft-nav li.last a			{margin-right:0;}

h3.floor					{float:left; margin-right:20px; font-size:6.0em; font-weight:bold; color:#fff; margin-top:13px;}
.second-floor				{float:left; width:790px; height:127px; position:relative; background:url(../images/second-floor.jpg) no-repeat top left; font-size:11px; margin-bottom:15px;}
.second-floor div			{line-height:1em; width:23px; height:17px; position:absolute; }
.second-floor a				{color:#000;}
.second-floor .loft-201		{top:20px; left:37px;}
.second-floor .loft-202		{top:20px; left:79px;}
.second-floor .loft-203		{top:20px; left:109px;}
.second-floor .loft-204		{top:20px; left:139px;}
.second-floor .loft-205		{top:20px; left:171px;}
.second-floor .loft-206		{top:20px; left:201px;}
.second-floor .loft-207		{top:20px; left:232px;}
.second-floor .loft-208		{top:20px; left:262px;}
.second-floor .loft-209		{top:20px; left:293px;}
.second-floor .loft-210		{top:20px; left:324px;}
.second-floor .loft-211		{top:20px; left:355px;}
.second-floor .loft-212		{top:20px; left:417px;}
.second-floor .loft-213		{top:20px; left:447px;}
.second-floor .loft-214		{top:20px; left:478px;}
.second-floor .loft-215		{top:20px; left:509px;}
.second-floor .loft-216		{top:20px; left:540px;}
.second-floor .loft-217		{top:20px; left:571px;}
.second-floor .loft-218		{top:20px; left:602px;}
.second-floor .loft-219		{top:20px; left:633px;}
.second-floor .loft-220		{top:20px; left:663px;}
.second-floor .loft-221		{top:20px; left:694px;}
.second-floor .loft-222		{top:20px; left:725px;}
.second-floor .loft-223		{top:20px; left:759px;}
.second-floor .loft-223 a	{color:#fff;}

.second-floor .studio-1		{top:103px; left:48px;}
.second-floor .studio-2		{top:103px; left:79px;}
.second-floor .studio-3		{top:103px; left:110px;}
.second-floor .studio-4		{top:103px; left:141px;}
.second-floor .studio-5		{top:103px; left:172px;}
.second-floor .studio-6		{top:103px; left:203px;}
.second-floor .studio-7		{top:103px; left:260px;}
.second-floor .studio-8		{top:103px; left:343px;}
.second-floor .studio-9		{top:103px; left:434px;}
.second-floor .studio-10	{top:103px; left:509px;}
.second-floor .studio-11	{top:103px; left:600px;}
.second-floor .studio-12	{top:103px; left:691px;}

.third-floor				{float:left; width:790px; height:127px; position:relative; background:url(../images/third-floor.jpg) no-repeat top left; font-size:11px; margin-bottom:20px;}
.third-floor div			{line-height:1em; width:23px; height:17px; position:absolute; }
.third-floor a				{color:#000;}
.third-floor .loft-301		{top:20px; left:33px;}
.third-floor .loft-302		{top:20px; left:76px;}
.third-floor .loft-303		{top:20px; left:107px;}
.third-floor .loft-304		{top:20px; left:139px;}
.third-floor .loft-305		{top:20px; left:171px;}
.third-floor .loft-306		{top:20px; left:201px;}
.third-floor .loft-307		{top:20px; left:232px;}
.third-floor .loft-308		{top:20px; left:262px;}
.third-floor .loft-309		{top:20px; left:293px;}
.third-floor .loft-310		{top:20px; left:324px;}
.third-floor .loft-311		{top:20px; left:355px;}
.third-floor .loft-312		{top:20px; left:417px;}
.third-floor .loft-313		{top:20px; left:447px;}
.third-floor .loft-314		{top:20px; left:478px;}
.third-floor .loft-315		{top:20px; left:509px;}
.third-floor .loft-316		{top:20px; left:540px;}
.third-floor .loft-317		{top:20px; left:571px;}
.third-floor .loft-318		{top:20px; left:602px;}
.third-floor .loft-319		{top:20px; left:633px;}
.third-floor .loft-320		{top:20px; left:663px;}
.third-floor .loft-321		{top:20px; left:694px;}
.third-floor .loft-322		{top:20px; left:725px;}
.third-floor .loft-323		{top:20px; left:759px;}

.third-floor .loft-339		{top:95px; left:36px;}
.third-floor .loft-338		{top:95px; left:83px;}
.third-floor .loft-337		{top:95px; left:131px;}
.third-floor .loft-336		{top:95px; left:179px;}
.third-floor .loft-335		{top:95px; left:225px;}
.third-floor .loft-334		{top:95px; left:269px;}
.third-floor .loft-333		{top:95px; left:317px;}
.third-floor .loft-332		{top:95px; left:356px;}
.third-floor .loft-331		{top:95px; left:413px;}
.third-floor .loft-330		{top:95px; left:446px;}
.third-floor .loft-329		{top:95px; left:486px;}
.third-floor .loft-328		{top:95px; left:532px;}
.third-floor .loft-327		{top:95px; left:580px;}
.third-floor .loft-326		{top:95px; left:624px;}
.third-floor .loft-325		{top:95px; left:674px;}
.third-floor .loft-324		{top:95px; left:719px;}


.third-floor .loft-301 a, .third-floor .loft-323 a, .third-floor .loft-339 a, .third-floor .loft-338 a,
.third-floor .loft-337 a, .third-floor .loft-336 a, .third-floor .loft-335 a, .third-floor .loft-334 a,
.third-floor .loft-333 a, .third-floor .loft-329 a, .third-floor .loft-328 a, .third-floor .loft-327 a,
.third-floor .loft-326 a, .third-floor .loft-325 a, .third-floor .loft-324 a {color:#fff;}

.question					{width:419px; float:left; margin-right:30px; margin-bottom:15px;}
.question h3 				{margin:0;	font-size:1.4em; font-weight:bold; padding:3px 6px; background:#666; color:#fff;}
.question h3.important 		{background:#7a1414}
.question p 				{padding:6px; background:#F9F9F9}

ul.disc						{list-style:disc; margin-bottom:15px;}
ul.disc li					{margin-left:25px; line-height:1.4em;}

table.price-list							{width:276px; margin-right:20px; float:left;}
table.price-list tr							{background:0;}
table.price-list tr:nth-child(even)			{background:#FBFBFB}
table.price-list tr:nth-child(odd)			{background:#F2F2F2}
table.price-list tr:hover					{background:#666; color:#fff; font-weight:bold}
table.price-list tr th						{font-size:1.4em; font-weight:bold; padding:3px 6px; background:#666; color:#fff; text-align:center; text-transform:lowercase;}
table.price-list tr td						{color:#181818px; padding:3px 6px;}
table.price-list tr td.loft,
table.price-list tr td.studio				{border-right:1px solid #E7E7E7; text-align:center;}
table.price-list tr td.square-feet			{border-right:1px solid #E7E7E7; text-align:center;}
table.price-list tr td.price				{font-weight:bold; text-align:center;}

form.reserve				{}
form.reserve2 label			{font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#181818; margin-bottom:5px; display:block; float:left; margin-right:15px; width:175px; line-height:1.9em;}
form.reserve label 			{width:200px; float:left; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;color:#fff; position:relative; background:#a8a8a8; padding:0px 5px; margin-right:15px; display:inline-block; display:-moz-inline-box;}
form.reserve input.text,	
form.reserve select			{font-size:16px; padding:3px 2px; margin-bottom:10px; border:1px solid #999; color:#303030;}
form.reserve input.text:focus{ border:1px solid #303030;}
form.reserve .unit-information {margin-bottom:20px;}
form.reserve .buyer-1,
form.reserve .buyer-2			{width:420px; float:left; margin-right:30px; margin-botom:20px;}
form.reserve .buyer-1 label,
form.reserve .buyer-2 label		{width:130px;}
form.reserve .buyer-2			{margin-right:0;}
form.reserve .buyers-attorney	{margin:20px 25px 20px 0px; width:420px; float:left;}
form.reserve .seller-broker		{width:422px; float:left; margin:20px 0px 20px 0px; }
form.reserve .terms				{font-size:11px;}
form.reserve .buyer-1 input.text,
form.reserve .buyer-2 input.text			{width:259px;}
form.reserve .buyers-attorney input.text 	{width:189px;}
form.reserve .buyer-1 input.zip,
form.reserve .buyer-2 input.zip				{width:77px;}
form.reserve .buyer-1 select,
form.reserve .buyer-2 select				{width:62px;}

.features-graphic							{background: url(../images/features-graphic.jpg) top left; width:870px; height:580px; position:relative; margin-bottom:30px;.featured-li}
.features-graphic .features					{background: url(../images/main-bg.png) top left; width:325px;height:234px; padding:15px; position:absolute; bottom:30px; right:0;}
ul.featured-li				{}
ul.featured-li li			{padding:3px; border-bottom:1px solid #999}
ul.featured-li li.even		{background:url(../images/main-bg.png) top left;}
ul.featured-li li.last		{border:0; margin:0; padding-bottom:0;}
ul.featured-li li.first		{border-top:0; margin:0; padding-top:0;}

.lb							{margin-bottom:5px; font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; display:inline-block; display:-moz-inline-box; color:#fff; position:relative; background:#6d6e71; padding:10px;}
.lb-unit					{font-size:14px;}
.lb-sqft					{font-size:14px;}
.lb-price					{font-size:14px;}
a.lb-reserve				{color:#181818; float:left; font-size:14px; background:#EEE; padding:10px; display:inline-block; display:-moz-inline-box; border:1px solid #c8c8c8; }
a.lb-reserve:hover			{background:#666; color:#fff; text-decoration:none; border:1px solid #181818;}

table.last					{margin-right:0; border-right:0;}
.last 						{margin-right:0;}


