body {
	background-color: #606060;
	background-image: url('../images/bg.jpg');
	background-repeat: repeat-x;
	background-position: center top;
	color: #ffffff;
	padding:0;
	margin:0;
	font:10pt Arial, sans-serif;

}
a {
	color: #949494;
	text-decoration: underline;
	outline:0;
}
a:hover {
	text-decoration: none;
}


.container_4 {
}
#logo {
float:left;
margin-top:50px;
margin-bottom:20px;
}
#logo a img, .footertext a img {
   outline:0;border:0;
}
#nav {
float:left;
margin-top:60px;
margin-left:80px;
}
#nav ul {
list-style:none;
}
#nav li {
display:inline;
height:33px;
background-image: url('../images/divider.png');
	background-repeat: no-repeat;
	background-position: right;
	padding:8px 26px 8px 8px;

}
#nav a {
height:33px;
color:#ffffff;
text-decoration:none;
font-weight:bold;
font-size:10pt;
}
#nav a.active {
color:#907c7c;
}
#nav a:hover {
color: #907c7c;
}
#nav li.last {
background-image: none;
}
table.content {
margin:10px 0 0 0;
width: 902px;
	border-width: 1px;
	border-spacing: 1px;
	border-style: solid;
	border-color: #949494;
	border-collapse: collapse;
	text-transform: uppercase;

}
table.content th {
font-weight:bold;
font-size:9pt;
color: #ffffff;
vertical-align: top;
text-align:left;
	border-width: 1px;
	padding: 8px 6px 6px 10px;
	border-style: solid;
	border-color: #949494;
	margin:0;
}
table.content.restab th {
font-size:9pt;
height:19px;
}
table.content.restab td ul li {
padding:5px 10px 2px 0;
vertical-align:top;
margin-bottom:6px;
}
table.content td {
vertical-align: top;
	border-width: 1px;
	padding: 0;
	border-style: solid;
	border-color: #949494;
}
table.content img {
position:relative;
top:1px;
left:6px;
}
table.content p {
border:0px;
text-align:left;
vertical-align: top;
}
table.content a {
text-decoration:none;
line-height: 10pt;
}
table.content a:hover, table.content a.selected {
color: #907c7c;
}
.clip {font-size:9pt;line-height:15pt;}
.vidlist {list-style:none;margin-left:0px;padding-left:0px;}
#player {
	background:transparent;
	border: 1px solid #cccccc;
	width:400px;
	height:300px;
	display:block;
	text-align:center;
	float:left;
	margin:10px;
}

#player img {

	border:0px;
}

/* style for the player's wrapper element */
#player_wrap {
	width:898px;
	vertical-align: top;

}

.clip a.playing, .clips a.paused, .clips a.progress {
	color:#996666;
	border:0;
}

/* styling of the info box */
#info {
display:inline;
margin:0;
	float:left;
	padding:0 10px 0 15px;
	width:220px;
	font:9pt Arial, sans-serif;
	line-height:19pt;
}

#info h2 {
font:12pt Arial, 'Liberation Sans', FreeSans, sans-serif;
font-weight:normal;
margin:0 0 4px 0;
	color: white;
}
#info h2.color {
	color: #907c7c;
	margin-bottom:2px;
}
#cliptitle {text-transform:uppercase;}

/*
920px grid system ~ Core CSS.
4 Columns ~ Margin left: 10px ~ Margin right: 10px

Based on the 960.gs grid system - http://960.gs/
by Nathan Smith

Created by the Grid System Generator - v1.02
Learn more ~ http://www.gridsystemgenerator.com/
*/

/* =Containers
--------------------------------------------------------------------------------*/
.container_4
{
	margin-left: auto;
	margin-right: auto;
	width: 920px;
}

/* =Grid >> Global
--------------------------------------------------------------------------------*/
.grid_1, .grid_2, .grid_3, .grid_4 {
width:900px;
	display: inline;
	float: left;
	position:relative;
	border: 1px solid #949494;
	padding:0;
	margin-left: 10px;
	margin-right: 10px;
}

/* =Grid >> Children (Alpha ~ First, Omega ~ Last)
--------------------------------------------------------------------------------*/
.alpha {margin-left: 0;}
.omega {margin-right: 0;}

/* =Grid >> 4 Columns
--------------------------------------------------------------------------------*/
.container_4 .grid_1 {width: 210px;}
.container_4 .grid_2 {width: 440px;}
.container_4 .grid_3 {width: 670px;}
.container_4 .grid_4 {width: 900px;}

/* =Prefix Extra Space >> 4 Columns
--------------------------------------------------------------------------------*/
.container_4 .prefix_1 {padding-left: 230px;}
.container_4 .prefix_2 {padding-left: 460px;}
.container_4 .prefix_3 {padding-left: 690px;}

/* =Suffix Extra Space >> 4 Columns
--------------------------------------------------------------------------------*/
.container_4 .suffix_1 {padding-right: 230px;}
.container_4 .suffix_2 {padding-right: 460px;}
.container_4 .suffix_3 {padding-right: 690px;}

/* `Push Space >> 4 Columns
--------------------------------------------------------------------------------*/
.container_4 .push_1 {left: 230px;}
.container_4 .push_2 {left: 460px;}
.container_4 .push_3 {left: 690px;}

/* `Pull Space >> 4 Columns
--------------------------------------------------------------------------------*/
.container_4 .pull_1 {left: -230px;}
.container_4 .pull_2 {left: -460px;}
.container_4 .pull_3 {left: -690px;}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */
.clearfix:after {
	clear: both;
	content:' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
th, #nav a {letter-spacing:1px;}
#player-container {margin:0;border-top:0;padding:20px 0 0 0; width:900px;}
#resources-container {margin:10px 0 0 0;padding:0 0 0 0px; width:900px;}
#vimvid {float:left;display:inline;margin-left:10px;}
ul.vidlist li {margin-left:20px;margin-right:10px;}
ul#navlist li {margin-left:20px;}
#footer {width:900px;position:relative;border-top:1px solid #949494; height:80px;margin: 20px 0 0 0;background: #000000;}
#refoot {width:900px;position:relative;border-bottom:1px solid #949494;border-left:1px solid #949494;border-right:1px solid #949494; height:80px;margin: 0 0 0 0;background: #000000;}
#footer a, #refoot a {text-decoration:none;}
div.copy{position:relative;top:22px;left:29px;font-size:7pt;margin:0;color:#949494;}
div.footertext{position:relative;float:right;font-size:10pt;margin:0 19px 0 0;color:#949494;top:-18px;vertical-align:middle;height:30px;}
img.footerlogo {position:relative;top:16px;left:29px;margin:0;}
.seperator{margin:0 14px 0 14px;}
#is-it-safe {
  display: none;
}
.sillyhat {position:absolute;top:-6px;left:20px;}
a.linkydinky {color:#907c7c;text-decoration:none;}
.infop{margin:20px 0 0 0;padding:0;border:0;text-align:justify;}
#bigone {padding:20px;line-height:16pt;}
#bigone h1 {font-size:16pt;text-transform: uppercase;margin-top:0;}
#res h1 {margin:10px;}
#bigone p {text-align:justify;}
td#prodteam, td#adteam {padding:20px 0 0 20px;height:200px;width:19%;}
#prodteam h3, #adteam h3, #fund h3 {margin:0 0 20px 0;text-decoration:underline;text-transform:uppercase;}
#prodteam ul, #adteam ul {list-style:none;margin:0;padding:0;display:inline;font-size:9pt;float:left;width:49%;}
#prodteam li, #adteam li {margin-top:0;margin-bottom:0;line-height:11pt;}
ul.last{margin-left:5px;}
#funding {padding:20px 10px 20px 20px;}
#funding h3 {margin:0px 0px 0px 0px; text-transform:uppercase;text-decoration:none;}
.resdiv{margin-bottom:0;}
.restab{margin:20px 0 0 0;}
.restab td {width:33%;}
h4.tight{margin:20px 0 0 0;}
#projectify{text-transform:none;}
div.footertext a img {vertical-align:-9px;}
.restab .clip {margin-left:10px;line-height:10pt;}
.restab ul {margin-top:5px;}
.restab th {letter-spacing:normal;}
#private {margin:20px;}
#private p {margin-left:20px;}
#private p.indent {margin-left:40px;}
#private a {text-decoration:underline;}
#private a:hover {color:#907c7c;}
#projectify th {margin:0;padding-top:8px;}