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

body {
  background: #161A1F;
  font-family: Helvetica, Geneva, Arial, sans-serif;
  font-size: 8pt;
  color: #90A4BA;
  margin: 0;
  padding: 0;
  text-align: center;
}

a:link, a:visited{
  color:#B7CFEF; 
  text-decoration: none;
}
a:hover, a:active{
  color: #fff; 
  text-decoration: none; 
}

img {
  border: 0px;
}

h1 {
  font-size: 3em;
}

.container {
  margin-left: auto;
  margin-right: auto;
  width: 702px;
  min-height:100%;
  z-index: 0;
}

.info{
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  height: 96px;
  text-align: left;
  background: url('images/header.jpg') no-repeat right;
  line-height: 2em;
}

.title{
  margin-bottom: 20px;
  text-align: left;  
}

.project_nav {
  clear: both; 
  text-align: left;
  margin-bottom: 100px;  
  width: 300px;
  margin-right: auto;
}

.project_nav_left {
  float: left;
  text-align: left;
  word-spacing: 2.3em;
}

.project_nav_right {
  text-align: right;
}

.project_nav span {
}

.column_left {
  float: left;
  text-align: left;
  width: 350px;
  margin-right: 50px;
  margin-bottom: 20px;  
  border-right: solid 1px #3a404a;
}

.column_right {
  float: right;
  text-align: left;
  line-height: 1.7em;
  width: 300px; /*Width of right column*/
}

.word_space {
  word-spacing: 1em;
}

/* <--------| gallery.htm |--------> */

.gallery_list {
	margin: 20px;
}

.gallery_list img {
	float: left;
	margin: 5px;
	width: 64px;
	height: 64px;
	padding: 5px;
	border: none;
	background: #000;
}
.gallery_list a:hover img {
	background: #fff;
}

.gallery_list img.active { 
	background-color: #fff;
}