/* Arista Live/Work Lofts website stylesheet  ::  created may 27 2009  ::  created by www.souldesigngroup.com  ::  updated august 30 2010  ::  copyright Arista Live/Work Lofts */

* {
	margin:0px;
	padding:0px;
	outline:none;
}

html {height:100%;}

body {
	background:url(img/bg.jpg) repeat center top #615A12;
	font-family: Luxi Sans, "Arial", "Helvetica", sans-serif;
	font-size:12px;
	line-height:1.2em;
	letter-spacing:1.4px;
    color:#DDD;
	margin:0;
	border:none;
}

p {margin-bottom:20px; text-align:justify;}

h1 {
	font-size:20px;
	line-height:24px;
	font-family:'Verdana', 'Arial', sans-serif;
	color:#333;
}

h2 {
	font-size:16px;
	line-height:16px;
	font-family: "Georgia", serif;
	margin-bottom:5px;
}

h3 {
	font-size:13px;
	line-height:20px;
	font-family:'Verdana', 'Arial', sans-serif;
	letter-spacing:.5px;
	text-align:center;
}

.text-alt-small {
	font-size:11px; 
	letter-spacing:.8px;
}

.text-small-caps {font-variant:small-caps;}

a:link {text-decoration:none; color:#CCC;}
a:visited {text-decoration:none; color:#CCC;}
a:hover {text-decoration:none; color:#5B520C;}
a:active {text-decoration:none; border:none; color:#CCC;}

a.ul:link {text-decoration:none; color:#888; border-bottom:1px dotted #708A46;}
a.ul:visited {text-decoration:none; color:#888; border-bottom:1px dotted #708A46;}
a.ul:hover {text-decoration:none; color:#ed1b24; border-bottom:1px solid #708A46;}
a.ul:active {text-decoration:none; color:#888; border-bottom:1px dotted #708A46;}

.underline {border-bottom:2px solid #5B520C;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

img {border:none;}

.grn-border {border:1px solid #708A46;}

.sold-red {color:#F00;}

.bg-img-right {float:right; text-indent:-9999px;}
.bg-img-left {float:left; text-indent:-9999px;}

ul {list-style-image:url(img/arrow.jpg); font-size:11px; letter-spacing:1px;}

li {margin-left:30px;}


/********************************************************* CONTAINER */
#container {
	width:850px;
	margin:20px auto 20px auto;
	background:#000;
}


/********************************************************* HEADER */
#header {
	width:100%;
	height:200px;
	margin:0;
	background:url(img/header-bg.jpg) top no-repeat;
	border:1px solid #DDD;
}

#logo {
	width:180px;
	height:104px;
	margin:30px 0 0 65px;
	background:url(img/arista-live-work-lofts-logo.gif) center no-repeat;
}

#tagline {
	width:219px;
	float:right;
	margin:33px 100px 0 0;
}

#tagline-live {
	width:171px;
	height:24px;
	background:url(img/tagline-live-better.gif) top left no-repeat;
}

#tagline-work {
	width:219px;
	height:25px;
	margin-top:5px;
	background:url(img/tagline-work-smarter.gif) top left no-repeat;
}

#tagline-play {
	width:182px;
	height:30px;
	margin-top:10px;
	background:url(img/tagline-play-harder.gif) top left no-repeat;
}
	

/********************************************************* NAVIGATION */
#nav {
	height:30px;
	margin:42px 0 0 -1px;
}

/** home button **/
#nav-item-home {
	width:57px;
	height:17px;
	padding:3px 8px;
	background:url(img/nav-home-off.jpg) center no-repeat #000;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

a#nav-item-home:hover {background:url(img/nav-home-hover.jpg) center no-repeat #5B520C;}

#home #nav-item-home {background:url(img/nav-home-on.jpg) center no-repeat #708A46;}

/** about button **/
#nav-item-about {
	width:62px;
	height:17px;
	padding:3px 8px;
	background:url(img/nav-about-off.jpg) center no-repeat #000;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

a#nav-item-about:hover {background:url(img/nav-about-hover.jpg) center no-repeat #5B520C;}

#about #nav-item-about {background:url(img/nav-about-on.jpg) center no-repeat #708A46;}

/** lofts button **/
#nav-item-lofts {
	width:55px;
	height:17px;
	padding:3px 8px;
	background:url(img/nav-lofts-off.jpg) center no-repeat #000;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

a#nav-item-lofts:hover {background:url(img/nav-lofts-hover.jpg) center no-repeat #5B520C;}

#lofts #nav-item-lofts {background:url(img/nav-lofts-on.jpg) center no-repeat #708A46;}

/** location button **/
#nav-item-location {
	width:87px;
	height:17px;
	padding:3px 8px;
	background:url(img/nav-location-off.jpg) center no-repeat #000;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

a#nav-item-location:hover {background:url(img/nav-location-hover.jpg) center no-repeat #5B520C;}

#location #nav-item-location {background:url(img/nav-location-on.jpg) center no-repeat #708A46;}

/** purchase button **/
#nav-item-purchase {
	width:88px;
	height:17px;
	padding:3px 8px;
	background:url(img/nav-purchase-off.jpg) center no-repeat #000;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

a#nav-item-purchase:hover {background:url(img/nav-purchase-hover.jpg) center no-repeat #5B520C;}

#purchase #nav-item-purchase {background:url(img/nav-purchase-on.jpg) center no-repeat #708A46;}

/** leasing button **/
#nav-item-leasing {
	width:83px;
	height:17px;
	padding:3px 8px;
	background:url(img/nav-leasing-off.jpg) center no-repeat #000;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

a#nav-item-leasing:hover {background:url(img/nav-leasing-hover.jpg) center no-repeat #5B520C;}

#leasing #nav-item-leasing {background:url(img/nav-leasing-on.jpg) center no-repeat #708A46;}

/** contact button **/
#nav-item-contact {
	width:74px;
	height:17px;
	padding:3px 8px;
	background:url(img/nav-contact-off.jpg) center no-repeat #000;
	border-top:1px solid #DDD;
	border-right:1px solid #DDD;
}

a#nav-item-contact:hover {background:url(img/nav-contact-hover.jpg) center no-repeat #5B520C;}

#contact #nav-item-contact {background:url(img/nav-contact-on.jpg) center no-repeat #708A46;}


/********************************************************* ARISTA PLACE SUB-HEADER */
#at-ap {
	width:196px;
	padding-left:31px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	font-variant:small-caps;
	float:right;
	border-left:1px solid #DDD;
	border-bottom:1px solid #DDD;
	background:#000;
}

#ap-logo {
	width:72px;
	height:65px;
	border:1px solid #DDD;
	position:absolute;
	top:200px;
	margin-left:772px;
	background:url(img/arista-place-logo.jpg) top left no-repeat;
}


/********************************************************* MAIN CONTAINER */
#main-container {
	width:852px;
	background:#000;
}

#main-content {
	padding:25px;
}

.matrix-top-left {
	border:1px solid #999;
	border-top:2px solid #708A46;
	padding:2px 0;
	text-align:center;
	font-weight:bold;
	float:left;
	letter-spacing:.5px;
}

.matrix-top {
	border-top:2px solid #708A46;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:2px 0;
	text-align:center;
	font-weight:bold;
	float:left;
	letter-spacing:.5px;
}

.matrix-left {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:2px 2px;
	text-align:right;
	float:left;
	letter-spacing:.5px;
}

.matrix-box {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:2px 0;
	text-align:center;
	float:left;
	letter-spacing:.5px;
}

.matrix-left-light {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	padding:2px 2px;
	text-align:right;
	float:left;
	background:#222;
	letter-spacing:.5px;
}

.matrix-box-light {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	padding:2px 0;
	text-align:center;
	float:left;
	background:#222;
	letter-spacing:.5px;
}  

#disclaimer {
	font-size:10px;
	font-style:italic;
	text-align:center;
	color:#999;
	background:#111;
	padding:2px 0;
}

.outline-box {
	width:100%;
	text-align:center;
	letter-spacing:0px;
	padding:5px 0;
	margin-bottom:25px;
	border-top:2px solid #5B520C;
	border-bottom:2px solid #5B520C;
	background:#708A46;
}

/************************ new tables */
th {
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

td {
	padding:3px 0;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
}

tr {text-align:center;}

.left {border-left:1px solid #999; text-align:right; padding-right:3px;}

.top {border-top:1px solid #999;}

.table-light {background-color:#333;}

.unavailable {font-weight:bold; color:#F00;}


/********************************************************* HOME */
#index-left {
	width:402px;
	margin-top:40px;
	padding-right:25px;
	float:left;
}

#index-right {
	width:348px;
	margin-top:40px;
	padding-left:25px;
	border-left:1px dotted #999;
	float:right;
}


/********************************************************* ABOUT */
#about-left {
	width:282px;
	margin-top:40px;
	padding-right:25px;
	border-right:1px dotted #999;
	float:left;
}

#about-right {
	width:468px;
	margin-top:40px;
	padding-left:25px;
	float:right;
}


/********************************************************* LOFTS */
#lofts-left {
	width:282px;
	margin-top:40px;
	padding-right:25px;
	border-right:1px dotted #999;
	float:left;
}

#lofts-right {
	width:468px;
	margin-top:40px;
	padding-left:25px;
	float:right;
}

#lofts .matrix-top-left {width:75px;}

#lofts .matrix-top {width:95px;}

#lofts .matrix-left {width:71px;}

#lofts .matrix-box {width:95px;}

#lofts .matrix-left-light {width:71px;}

#lofts .matrix-box-light {width:95px;}

#facade-hover {
}

#floorplan {
	width:541px;
	height:734px;
	margin:25px auto 25px auto;
}
	
/********************************************************* LOFTS - standard features */
.standard-features-header {
	width:400px;
	margin:25px 0 15px 0;
	padding:2px 0 2px 25px;
	background:#708A46;
	font-size:15px;
	font-variant:small-caps;
	font-weight:bold;
	border-right:5px solid #5B520C;
}


/********************************************************* PURCHASE */

#purchase .matrix-top-left {width:49px;}

#purchase .matrix-top {width:74px;}

#purchase .matrix-left {width:45px;}

#purchase .matrix-box {width:74px;}

#purchase .matrix-left-light {width:45px;}

#purchase .matrix-box-light {width:74px;}


/********************************************************* LEASING */

#leasing .matrix-top-left {width:49px;}

#leasing .matrix-top {width:74px;}

#leasing .matrix-left {width:45px;}

#leasing .matrix-box {width:74px;}

#leasing .matrix-left-light {width:45px;}

#leasing .matrix-box-light {width:74px;}


/********************************************************* LOCATION */
#location-left {
	width:282px;
	margin-top:40px;
	padding-right:25px;
	border-right:1px dotted #999;
	float:left;
}

#location-right {
	width:468px;
	margin-top:40px;
	padding-left:25px;
	float:right;
}


/********************************************************* CONTACT */
#contact-left {
	width:282px;
	margin-top:40px;
	padding-right:25px;
	border-right:1px dotted #999;
	float:left;
}

#contact-right {
	width:468px;
	margin-top:40px;
	padding-left:25px;
	float:right;
}


/********************************************************* FOOTER */
#footer {
	width:852px;
	height:30px;
	padding-top:50px;
	background:#000;
	border-bottom:5px solid #708A46;
}

#footer-text {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:5px;
	float:left;
	margin:10px 15px 0 195px;
}

#sunburst {
	width:102px;
	height:30px;
	margin-right:10px;
	background:url(img/sunburst-design-llc-logo.jpg) top left no-repeat;
}

#new-design-logic {
	width:115px;
	height:30px;
	margin-right:10px;
	background:url(img/new-design-logic-logo.jpg) top left no-repeat;
}

#dan-obrien-architecture {
	width:89px;
	height:30px;
	margin-right:10px;
	background:url(img/daniel-h-obrien-architecture.jpg) top left no-repeat;
}


/********************************************************* SUB FOOTER */
#sub-footer {
	width:450px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	margin:0 auto;
}
	

/********************************************************* LIGHTBOX */
#lightbox{
	background-color:#F6F6F6;
	border:1px solid #e1e1e1;
	padding:10px;
	color:#444;
}
	
#lightboxDetails{
	font-size:0.9em;
	padding-top:0.4em;
}
		
#lightboxCaption{float:left;}

#keyboardMsg{float:right;}

#closeButton{top:5px; right:5px;}

#lightbox img{border:none; clear:both;} 

#overlay img{border:none;}

#overlay{background-image:url(img/overlay.png);}

* html #overlay {
	background-color:#FFF;
	background-color:transparent;
	background-image:url(blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay.png", sizingMethod="scale");
}