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:960px;
	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:907px;
	margin-left:auto;
	margin-right:auto;
	height:70px;
	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 #ccc;
		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 #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc;width:83px;}
	#header form {margin:0px;padding:0px;}
	#header input {
		float:left;
		margin:0px;
		margin-left:6px;
		border:0px;
		font-size:11px;
		border-top:6px solid #ccc;
		padding-left:1px;
		padding-right:1px;
		padding-top:8px;
		width:78px;
		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 #ccc;
		}
	#header input#go {float:left;width:18px;height:22px;padding:0px;margin:0px;margin-left:1px;background-color:#ccc;}
	#header input#go:hover {border-top:6px solid #ff00b1;background-color:#ff00b1;}
#content {
	clear:both;
	position:relative;
	width:907px;
	margin-left:auto;
	margin-right:auto;
	height:auto;
	min-height:auto;
	margin-top:20px;
	margin-bottom:30px;
	}


/* 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 {
	float:right;
	width:300px;
	height:390px;
	padding-top:10px;
	padding-bottom:25px;
	color:#333;
	font-size:13px;
	background-color:#fff;
	border-top:1px dotted #ff00b1;
	border-bottom:1px dotted #ff00b1;
	}
.large-txt {height:158px;width:290px;margin-bottom:6px;background-color:#fff;padding-left:5px;padding-right:5px;}
#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:19px;letter-spacing:-2px;}
.project-large-item {position:absolute;top:11px;right:0px;}
.overview-img {position:relative;width:300px;height:240px;background-image:url(../layout/loader-300px.gif);background-repeat:no-repeat;}

/* project display */
#project-images {
	float:left;
	width:600px;
	height:475px;
	padding-top:10px;
	border-top:1px dotted #999;
	border-bottom:1px dotted #999;
	}
#project-info {
	float:right;
	width:280px;
	height:450px;
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:25px;
	color:#333;
	font-size:13px;
	border-top:1px dotted #ff00b1;
	border-bottom:1px dotted #ff00b1;
	}
#project-info strong {color:#ff00b1;font-weight:normal;}
#project-info h2 {margin-top:0px;margin-bottom:0px;color:#ff00b1;min-height:auto;font-size:20px;letter-spacing:-1px;}
#project-text {
	width:615px;
	float:left;
	clear:both;
	height:auto;
	min-height:auto;
	display:block;
	margin-top:20px;
	}
#project-text p {margin-top:0px;font-size:11px;line-height:18px;float:left;width:290px;margin-right:15px;line-height:150%;padding:1px;}
#project-nav {width:290px;float:right;color:#ff00b1;margin-top:20px;}
#project-nav p {color:#ff00b1;margin-top:0px;line-height:18px;}

/* footer */
.footer, .push {height: 28px; /* .push must be the same height as .footer */}
div.footer {clear:both;width:905px;margin-left:auto;margin-right:auto;padding:0px;color:#999;display:block;}
#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;}