body 
{
	margin:0;
	padding:0;
	background:#000000;
}

html, body, #wrapper 
{
	height:100%;
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center;
}

#wrapper 
{
	background-color: #000000;
	margin: 0 auto;
	text-align: left;
	vertical-align: middle;
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

.td_top 
{
	background-color: #8B332D;
	text-align: right;
	vertical-align: bottom;
	border-bottom: 1px solid #999999;
}

.right_image_td
{
	background-color: #000000;
	text-align: left;
	vertical-align: top;
}

.level1_nav_td
{
	background-color: #8B332D;
	text-align: left;
	vertical-align: bottom;
}

.level2_nav_td
{
	background-color: #8B332D;
	text-align: left;
	vertical-align: bottom;
}

.level3_nav_td
{
	background-color: #000000;
	text-align: right;
	vertical-align: top;
	padding-right: 10px;
	padding-top: 10px;
}

.left_image_td
{
	background-color: #000000;
	text-align: right;
	vertical-align: top;
}

/* --- start LEVEL 1 Navigation classes --------------- */


.nav1 
{
	text-decoration: none;
	color: #999999;
	font: bold normal 12px Arial, Helvetica, sans-serif;
}

.nav1 a
{
	text-decoration: none;
	color: #999999;
	font: bold normal 12px Arial, Helvetica, sans-serif;
}

.nav1_selected 
{
	text-decoration: none;
	color: #FFFFFF;
	font: bolder normal 12px Arial, Helvetica, sans-serif;
}

.nav1:hover
{
	text-decoration: none;
	color: #FFFFFF;
	font: bolder normal 12px Arial, Helvetica, sans-serif;
}


/* --- end LEVEL 1 navigation classes --------------- */



/* --- start LEVEL 2 Navigation classes --------------- */

#nav2
{
	padding: 0px;
	margin: 0px;
	font: 9px Arial, Helvetica, sans-serif;
	line-height: 12px;
}

#nav2 li
{
	list-style: none;
	padding: 0;
	margin: 0px;
}

#nav2 li a
{
	padding: 0px;
	margin: 0px;
	display: block;
	text-decoration: none;
	color: #999999;
}

#nav2 li :hover
{
	padding: 0px;
	margin: 0px;
	font-weight:bolder;
	color: #FFFFFF;
}

body#res a#residential,
body#mul a#multi,
body#pub a#public,
body#cons a#conceptual,
body#det a#details,
body#des a#design,
body#com a#community,
body#con a#context,
body#tec a#tectonics,
body#db a#design_build,
body#abo a#about,
body#cot a#contact,
body#pre a#press

{
	padding: 0px;
	margin: 0px;
	color: #FFFFFF;
	font: bolder normal 9px Arial, Helvetica, sans-serif;
	line-height: 12px;
}



/* --- end LEVEL 2 navigation classes --------------- */



/* --- start LEVEL 3 navigation classes --------------- */

#leftnav
{
	display: inline;
	width: 120px;
}


#nav3 
{
	padding: 0;
	margin: 0;
	font: 9px Arial, Helvetica, sans-serif;
	line-height: 12px;	
	color: #999999;
}


#nav3 li 
{
	padding: 0;
	margin: 0px;
	list-style: none;
}

#nav3 li a
{ 
	display: block;
	text-decoration: none;
	color: #999999;
}

#nav3 li :hover
{
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font: bolder normal 9px Arial, Helvetica, sans-serif;
	line-height: 12px;
}

#nav3 li .current 
{
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font: bolder normal 9px Arial, Helvetica, sans-serif;
	line-height: 12px;
}

.nav3OTB 
{
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	word-spacing: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 1px;
	padding-left: 10px;
	margin-left: 10px;
	text-align: right;
	vertical-align: bottom;
}


/* --- end LEVEL 3 navigation classes --------------- */


#photos
{
	display: inline;
	width: 484px;
	height: 363px;
}


/* --- start right content classes --------------- */

.right_content_td
{
	background-color: #000000;
	text-align: left;
	vertical-align: top;
}

.right_content 
{
	text-decoration: none;
	color: #FFFFFF;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: left;
	vertical-align: top;
	padding: 10px;
}

/* --- end right content classes -------------- */

/* --- start about classes --------------- */


.about_content
{
	text-decoration: none;
	color: #FFFFFF;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: left;
	vertical-align: top;
	padding-right: 10px;
}

.about_padding
{
	padding-right: 10px;
	padding-top: 3px;
}

.about_div
{
	padding-top: 10px;
	padding-left: 10px;
	border-left: 1px solid #999999;
	line-height: 13px;
}

.aff_link
{
	padding: 0;
	margin: 0;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #999999;
}

.aff_link a
{ 
	display: block;
	text-decoration: none;
	color: #999999;
}

.aff_link:hover
{
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font: normal 11px/13px Arial, Helvetica, sans-serif;
}

/* --- end about classes -------------- */


/* --- start press classes --------------- */

.press_div
{
	width : 484px; 
	height : 363px; 
	overflow : auto; 
}

.press_td
{
	color: #FFFFFF;
	font: normal 10px Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: left;
	vertical-align: middle;
	padding-top: 5px;
	padding-bottom: 5px;
}

.press_td_right
{
	color: #FFFFFF;
	font: normal 10px Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: left;
	vertical-align: middle;

	padding-top: 5px;
	padding-bottom: 5px;
}

.press_td_bottom
{
	color: #FFFFFF;
	font: normal 10px Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: left;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	padding: 8px;
}

.press_content
{
	text-decoration: none;
	color: #FFFFFF;
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: left;
	vertical-align: top;
	padding: 0px;
}

.article_link
{
	padding: 0;
	margin: 0;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}

.article_link a
{ 
	display: block;
	text-decoration: none;
	color: #999999;
}

.article_link:hover
{
	padding: 0;
	margin: 0;
	color: #999999;
	font: bolder 12px/14px Arial, Helvetica, sans-serif;
}

.article_sub_link
{
	padding: 0;
	margin: 0;
	font: bold 10px/14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}

.article_sub_link a
{ 
	display: block;
	text-decoration: none;
	color: #999999;
}

.article_sub_link:hover
{
	padding: 0;
	margin: 0;
	color: #999999;
	font: bolder 10px/14px Arial, Helvetica, sans-serif;
}

.article_nolink
{
	padding: 0;
	margin: 0;
	font: bold 12px/14px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #FFFFFF;
}

/* --- end press classes -------------- */

/* --- start contact classes --------------- */

.contact
{
	text-decoration: none;
	color: #FFFFFF;
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	background-color: #000000;
	text-align: left;
	vertical-align: top;
	padding: 0px;
}

.contact_headline
{
	text-decoration: none;
	color: #FFFFFF;
	font: bold 14px Arial, Helvetica, sans-serif;
	background-color: #000000;
	padding: 0px;
}

/* --- end contact classes ------------- */

/* --- start smaller inline link classes --------------- */
.inline_link
{
	padding: 0;
	margin: 0;
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #999999;
}

.inline_link a
{ 
	display: block;
	text-decoration: none;
	color: #999999;
}

.inline_link:hover
{
	padding: 0;
	margin: 0;
	color: #FFFFFF;
	font: normal 11px/12px Arial, Helvetica, sans-serif;
	line-height: 12px;
}

/* --- copyright --------------- */
.legal
{
	text-decoration: none;
	color: #666666;
	background-color: #000000;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 9px;
	text-align: left;
	vertical-align: bottom;
	font-style: normal;
	font-weight: normal;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}