/*-----------------------------
RESET STYLES
-----------------------------*/
html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6
{
	margin:0;
	padding:0;
}
body
{
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 140%;
}
ul, li, ol, dl, dd, dt
{
	list-style:none;
	padding:0;
	margin:0;
} 
body, html {
	height: 100%; 
	overflow: hidden;
}
/*-----------------------------
	SITE SPECIFIC STYLES
-----------------------------*/

body
{
	background:#fff;
	font-family: Helvetica, Arial;
	color:#333;
}
p 
{
	margin-bottom:8px;
}
a
{
	color:#333;
	text-decoration:underline;
}
a:hover
{
	color:#000;
	text-decoration:none;
}
div.name a
{	
	text-decoration:none;
}
img
{ 
	border:0px;
	background:transparent;
	padding:0px;
	margin:0px;
}
.btn { cursor:pointer; }

/*-----------------------------
	HEADINGS
-----------------------------*/

h1
{
	display:block;
	width:112px;
	height:41px;
	text-indent:-5000px;
}

/*-----------------------------
	BASIC LAYOUT
-----------------------------*/
#logo_content 
{
	width:120px;
	height:100%;
	overflow:hidden;
	z-index:2;
	margin-left: 100px;
	margin-top: 40px;
	position: absolute;
	left:0;
	top:0;
}
#page_content 
{
	height: 100%; overflow: auto; position: relative; z-index: 1;
	margin-left: 300px;
}
#page_content .content
{
	min-width: 690px;
	max-width: 800px;
}
div.content_spacer
{
	height: 172px;
}
div.home_button
{
	height: 32px;
	margin-top: 140px;
}
div.project
{
	width:670px;
	margin-bottom:48px;
}
div.project #name, div.project #nav
{
	float:left;
	margin-top:10px;
	height:52px;
	font-weight:200;
	letter-spacing:1px;
	font-size:32px;
}
div.project #nav{ float:right; }
div.project #nav a { text-decoration:none; }
div.project #nav a:hover { text-decoration:underline; }
div.project #info
{
	margin-bottom:24px;
	min-height:100px;
	width:440px;
}
div.project .image
{
	margin-bottom:24px;
}
div.grid {
	float:left;
	margin-right: 47px;
	margin-bottom: 47px;
	width: 192px;
	height: 140px;
	overflow: hidden;
}
div.grid .blank {
	width: 192px;
	height: 140px;
	position: relative;
	z-index: 102;
	background-color:#fff;
}
div.grid .grayscale {
	width: 192px;
	height: 140px;
	top: -140px;
	position: relative;
	z-index: 101;
}
div.grid .color {
	width: 192px;
	height: 140px;
	top:-280px;
	position: relative;
	z-index: 100;
}
	
/*-----------------------------
	MARK-UP
-----------------------------*/
div.projecttitle {
	float:left;
	font-weight:400;
}
div.function {
	font-style:italic;
}
div.copyright {
	font-size:9px;
}
div.address {
	
}
div.logo {
	margin-top:12px;
	margin-bottom:20px;
	height:100px;
}
div.name {
	font-size:15px;
}
div.name, div.phone, div.function, div.address {
	margin-bottom:8px;
}
div.phone .nr {
	float:left;
	margin-right:2px;
}
div.clear {
	clear:both;
}
div.name a {
	color:#222;
}

:focus {
	outline:0;
}
::selection {
	background-color:#ee0;
}
::-moz-selection {
	background-color:#ee0;
}