@import url("reset.css");

body{
  background-color:#000;
  color:#999;
  font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	margin-bottom:20px;
}

#header{
  width:800px;
  height:104px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  
  background-image:url("../img/nav/header.gif");
  background-repeat:no-repeat;
}

.nav{
  float:right;
  height:40px;
  margin-left:400px;
  margin-top:71px;
	font-size:20px;
}

.section{
	position:absolute;
	width:800px;
	height:600px;
	background-color:#000;
}

#processdisplay{
	display:none;
	position:absolute;
	width:800px;
	height:600px;
	cursor: pointer;
}

#content{
  	margin-left:auto;
  	margin-right:auto;
	margin-top:6px;
  	width:800px;
	height:600px;
}

.leftside{
	width:400px;
	float:left;
}

.rightside{
	width:400px;
	float: right;
	margin-top:60px;
}

#video{
	display:none;
}

#concept{
	display:none;
}

#photos{
	/*width:100px;*/
	display:none;
}
#process{
	display:none;
}
#video{
	display:none;
}

#photos img, #concept img {
	cursor:pointer;
}

.nav img {
	cursor: pointer;
}

p, ul {
	line-height:125%;
	padding-left:20px;
	padding-bottom:16px;
}

a, a:visited {
	text-decoration: none;
	color:#fff;
}

a:hover {
	text-decoration: none;
	color:#006eff;
}

td{
	padding:0px;
}

img {
	border: none;
}

.processthumb, .processthumb img {
	display:block;
	padding: 0;
}

.team_members {
	width: 200px;
	float: left;
}
.materials {
	width:200px;
	float:right;
}
#concept .heading1 {
	color:#006eff;
	font-size:150%;
}
#concept .heading2{
	color: #006eff;
}

#process .heading1 {
	color:#00ff4d;
	font-size:150%;
}

#process .heading2{
	color: #00ff4d;
}

.small {
	padding-left:20px;
	margin-top:190px;
	font-size:10px;
	color:#666;
}