*
{
	padding:				0px;
	margin:					0px;
}
body
{
	font-family:			Arial, Helvetica, Sans-Serif;
	font-size-adjust:		none;
	color:					#757074;
	text-align:				center;
	background-color:		#E0E1E2;
}

/* ---- images ---- */
a img
{
	border:					0px;
}

/* ---- text ---- */
h1, h2, p
{
	margin-bottom:			0.8em;
}
h1
{
	font-size:				12pt;
	font-weight:			normal;
}
h2
{
	font-size:				10pt;
}
p, li
{
	line-height:			1.3;
	font-size:				8.5pt;
}
p, li, a
{
	/*color:					#838184;*/
	color:					#7F797F;
}

/* ---- lists ---- */
ul
{
	list-style-type:		none;
	margin-bottom:			1em;
}
ul li
{
	line-height:			1.25em;
}

/* ---- layout ---- */
#horizon
{
	position:				absolute;
	top:					50%;
	left:					0px;
	width:					100%;
	margin-top:				-295px;
	text-align:				center;
	min-width:				800px;
}
#container
{
	text-align:				left;
	width:					800px;
	height:					590px;
	margin:					10px auto;
	position:				relative;
}
#container_border
{
	border:					1px solid #B0B2B4;
	width:					310px;
	height:					100%;
}
#container_body
{
	background-color:		#FFF;
	width:					760px;
	height:					510px;
	position:				absolute;
	top:					40px;
	right:					0px;
}
ul#menu
,#content
,h1#title
{
	position:				absolute;
	left:					300px;
}
#content
{
    width:					330px;
    height:					230px;
	top:					270px;
	z-index:				10;
	overflow:				auto;
}
h1#title
{
	top:					163px;
}

/* ---- image section ---- */
#images
{
	width:					241px;
	height:					480px;
	position:				absolute;
	top:					30px;
	left:					30px;
	border:					0px solid blue;
}
#images #image_list_container
{
	text-align:				center;
	width:					100%;
	position:				absolute;
	top:					242px;
	border:					0px solid red;
}
#images ul#image_list
{
	border:					0px solid #3D9AEE;
	margin:					0px !important;
	text-align:				center;
}
#images ul#image_list li
{
	display:				inline;
}
#images ul#image_list li a img
{
	border:					1px solid #FFFFFF;
	padding:				2px;
}
#images ul#image_list li a:hover img
,#images ul#image_list li a img.active
{
	border:					1px solid #3D9AEE;
}
#images ul#image_list li.first img
{
	margin-left:			0px;
}
#images #image_feature_container
{
	text-align:				center;
	width:					241px;
	height:					160px;
}
#images #project_title
{
	position:				absolute;
	left:					0px;
	top:					355px;
}
#images #people_title
{
	position:				absolute;
	left:					0px;
	top:					355px;
}
#images #project_title h2
{
	font-weight:			normal;
	margin:					0px;
}
#images #project_title p
{
	margin:					5px 0px 0px 0px;
}


/* ---- menu ---- */
/* -- top-level menu -- */
ul#menu
{
    width:					328px;
    height:					60px;
	top:					200px;
    padding:				0px;
	z-index:				20;
}
ul#menu li
{
	width:					60px;
	height:					60px;
	float:					left;
	margin-left:			7px;
}
ul#menu li#home
{
	margin-left:			0px;
}
ul#menu li a
{
	font-weight:			bold;
	color:					#FFF;
	text-decoration:		none;
	border:					1px solid #A9A9A9;
	display:				block;
	width:					58px;
	height:					58px;
}
ul#menu li a img
{
	color:					#000;
	display:				block;
}
ul#menu li a span
{
	display:				block;
	padding:				22px 0px 0px 3px;
}
ul#menu li#home a
{
	color:					#837A80 !important;
	border:					0px solid #837A80;
}
ul#menu li#profile a:hover
,ul#menu li#profile a.active
{
	color:					#EB7A00 !important;
	border:					1px solid #EB7A00;
}
ul#menu li#projects a:hover
,ul#menu li#projects a.active
{
	color:					#3D9AEE !important;
	border:					1px solid #3D9AEE;
}
ul#menu li#people a:hover
,ul#menu li#people a.active
{
	color:					#DA575B !important;
	border:					1px solid #DA575B;
}
ul#menu li#contact a:hover
,ul#menu li#contact a.active
{
	color:					#33A561 !important;
	border:					1px solid #33A561;
}



/* -- sub-menu -- */
ul#menu li div.sub
{
	background-color:		#FFF;
	display:				none;
	width:					250px;
	padding:				2px 0px 0px 0px;
}
ul#menu li.active div.sub
,ul#menu li:hover div.sub
{
	position:				absolute; /* 20080304 :: modified for IE6 */
	display:				block;
}
ul#menu li ul
{
	border:					1px solid #837A80;
	width:					250px;
	padding:				2px 0px 3px 0px;
	margin-bottom:			0px !important;
}
ul#menu li#projects ul
{
	border:					1px solid #3D9AEE;
}
ul#menu li#people ul
{
	border:					1px solid #DA575B;
}
ul#menu li li
{
	float:					none;
	margin:					0px;
	width:					auto;
	height:					auto;
	border:					1px solid #fff; /* 20080304 :: modified for IE6 */
}
ul#menu li li a
{
	font-weight:			normal;
	color:					#757074 !important;
	display:				block;
	width:					auto;
	height:					auto;
	padding:				2px 3px; /* 20080304 :: modified for IE6 */
	border:					none !important;
}