@import url("columns.css");
@import url("main.css");
@import url("menu.css");



#title h1 {
	color: #A9E212;
	font-weight: bold;
}

.top_link {
	font-size: 17px;
	line-height: 20px;
	width: 140px;
	margin: -7px 0 0 -160px;
	padding: 6px 0 0 0;
	text-align: right;
	float: left;
	border-top: 1px solid #000000;
}

a:link.top_link,
a:visited.top_link {
	color: #BBBBBB;
	text-decoration: none;
	font-weight: bold;
}

a:hover.top_link {
	color: #A9E212;
}



/* ### CONTENT ### */

#content {
	position: absolute;
	top: 130px;
	/* EVERYTHING should have a right margin of 20 px */
	/* That's why content is 960 wide instead of 940 */
	width: 960px;
}

#head_wide {
	width: 940px;
	float: left;
	padding: 10px 0 0 0;
	margin: 0;
	border-top: 1px solid #000000;
}

#head_wide img {
	margin-top: 0;
}

#head_wide p {
	font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 17px;
	line-height: 20px;
	color: #BBBBBB;
	margin: -4px 0 8px 0;
}

#head_wide a:link,
#head_wide a:visited {
	color: #BBBBBB;
	text-decoration: none;
}

#head_wide a:hover {
	color: #A9E212;
}

#project_img {
	width: 940px;
	height: 178px;
	overflow: hidden;
	margin: 0 0 10px 0;
}

#project_img img {
	margin: 0 10px 0 0;
}

#team {
	width: 940px;
	overflow: scroll;
	margin: 0;
	padding: 0;
	border-top: 1px solid #000000;
	overflow: scroll;
	overflow-x: scroll;
	overflow-y: hidden;
}

#scroll {
	margin: -3px 0 0 -3px;
	padding: 0;
}

#team tr,
#team td {
	margin: 0;
	padding: 0;
	vertical-align:top;
}

.video_project {
	position: relative;
	width: 318px;
	height: 177px;
	overflow: hidden;
	margin: -2px 10px 0 0;
}

.play_project {
	position: absolute;
	z-index= 1;
	top: 0;
	left: 0;
}



/* ### EXCEPTIONS ### */

/* Alternative: set overflow: hidden; for containing divs? */
/* Hmmm, don't think so... */
.nomargin {
	margin: 0;
}

.right {
	float: right;
	text-align: right;
}