html{height:100%;overflow: -moz-scrollbars-vertical;}
body {margin:0px;background-color:#fff;height:100%;width:100%;}
body, p {color:#333;font-family:Arial, Helvetica, sans-serif;font-size:11px;}
#wrapper {
	position:relative;
	width:908px;
	margin-left:auto;
	margin-right:auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin-bottom: -36px; /* the bottom margin is the negative value of the footer's height */
	z-index:2;
	}
#header {
	position:relative;
	width:908px;
	margin-left:auto;
	margin-right:auto;
	height:72px;
	overflow:hidden;
	}
#header img#logo {float:left;padding-top:3px;}
#header #menu {float:right;}
	#header a {
		display:block;
		float:left;
		width:93px;
		margin-left:6px;
		padding-top:8px;
		padding-left:1px;
		padding-right:1px;
		color:#8c8c8c;
		font-size:11px;
		border-top:6px solid #bbb;
		font-size:11px;
		}
	#header a.logo {margin-left:0px;width:95px;}
	#header a:hover, #header a.activeitem {color:#ff00b1;border-top:6px solid #ff00b1;border-bottom:0px;}
	#header a.search {border-left:1px solid #bbb;border-right:1px solid #bbb;border-bottom:1px solid #bbb;width:80px;}
	#header form {margin:0px;padding:0px;}
	#header input {
		font-family:Arial, Helvetica, sans-serif;
		float:left;
		margin:0px;
		margin-left:6px;
		border:0px;
		font-size:11px;
		border-top:6px solid #bbb;
		padding:8px 1px 0 1px;
		display:block;
		width:75px;
		color:#8c8c8c;}
	#header input#topsearch:hover, #header input#topsearch:focus, #header input#topsearch:active {
		border-top:6px solid #ff00b1;
		color:#ff00b1;
		border-bottom:1px solid #bbb;
		}
	#header input#go {float:left;width:17px;height:22px;padding:0px;margin:0px;margin-left:1px;background-color:#bbb;}
	#header input#go:hover {border-top:6px solid #ff00b1;background-color:#ff00b1;}
#content {
	clear:both;
	position:relative;
	width:908px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	min-height:auto;
	margin-top:18px;
	margin-bottom:30px;
	}
	
/* text pages */
#content-visual {
	display:block;
	border-top:1px dotted #ff00b1;
	border-bottom:1px dotted #ff00b1;
	padding-top:10px;
	padding-bottom:10px;
	height:150px;
	}
.red {color:#ff00b1;}

/* project overview */
#project-overview {width:620px;}
#project-images #project-overview .thumb-wrapper {position:relative;float:left;width:101px;height:82px;border:0px;overflow:hidden;}
#project-images #project-overview .thumb-wrapper a {position:absolute;display:block;left:0px;top:0px;z-index:100;width:95px;height:76px;border-right:6px solid #fff;border-bottom:6px solid #fff;background-image:url(../layout/blank-95px.gif);background-repeat:no-repeat;}
#project-images #project-overview .thumb-wrapper a:hover {background-image:url(../layout/arrow-95px.gif);filter:alpha(opacity=50);-moz-opacity:0.50;opacity: 0.50;}
#project-large {
	position:relative;
	float:left;
	display:inline-block;
	margin-right:8px;
	width:300px;
	height:390px;
	padding:10px 0px 25px 0px;
	color:#333;
	font-size:12px;
	background-color:#fff;
	border-top:1px dotted #ff00b1;
	border-bottom:1px dotted #ff00b1;
	}
.large-txt {height:153px;width:290px;background-color:#fff;padding:0px 0px 10px 0px;}

#catcol {
	position:relative;
	height:393px;
	width:300px;
	background-color:#fff;
	color:#666;
	font-size:11px;
	padding:0px 0px 10px 0px;
	}

#catcol ul, #catcol li, #catcol li li {list-style:none;margin:0 0 0 0;padding:0 0 0 0;}

#catcol li {margin:15px 0 0 0;}

#catcol li a {
	font-weight:bold;
	font-size:17px;
	letter-spacing:-1px;
	color:#888;
	text-decoration:none;
	margin:0 0 10px 0;
	line-height:24px;
	}
#catcol li li a {
	font-weight:normal;
	font-size:12px;
	letter-spacing:normal;
	line-height:16px;
	}
#catcol li a:hover {border-bottom:2px solid #ff00b1;color:#ff00b1;}
#catcol li li a:hover {border-bottom:1px solid #ff00b1;}


#project-large strong {
	color:#ff00b1;
	font-weight:normal;
	padding-top:5px;
	display:block;
	}
#project-large h2 {
	margin-top:0px;
	margin-bottom:0px;
	color:#ff00b1;
	min-height:auto;
	font-size:17px;
	letter-spacing:-1px;
	}
.project-large-item {
	position:absolute;
	top:10px;
	right:0px;
	background-color:#fff;
	}
.overview-img {
	position:relative;
	width:300px;
	height:240px;
	background-image:url(../layout/loader-300px.gif);
	background-repeat:no-repeat;margin-bottom:12px;
	}

/* project display */
#project-images {
	float:right;
	width:600px;
	height:475px;
	padding-top:10px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	}
#project-info {
	float:left;
	width:290px;
	height:450px;
	padding:10px 10px 25px 0px;
	color:#333;
	font-size:12px;
	border-top:1px dotted #ff00b1;
	border-bottom:1px dotted #ff00b1;
	}
#project-info .catinfo {
	display:block;
	color:#ff00b1;
	font-size:11px;
	line-height:16px;
	padding:0 0 10px 2px;
	}
#project-info strong {
	color:#ff00b1;
	font-weight:normal;
	padding-top:5px;
	display:block;
	}
#project-info h2 {
	margin-top:0px;
	margin-bottom:0px;
	color:#ff00b1;
	min-height:auto;
	font-size:17px;
	letter-spacing:-1px;
	}
#project-text, #col-2 {
	width:613px;
	float:right;
	clear:both;
	height:auto;
	min-height:auto;
	display:block;
	margin-top:20px;
	}
#search-text	{
	width:598px;
	float:right;
	height:auto;
	min-height:auto;
	display:block;
	padding:1px;
	border-top:1px dotted #999;
	padding-top:6px;
	padding-bottom:6px;
	}
#search-text .search-item {padding-bottom:6px;padding-top:6px;border-bottom:1px dotted #999;}
#search-text a {font-size:14px;}
#search-text p {margin-top:3px;margin-bottom:3px;text-align:justify;}
#search-text ul {margin:0px;padding-left:15px;padding-top:0px;}
#search-text li {display:list-item;margin-top:3px;margin-bottom:3px;list-style-type: square;}
#col-2 h3 {color:#ff00b1;font-size:16px;font-weight:normal;margin:0px;padding:0px;}
h4 {font-size:12px;font-weight:bold;margin:2px 0px 0px 0px;padding:0px 0px 0px 0px;}
#col-2 p {margin-top:5px;padding-bottom:18px;border-bottom:1px dotted #ff00b1;}
#col-2 img {padding-right:18px;}
#project-text p {font-size:11px;line-height:18px;float:left;width:290px;margin:0 3px 0 11px;line-height:160%;padding:1px;text-align:justify;height:auto;}
#project-text ul {float:left;width:260px;margin:0px;margin-left:5px;padding-left:15px;line-height:15px;padding-top:0px;}
#project-text li {display:list-item;margin-top:3px;margin-bottom:3px;list-style-type: square;}

#content-visual h2 {margin-top:0px;margin-bottom:0px;color:#ff00b1;min-height:auto;font-size:19px;letter-spacing:-2px;}
#content-visual h3 {
	margin-top:0px;
	margin-bottom:0px;
	color:#999;
	min-height:auto;
	font-size:20px;
	letter-spacing:-1px;
	line-height:18px;
	}

#project-nav {width:290px;float:left;color:#ff00b1;margin-top:20px;}
#project-nav .rightcol {display:block;padding-left:1px;}
#project-nav p {color:#ff00b1;margin-top:0px;line-height:18px;}
#project-nav ul {margin:0px;padding:0px;}
#project-nav li {margin-top:4px;margin-bottom:6px;list-style-type: none;}
#project-nav li a {font-size:11px;padding:1px;}
#project-nav li a:hover, #project-nav li a.activeitem {background-color:#ff00b1;border-bottom:0px;color:#fff;}

/* footer */
.footer, .push {height: 28px; /* .push must be the same height as .footer */}
div.footer {position:relative;clear:both;width:905px;margin-left:auto;margin-right:auto;padding:0px;color:#999;display:block;z-index:100;}
#footer-left {float:left;background-color:#eee;padding:4px;width:592px;}
#footer-right {float:right;background-color:#eee;padding:4px;width:290px;}
#footer-left:hover, #footer-right:hover {background-color:#ddd;color:#333;}
.footer a {color:#666;}
.footer a:hover {color:#ff00b1;}

a {color:#ff00b1;text-decoration:none;}
a:hover {border-bottom:1px solid #ff00b1;}
#project-text .red a {border-bottom:1px dotted #ff00b1;}
#project-text .red a:hover {border-bottom:1px solid #ff00b1;}

#nav a {color:#666;font-size:11px;}
#nav a:hover {text-decoration:none;border-bottom:0px;color:#ff00b1;}
#nav {position:relative;width:100%;}
#nav #nav-left {float:left;}
#nav #nav-middle {position:absolute;left:107px;}
#nav #nav-right {float:right;}

img.peopleimg {padding-bottom:10px;padding-right:18px;}

hr {
	border-bottom:1px dotted #999;
	height:0px;
	background-color:#fff;
	color:#fff;
	border-top:0px;
	shading:no-shading;
	}