.project {
	margin-top:2em;
	overflow:auto;
	background:url(../images/greybar.gif) repeat-x;
	}
	
/*Big top image */
.greybox{
	background-color:#333333;
	margin: 1em;
	margin-bottom:0;
	margin-bottom:2em;
	padding:1em;
	position:relative;
	}
	
	
.greybox img{
	position:relative;
	}

.greybox .caption {
		position:absolute;
		width:910px; 
		top:339px;
		left:0;
		margin-left:1em;
		margin-bottom:1em;
		background:#333333;		
		opacity: 0.7;
		-moz-opacity: 0.7;
		filter: alpha(opacity=70);
		padding-left:1em;
		z-index:1;
	}
		
.greybox .caption h1 {
		float:left;
		color:#ffffff;
		font-size:3.5em;
		margin:0.2em;
		margin-bottom:0.3em;
	}

.greybox .caption h1 a:link, .link a:link, .greybox .caption h1 a:hover, .greybox .caption h1 a:visited, .link a:hover, .link a:visited{
	text-decoration:none;
	color:#ffffff;
	}	
	

	
/*Description*/

.description {
	width:670px;
	margin-right:2em;
	margin-left:1em;
	float:right;
	display: inline;
	margin-top:2em;
	}

.description h2 {
	font-weight:bold;
	font-size:2.2em;
	line-height:0.8em;
	}
	
.description h3 {
	font-weight:bold;
	font-size:1.5em;
	margin-top:1.5em;
	margin-bottom:1em;
	}

.description p {
	margin-top:1em;
	}
	
.description ul {
	margin-left:1em;
	}

.description li {
	margin-left:1em;
	font-size:1.2em;
	line-height:1.4em;
	color:#333333;
	list-style-type:circle;
	}
	
.othercontainer{
	width:220px;
	margin-left:2em;
	margin-top:4em;
	}

.othercontainer ul li{
	width:220px;
	display:inline;
	}


.otherpics {
	width:220px;
	height:150px;
	margin-bottom:1em;
	background-color:#333333;
	float:left;
	}
	
.otherpics img {	
	margin:1em;
	}
	
.tools {
	background:url(../images/header_bg.gif) repeat-x top left;
	height:130px;
	margin:1em;
	}
	
.tools h4 {
	margin: 0 0 0.5em 0.5em;
	font-size:1.4em;
	padding-top:0.5em;
	}

.tools li {
	font-size:1.2em;
	margin:0.5em;
	line-height:1.6em;
	}
	
.link {
	color:#FFFFFF;
	background-color:#333333;
	margin-top:3em;
	float:left;
	}

.link p{
	margin:1em;
	}

#bottomcontent {
	height:160px;
	}