@charset "utf-8";
/* CSS Document */


#header {
	font-family: Arial, Helvetica, sans-serif;
	background: #ffffff;
	position: absolute;
	top: 18px;
	left: 155px;
	width: 665px;
	height: 83px;
}

#headerMenu {
	text-align: right;
	font-size: 14px;
	color: #312d2e;
	position: absolute;
	top: 16px;
	left: 441px;
	height: 25px;
	width: 200px;
	
	}

a:link	{ color:#312d2e; text-decoration:none; }
a:visited { color:#312d2e; text-decoration:none; }
a:hover { color: #333333; text-decoration: underline; }

#headerTitle {
	font-family: Arial, Helvetica, sans-serif;
	color: #312d2e;
}
#titleImage {
	position: relative;
	left: 10px;
	top: 10px;
	height: 100px;
	width: 200px;
  }
#titleSquare {
	width: 100px;
  position: relative;
  left: -60px;
  top: -51px;
  }
/*#leftcol {
  	background: #f00;
  	position: absolute;
	top: 100px;
 	left: 0px;
  	width: 150px;
  	height: 500px;
}
*/
#navbar {
	top: 70px;
	background-image:url(images/gradient_bar_header.png);
	background-repeat:repeat-x;
	width: 100%;
	left: 0px;
	position:absolute;
	height: 27px;
	}
	
#video_data_bg {
	text-align: center;
	top: 0px;
	width: 673px;
	left: 150px;
	position: absolute;
	height: 130px;
}
	
#player_background {
	top: 76px;
	border-bottom: 1px solid #cbcbcb;
	border-top: 1px solid #cbcbcb;
	background-color: #f2f2f2;
	width: 100%;
	left: -6px;
	position:absolute;
	height: 666px;
	}

#video_data {
	position: absolute;
	top: 0px;
	left: 150px;
	width: 700px;
	height: 130px;
}

#projectLogo {
	float: right;
	padding: 5px;
}

#sectionTitle {
	padding-top: 8px;
	padding-bottom: 3px;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	color: #444444;
	font-weight: 700;
}

#project_name {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #5588BB;
	font-weight: bold;
}
#content {
	font-family: Arial, Helvetica, sans-serif;
	color: #312d2e;
	position: absolute;
	top: 189px;
	left: 151px;
	width: 661px;
	height: 480px;
}
#contentText {
	padding-left: 30px;
	font-size:12px;
}

#RelatedVideos {
	background: #fff;
	position: absolute;
	top: 578px;
	left: 150px;
	width: 700px;
	height: 120px;
}
#OtherProjectsSection {
	background: #ffffff;
	position: absolute;
	top: 802px;
	left: 150px;
	width: 700px;
	height: 200px;
}

div.ProjectList {
  float: left;
  padding: 10px;
  }
  
div.ProjectList p {
   text-align: center;
   }

#hr {
	border: none;
	padding-top: 0px;
	padding-bottom: 6px;
	color:#ffffff;
	background-color: #ffffff; 
	border-bottom: solid #eeeeee;
	height: 1px;
	margin: 0px;
}

p {
	text-indent: 30px;

}

#footer_bg {
	
	background: #eeeeee;
	width: 100%;
	left: -8px;
	position: absolute;
	height: 130px;
}

#footer {
	font-size: 14px;
	top: 757px;
	font-color: #4f4b4c;
	position: absolute;
	left: 144px;
	width: 700px;
	height: 35px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
}

div.thumbnails
{
  margin: 7px;
  border: 1px ;
  height: 130px;
  width: auto;
  float: left;
  text-align: center;
}	
div.thumbnails img
{
  display: inline;
  margin: 3px;
  border: 1px solid #4f4b4c;
}
div.thumnails a:hover img {border: 1px solid #0000ff;}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 200px;
  margin: 2px;
}