* { margin: 0; padding: 0; border: 0 none}

div.clear{ clear: both}


/*  structure  */

body { background-color: #000; font-family: Helvetica; }

div#wrapper { width: 916px;	margin: 40px auto; overflow:hidden}

div#content { border: 1px solid #333; height: 646px; position:relative; overflow:hidden}




/*  navigation  */

div#main_nav { position:absolute; bottom: 129px; left:330px;}

	div#main_nav ul { position:absolute; }
	
	div#main_nav li { position:absolute; display:inline}
	
		div#main_nav li#about_link { left: 0px}
		
		div#main_nav li#projects_link { left: 80px}
		
		div#main_nav li#services_link { left: 180px}
		
		div#main_nav li#media_link { left: 280px}
	
	div#main_nav li a{ color: #555; text-decoration: none; font-size: 10px;}
	
	div#main_nav li a:hover{ color: #fff; }


ul { padding-left: 16px; list-style-type:inside; }

li { list-style-image: url(/images/blank.gif); }

li.active { list-style-image: url(/images/arrow_on.gif);}

li.on { list-style-image: url(/images/arrow.gif);}

a.highlighted { color: #fff !important }


div#sub_nav { position:absolute; bottom: 106px; left:330px; line-height: 16px; visibility: hidden;}

	div#sub_nav ul { position: absolute; }
	
	div#sub_nav li { margin:1px; padding:0px;}
	
	div#sub_nav  a{ color: #555; text-decoration: none; font-size: 12px; white-space: nowrap}
	
	div#sub_nav  a:hover{ color: #fff;}
		
		div#sub_nav div#multi_first { position: absolute; left: 80px}
		
		div#sub_nav div#lifestyle_first { position: absolute; left: 200px}
		
		div#sub_nav div#residential_first { position: absolute; left: 310px}
		
	


div#final_nav { position:absolute; bottom: 84px; left:315px;}

	div#final_nav ul { position: absolute; }	

	div#final_nav li { margin:0; padding: 0; line-height: 12px;}

	div#final_nav li a{ color: #555; text-decoration: none; font-size: 10px; white-space: nowrap }

	div#final_nav li a:hover, div#final_nav li a.active { color: #fff; }
	
	div#final_nav div#final_nav_multi { position:absolute; left: 80px; visibility: hidden}

	div#final_nav div#final_nav_lifestyle { position:absolute; left: 200px; visibility: hidden}

	div#final_nav div#final_nav_residential { position:absolute; left: 310px; visibility: hidden}
	
	div#final_nav ul#ul_final_nav_about { visibility: hidden; width: 200px; }
	
	
	
	
	
/*  media  */

div#final_nav ul#ul_final_nav_years { width: 200px; left: 280px; visibility: hidden}

div#final_nav div#final_nav_press { position:absolute; left: 325px; width: 250px; height:100px; visibility:hidden}

	
	
div.final_nav_box { position: absolute; height: 73px; width: 170px;}

div.scrollable_content { position: absolute; height: 200px; }

div.scroller { height: 73px; overflow: hidden; position: relative}







/*  nav scrolling  */

img.scroll_up_img { position:absolute; top:0; right:0; z-index:150}

img.scroll_down_img { position:absolute; bottom:0; right:0; z-index:150}




	
/*  images  */

div#img_box { width: 886px; height: 506px; margin: 13px auto 0 auto }

img#bar_img { position: absolute; top: 83px; left: 14px; z-index: 300 }

div#photo_panel { position:relative; width: 886px; height: 506px; margin: 13px auto 0 auto } 

div#photo_panel img { position:absolute; visibility: hidden}


div#thumbs img { margin-left: 3px; cursor: pointer;  }

div.blank_thumb { margin-right: 3px; width:34px; height: 34px; opacity: 0.30; filter: alpha(opacity=30); background-color: #666; float:left}

div#empty_thumbs { position: absolute; left: 14px; bottom: 87px; z-index: 200 }

/*  login  */

div#auth { width: 300px; margin: 100px auto; color: #fff; }



/*  gallery  */

div#thumbs { position: absolute; left: 14px; bottom: 87px; z-index: 300 }

div#control { position: absolute; left: 14px; bottom: 67px; }

div#control a{ color: #999; text-decoration: none; }


/*  white info bar  */
div#white_info_bar_wrapper { position:absolute; overflow: hidden; right:14px; top:83px; width:593px; height: 15px; background-color: #fff; z-index: 1; line-height: 15px;}

div#white_info_bar { position:absolute; font-size: 10px; text-align:right; background-color: #fff; z-index: 3; }

div#white_info_bar a{ color: #666; text-decoration: none }

div#white_info_bar a:hover{ color: #333; text-decoration: underline }

div#white_info_bar_slide { position: absolute; right:14px; top:68px; width:50px; height: 50px; z-index:4}

div#white_info_bar_background { position: absolute; right:14px; top:83px; width:10px; height: 40px; font-size: 10px; z-index:1}
	

/*  about pages */
div#grayness { position: absolute; background-color: #b5b5b5; width:307px; height:647px;}

	div#grayness img{ position:absolute; left: 14px }
	
	div#grayness div#firm_info{
		bottom: 10px;
		color: #666;
		font-size: 11px;
		position: absolute;
		left: 14px;
	}
	div#grayness div#firm_info a{
		text-decoration: none;
		color: #fff
	}
	div#grayness div#firm_info a:hover{
		border-bottom: 1px dotted #fff;
	}

div#about_content { margin-left: 320px; }
	
	div#about_content h1 { color: #555; font-size: 35px; }
	
	div#about_content p { color: #fff; font-size: 10px; width: 450px;}
	

/*  slider  */

div#info_bar { 	background-color: #b7b3b4; position: absolute; width: 287px; left: 14px; bottom: 127px;	height: 14px; line-height: 12px; padding: 0 3px; z-index: 55; }

div#slide {	opacity: 0.90; filter: alpha(opacity=90); background-color: #000; color: #fff; position:absolute; height: 100%; top: 520px;	padding-top: 110px; width: 100%; z-index: 90}

div#slide span { font-weight:bold; padding: 0 8px 8px 4px;}

div#slide_panel { position: absolute; width: 293px;	overflow: hidden; height: 515px; left: 14px; top: 10px; z-index: 50; }

div#slide p{ color: #fff; padding: 8px 8px 8px 4px; font-size: 11px }

div#slide a{ color: #999; padding: 8px 8px 8px 4px; font-size: 11px; text-decoration: none; }

div#slide a:hover { text-decoration: underline; }

div#info_slide_start { position:absolute; right: 4px; color: #333; font-size: 9px; cursor: pointer; z-index: 56; }

div#project_addy { color: #000; font-weight: bold; float: left;	font-size: 9px;	}

div#invisible_panel_closer { position:absolute; height: 50px; width: 5px; left: 307px; bottom: 126px;}

/*  accordian  */
div#accordian_panel{ position: absolute; height: 422px; width: 293px; top: 98px; left: 14px; opacity: 0.70; filter: alpha(opacity=70); background-color: #000; }


div#accordian {	bottom: 127px; position: absolute; left: 14px }
	
	div#accordian h3{ line-height: 14px; width: 288px; opacity: 0.65; filter: alpha(opacity=65); font-size: 10px; }
	
	div#accordian h3.toggler-active { opacity: 0.99; filter: alpha(opacity=99);	}

	div#accordian h3.toggler, div#accordian h3.toggler-active { background-color: #fff;	color:#555;	cursor:pointer;	padding-left:5px; }
	
	div#accordian h3.toggler { color: #666;	background-color: #000;	border-bottom: 1px solid #aaa; }
	
	div#accordian h3.toggler:hover { color: #ddd; }
	
	div#accordian div {	background-color: #ddd;	height: 200px; width: 293px; opacity: 0.90; filter: alpha(opacity=90); }
	
	div#accordian p { padding: 5px 8px 5px 5px;	color: #fff; font-size: 10px; width: 280px;	opacity: 100; background-color: #323232; }



/*  admin  */

div.admin_edit { position: absolute; bottom: 0; left: 0; font-size: 12px;}
div.admin_edit a { color: #fff }



div#whiteness img {
	position: absolute;
	z-index: 900;
	visibility: hidden;
}

div#whiteness {
	position: absolute;
	height: 506px;
	width: 886px;
	margin: 13px 0 0 14px;
	background-color: #fff;
	z-index: 200;
}

div#blackness {
	position: absolute;
	height: 506px;
	width: 886px;
	margin: 13px 0 0 14px;
	background-color: #000;
	z-index: 201;
}


div#jules_text {
	height: 506px;
	width: 886px;
	position: absolute;
	background-color: #000;
	margin: 13px 0 0 14px;
	z-index: 300;
	visibility:hidden;
}

div#jules_text span#span_i{
	color: #555;
	font-size: 180px;
	position: absolute;
	bottom: 40px;
	left: 100px;
	visibility:hidden;
}

div#jules_text span#span_d{
	color: #555;
	font-size: 180px;
	position: absolute;
	bottom: 40px;
	left: 140px;
	visibility:hidden;
}

div#jules_text span#span_jules{
	position: absolute;
	color: #fff;
	font-size: 25px;
	bottom: 250px;
	left: 115px;
	visibility:hidden;	
}


div#progress_bar{
	position: absolute;
	top: 220px;
	left: 350px;	
	color: #fff;
	z-index: 202
}

div#box {
	background:transparent url(/images/progress-bar-back.gif) no-repeat scroll right center;
	float:left;
	height:20px;
	width:200px;
	color: #000;
	text-align:center;
}

div#perc {
	background:transparent url(/images/progress-bar.gif) no-repeat scroll right center;
	height:20px;
}

div#progress_text{
	color:#fff;
}