*{
	padding: 0;
	margin: 0;
	list-style: none outside;
}

BODY{
	color: #999999;
   background-color: #10110d;
   font: 12px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	padding-top: 15px;
	padding-left: 42px;
	padding-bottom: 0px;
	padding-right: 34px;
}

A, A:link, A:hover, A:active{
   color: White;
}
A:visited{
   color: #CCC;
}

P{
   margin-bottom: 10px;
}
P.intro{
   color: White;
}

.white{
   color: white;
}


FORM{
}

INPUT{
   font: inherit;
	padding: 4px 7px;
	padding-bottom: 5px;
	border: 0;
	background: White;
	color: #606060;
	width: 188px;
	margin: 0;
}

.inputBlock{
	float: left;
	clear: both;
   margin-bottom: 5px;
	background: white;
}

.inputBlock IMG,
.inputBlock INPUT{
	display: block;
}

.submit{
	clear: both;
	display: block;
	width: 95px;
	height: 27px;
	padding: 3px 7px;
	text-align: left;
	padding-left: 20px;
	padding-top: 0px;
	color: White;
	cursor: pointer;
	line-height: 18px;
	font-size: 11px;
	background: #10110d url(images/bt_send.gif) no-repeat top left;
}
.submit:hover{
   background-position: 0 -30px;
}


.home P{
   width: 418px;
}

UL.collapsedList{
	margin: 0;
	padding: 0;
}

UL.collapsedList LI{
	padding-left: 20px;
	background: transparent url(images/list_collapse_minus.gif) no-repeat 0px 0.4em;
	margin-bottom: 10px;
}

UL.collapsedList LI.closed{
	background-image: url(images/list_collapse_plus.gif);
	cursor: pointer;
}

UL.collapsedList LI P{
	margin: 0;
}

UL.collapsedList LI.closed P{
	display: none;
}

IMG{
   background-color: #191a16;
}


H1{
	text-transform: uppercase;
   font: 24px/26px "Times New Roman", Times, serif;
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
	margin-top: 30px;
	margin-bottom: 12px;
}
H1.first{
   margin-top: -5px;
}

H1.h1Projects{ background-position: 0 -30px;}
H1.h1Samples{ background-position: 0 -60px;}
H1.h1Contact{ background-position: 0 -90px;}
H1.h1Hello{ background-position: 0 -120px;}
H1.h1Recent{ background-position: 0 -150px;}
H1.h1About{ background-position: 0 -180px;}
H1.h1Exhibitions{ background-position: 0 -210px;}
H1.h1Docs{ background-position: 0 -240px;}
H1.h1Publications{ background-position: 0 -270px;}
H1.h1Awards{ background-position: 0 -300px;}


.projects H1{ margin-bottom: 20px; }
.samples H1{ margin-bottom: 20px; }
.project H1{ margin-bottom: 0; }

H1 SPAN{ display: none; }

H2{
	color: White;
	font: 12px/20px "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}
H2 .less{
	color: #505050;
	font-size: 9px;
}

.highlight{
   color: White;
}

.clear{
   clear: both;
	float: none;
	height: 0;
	overflow: hidden;
}


#header{
   clear: both;
   height: 98px;
	width: 862px;
}

.liquid #header{
	width: 100%;
}

#logo{
	position: absolute;
   display: block;
	width: 200px;
	height: 55px;
   background: transparent url(images/header_logo.gif) no-repeat 0 0;
}

#logo:hover{
   background-position: 0 -55px;
}

#logo SPAN{
   display: none;
}

#back{
   position: absolute;
	display: block;
	width: 30px;
	height: 36px;
	background: transparent url(images/backLink.gif) no-repeat 0 5px;
	top: 105px;
	left: 0;
}

#back:hover{ background-position: 0 -45px; }

#back SPAN{ display: none; }

.spot{
	position: absolute;
	display: block;
	width: 95px;
	height: 95px;
	left: 842px;
	top: 90px;
   background: transparent url(images/spot_66degrees_en.gif) no-repeat 0 0;
	text-indent: -3000px;

	_background-color: #f7a803 !important;
	_margin-top: 23px;
	_margin-left: -10px;
}

.spot:focus{
	outline: 0;
}


#tools{
   color: #4a4a47;
   float: right;
	font-size: 11px;
	line-height: 14px;
	margin-top: 17px;
	margin-right: 8px;
}

#tools LI{
	float: left;
}

#tools LI A{color: #4a4a47;}
#tools LI A:hover{color: White;}




#main{
   clear: both;
	width: 872px;
	margin-bottom: 50px;
}
.liquid #main{
	width: 100%;
}

.block{
   clear: both;
}

.sidebar{
	clear: right;
	float: left;
   width: 200px;
	margin-right: 18px;
	margin-bottom: 36px;
}

.sidebar P{
   color: White;
}

.sidebar P.less{
   color: #999999;
}



#nav{
   margin-top: -5px;
}

#nav UL{

}

#nav LI{
	float: left;
	clear: left;
}

#nav A{
	color: #acd9d3;
	display: block;
	text-transform: uppercase;
   font: 24px/37px "Times New Roman", Times, serif;
	background-repeat: no-repeat;
	background-position: top left;
	height: 30px;
	margin-bottom: 7px;
   font-weight: normal;
	width: 200px;
}
#nav A:hover{
	color: White;
}

#nav LI.navProjects A{ background-position: 0 -60px;}
#nav LI.navSamples A{ background-position: 0 -120px;}
#nav LI.navAbout A{ background-position: 0 -180px;}
#nav LI.navContact A{ background-position: 0 -240px;}

#nav LI.navProjects A:hover{ background-position: -200px -60px;}
#nav LI.navSamples A:hover{ background-position: -200px -120px;}
#nav LI.navAbout A:hover{ background-position: -200px -180px;}
#nav LI.navContact A:hover{ background-position: -200px -240px;}

#nav A SPAN{
	display: none;
}

.content{
	clear: right;
   float: right;
	width: 654px;
	padding-bottom: 36px;
}
.about .content{
	clear: left;
   float: left;
	width: 418px;
	margin-right: 18px;
}
.projects .content,
.samples .content{
	clear: both;
   float: none;
	width: auto;
}
.projects .content,
.home .content{
	padding-bottom: 10px;
}


.project .content TABLE{
	border: 0;
}
.project .content TD{
	vertical-align: top;
}
.photo{
   vertical-align: bottom;
	margin-bottom: 8px;
	margin-right: 8px;
}
.photo-author{
	color: #4a4a47;
	font-size: 11px;
}


.meta{
	font-size: 11px;
	line-height: 16px;
   color: #8f8e8d;
}

.meta LABEL{
	display: block;
	color: #585956;
}

.meta{
   padding-bottom: 42px;
}

.meta LI{
   margin: 12px 0 12px;
}


.meta .date{
   float: left;
   width: 77px;
}
.meta .format{
   float: left;
}

.sidebar P{
   clear: both;
   margin: 10px 0;
}

.hr{
	clear: both;
   background: transparent url(images/separator_dots.gif);
	border: 0;
	height: 1px;
	overflow: hidden;
   margin: 16px 0;
}

.projectsList{
   clear: both;
}

.projectsList LI{
   float: left;
	margin-right: 18px;
	margin-bottom: 18px;
}

.projectsList LI A{
	clear: both;
   display: block;
	text-decoration: none;
}

.projectsList LI A:hover{
	text-decoration: underline;
}

.projectsList LI A IMG{
	clear: both;
	vertical-align: bottom;
	border: 2px solid White;
   opacity: 0.8;
}
.projectsList LI A:hover IMG{
   opacity: 1;
}

.projectsList H2{
	clear: both;
   font-size: 12px;
	line-height: 18px;
   font-weight: bold;
	margin-top: 4px;
}


.samplesList{
   clear: both;
}

.samplesList LI{
	float: left;
	margin-right: 8px;
	margin-bottom: 8px;
	text-transform: uppercase;
	font-size: 11px;
	line-height: 18px;
}

.samplesList LI A{
	display: block;
	cursor: default;
	text-decoration: none;
}

.samplesList LI A .details{
	display: none;
	position: absolute;
	background: #10110d;
	color: #F2F2F2;
	padding: 3px 6px 3px 0;
	margin-top: 230px;
	height: 14px;

}

.samplesList LI A:hover .details{
	display: block;
}

.samplesList LI IMG{
	vertical-align: top;
	border: 0;
}


#footer{
   clear: both;
   color: #4a4a47;
	font-size: 11px;
	line-height: 16px;
	width: 862px;
	margin-top: 50px;
	padding-top: 15px;
	padding-bottom: 18px;
	/*border-top: 1px solid #4a4a47;*/
	background: transparent url(images/separator_dots.gif) repeat-x top;
}

.liquid #footer{
	width: 100%;
}

#footer A{color: #4a4a47;}
#footer A:hover{color: White;}

/*#footer .home{
   float:left;
	width: 91px;
	margin-right: 18px;
}*/

#footer A.credits{
   float: right;
	text-decoration: none;
	margin-right: 8px;
}

#footer A.credits STRONG{
	text-decoration: underline;
}