*
{
	padding: 0;
	margin: 0;
}

html, body
{
	font-family: Helvetica, arial, verdana, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 14px;
	color: #000;
}

body
{
	background-color: #FFF;
	padding: 0 0 50px 0;
}

a	
{
	color: #000;
	text-decoration: none;
}

a:link	
{

} 

a:visited	
{

} 

a:active	
{ 
	
} 

a:hover		
{ 
	color: #9C9D9F;
} 
	
img	
{
	border: none;
}
	
h1	
{
}

h2	
{
}		

h3	
{
}
	
h4	
{
	
}

p	
{
	
}
	
img	
{
	
}


/* Positioning
------------------------------------------------------------------*/

#wrapper
{
	position: relative;
	width: 916px;
	margin: 0 0 0 36px;
}

#header
{
	position: relative;
	width: 100%;
	height: 115px;
}

#header img
{
	position: absolute;
	bottom: 35px;
}

#nav
{
	position: relative;
	float: left;
	width: 180px;
	margin: 0 36px 0 0;
}

#nav ul
{
	list-style: none;
	margin: 0 0 5px 0;
}

#nav ul li
{
	line-height: 10px;
	margin: 0 0 4px 0;
	font-weight: bold;
	color: #9C9D9F;
}

#nav ul li ul
{
	list-style: none;
	margin: 0 0 8px 0;
}

#nav ul li ul li
{
	line-height: 10px;
	font-weight: normal;
}

#nav ul li.top
{
	margin: 0 0 20px 0;
}

#nav ul li.bottom
{
	margin: 20px 0 0 0;
}

#nav .address
{
	color: #000;
}

#nav .copyright a
{
	color: #9C9D9F;
}

#nav .copyright a:hover
{
	color: #000;
}

#home, 
#bio,
#services,
#press,
#project, 
#archive
{
	position: relative;
	float: left;
	width: 700px;
}

#bio img,
#services img
{
	position: relative;
	float: left;
}

#press #medias
{
	position: relative;
	float: left;
	width: 412px;
}

#press #medias .media
{
	position: relative;
}


#bio .col1,
#bio .col2,
#services .col1,
#services .col2,
#press .col,
#project .col1,
#project .col2
{
	position: relative;
	float: left;
	width: 268px;
	margin: 0 0 0 20px;
}

#project #info
{
	width: 700px;
	margin: 0 0 20px 0;
}

#project .col1
{
	margin: 0 0 0 0;
}

#bio .col2,
#project .col2
{
	color: #9C9D9F;
}

#bio .col2 a,
#project .col2 a 
{
	color: #9C9D9F;
}

#bio .col2 a:hover,
#project .col2 a:hover
{
	color: #000000;
}

#project .col1 h2,
#project .col2 h2
{
	font-size: 11px;
}

#project .col1 h3,
#project .col2 h3
{
	display: inline;
	font-size: 11px;
}

#project .col1 p,
#project .col2 p
{
	display: inline;
}

#project .category
{
	position: relative;
	float: left;
	margin: 0 0 0 20px;
}

#project .media
{
	margin: 0 0 20px 0;
}


#archive ul
{
	list-style: none;
}

#archive ul li
{
	position: relative;
	float: left;
	width: 124px;
	margin: 0 20px 20px 0;
}

#archive ul li.last
{
	margin: 0 0 20px 0;
}


/* Colors
------------------------------------------------------------------*/

#nav
{
	color: #9C9D9F;
}


/* Clear Floated Elements
------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://www.positioniseverything.net/easyclearing.html */

.clearfix:after {
	clear: both;
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}