/* Typography */
* {
  	padding: 0;
  	margin: 0;
}

body {
	background: url("../images/gray-stripe.png") repeat scroll 0 0 #FFF;
	
}

h1, h2, h3, h4 {
	font-family: helvetica, arial, sans-serif;
	font-weight: bold;
	padding: 0px;
	color: #000;
}

h1 {
	font-size: 40px;
	line-height: 40px;
	margin:0 0 5px 0;
	letter-spacing:-1px;
}

h2	{
	font-size: 14px;
	line-height: 16px;
}

.subhead {
        font-weight:bold;
        color:#333;
}

.project-title {
	font-size:18px;
	line-height:18px;
	margin:10px 0 10px 0;
}

.title	{
	font-size: 12px;
	font-weight:bold;
	line-height: 16px;
	margin-bottom:0;
}
		
p, ul {
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: normal;
  	line-height: 18px;
	margin-bottom:10px;
  	color:#333333;
}

.link-list li {
	list-style:none;
	margin:10px;
	font-weight:bold;
	font-size:16px;
}

a {
	text-decoration:none;
	color:#00CC00;
}

a:hover {
	text-decoration:underline;
}
		
/* Nav */

#header_holder { 
	width:100%; 
	height:auto; 
	margin-left:auto; 
	margin-right:auto;
	background-color:#000000;
	border-bottom:3px solid #00CC00;
	
}

#header_holder img {
	border:none; 
}

#logo { 
	width:204px; 
	height:53px; 
	margin:0 0px 30px 0px;
}

#status { 
	width:150px; 
	height:53px; 
	margin:50px 0px 0px 298px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:9px; 
	color:#000000;
}

#status a {
	text-decoration:none; 
	color:#CCF5CC; 
}

#menu_holder { 
	width:770px;
	margin-left:auto;
	margin-right:auto; 
	height:29px;
	background-color:#000;
}

#menu { 
	margin:0px; 
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; 
	text-align:left;
}

#menu li {  
	list-style:none;
	float:left;
	border-right:1px solid #333;
	height:29px;
	width:109px;
}

#menu li a {
	width:104px; 
	height:29px;
	line-height:29px;
	background-color:#000; 
	color:#FFF; 
	text-decoration:none;
	display:block;
	padding-left:5px;
}

#menu li a:hover {  
	background-color:#00CC00;
}

#content-wrapper {
	width:770px;
	margin-left:auto; 
	margin-right:auto;
	height:auto;
	border-bottom:1px solid #DDD;
	background-color:#FFFFFF;
}
		
/* Images Section */

#images-wrapper {
	width:770px; 
	height:auto;
	margin-left:auto; 
	margin-right:auto;
	border-bottom:5px solid #00CC00;
}

.billboard {
	float:left;
}

#view-more {
	margin:-16px 0 0 620px;
	position:relative;
	z-index:99;
	float:left;
}

#view-more a {
	text-decoration:none;
	color:#FFF;
	display:block;
	background-color:#00CC00;
	line-height:16px;
	height:18px;
	font-size:9px;
	padding:0 5px 0 5px;
}

#images-wrapper ul {
	width:100%;
	margin:10px 0;
	float:left;
}

#images-wrapper ul li {
	width:128px;
	height:112px;
	list-style:none;
	float:left;
	text-align:center;
} 

#images-wrapper ul li img {
	width: 120px;
	height:112px;
	border:none;
}

#images-wrapper ul li a {
	text-decoration:none;
	border:none;
	display:block;
}

/* Main Text */

#twitter-stream {
	margin:10px 0 20px 0;
	width:170px;
	padding-left:10px;
	height:auto;
	float:left;
	display:inline;
	border-left:1px solid #EFEFEF;
}

.twtr-ft {
	display:none;
}

#main-text {
	width:350px;
	height:auto;
	float:left;
	margin:15px 15px 20px 20px;
	display:inline;
}


.project-wrapper {
	margin:30px 0 30px 0;
    padding:5px 0 5px 0;
	border-top: 1px dotted #DDDDDD;
}

/* Awards List */

#awards-wrapper {
	margin:10px 20px 0 0;
	width:180px;
	height:auto;
	float:right;
	border-left:1px solid #EFEFEF;
	display:inline;
}

#awards-text {
	vertical-align:top;
	text-align: left;
	font-size:10px;
	line-height:12px;
	color: #333333;
	margin:5px 0 30px 15px;
}

#awards-text h2 {
	margin:10px 0px 10px 0;
	border-bottom:1px dotted #DDDDDD;
	padding-bottom:5px;
}

#awards-text p,ul {
	font-size:12px;
	line-height:1.2;
}

#awards-text h3 {
	font-size:10px;
}

#awards-text li {
  	list-style-type:none;
	margin-bottom:10px;
  }
  
 /* Footer */
 
 #copyright {
	text-align:left;
	width:770px;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
 }
 
 #copyright p {
 	font-size:9px;
	line-height:10px;
	color:#999;
 }
 
 /* Clearfix */
 
 .clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.black {
    background:none #000;
}

#hamster {
	background-image:url(../images/cage.png);
	width:770px;
	height:320px;
}

#hamster img {
	margin-left:120px;
	margin-top:25px;
}