/* <![ Global [ -----------------------------------------------------------*/
html {
	height:100%
	}
body{
	margin:0px; 
	background:#658292;
	text-align:center; 
	height:100%;
	}
td	{
	vertical-align:top
	}
#container {
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	width:800px;
				}
				
a {
	color:#F6F5F1;
	text-decoration:none}
	
a:hover {
	color:#F6F5F1;
	text-decoration:underline
	}	

/*	<![ Layout [ -----------------------------------------------------------*/

.content {
	height:512px;
}

#about .content {
	background:url(images/about_bg.jpg) no-repeat
	}

#portfolio .content {
	background:url(images/portfolio_bg.jpg) no-repeat
	}

#whats_new .content {
	background:url(images/whats_new_bg.jpg) no-repeat
	}

#affiliations .content {
	background:url(images/affiliations_bg.jpg) no-repeat
	}

#testimonials .content {
	background:url(images/testimonials_bg.jpg) no-repeat
	}
	
#contact .content {
	background:url(images/contact_bg.jpg) no-repeat
	}
	
.mid_content {
	width:557px;
	z-index:0;}	
		
.mid_content-SUSTAINABLE {
	width:780px;
	}
	
.mid_content-whatsnew {
	width:770px;
	}
	
	
	
	
	
table.menu {
	position:absolute;
	visibility:hidden;
	border-right:3px solid #668192;
	z-index:100;}
	
td.menu {
	padding:0px;
	background:#f5f4f0;
	font:bold 11px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;}
	td.menu a {
		display:block;
		padding:7px;
		color:#818054;
		text-decoration:none;
		border-bottom:3px solid #668192;}
	td.menu a:hover {
		color:#818054;
		background:#dbd4c4;
		text-decoration:none;}
	
	
	
.main_content {
	padding:10px;
	font:bold 10px Verdana, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	color:#87885e;	
	border:8px solid #658292; 
	background:url(images/content-bg.jpg)
	}
	
.main_content p {
	text-align:justify;
	line-height:14px}	
	
.main_content a {
	color:#658292;
	text-decoration:none
	}	
	
.main_content a:hover {
	color:#990000;
	text-decoration:none
	}	

.p_content {
	background:url(images/content-bg.jpg);
	width:472px
	}	
	
	
.footer td {
	font:10px Arial, Helvetica, sans-serif;
	padding:5px;
	text-align:center;
	color:#F6F5F1
	}	
	
.footer a {
	margin:0px 10px}	
	
.click {
	font: italic bold 12px Arial, Helvetica, sans-serif;
	color: #658292;
	padding: 22px 0px 0px 14px;

}


.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	
}
.highslide:hover img {
	
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These styles added by Joe Lifrieri. */

.styledBackgroundCell{
	border:8px solid #658292; 
	font:bold 13px Arial, Helvetica, sans-serif; 
	color:#8B8867; 
	padding:0px 0px 10px 10px; 
	background: url("images/content-bg.jpg");
	}
	
.urbanismText{
	width: 200px;
	float: left;
	vertical-align: bottom;
	margin-right: 10px;
	text-transform: uppercase;
	font: 10px/15px Verdana, Helvetica, Arial, sans-serif;
	font-weight: 700;
	padding-top: 140px;
	}

.urbanismImage{
	float: left;
	display: block;
	margin: 10px 5px;
	}
	
.awardWinnerImage{
	display: block;
	float: left;
	margin: 20px 10px;
	}
	
tr.interiorDesignRow td {padding: 7px 4px;}

.clear{	clear: both;	}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}