html {
  height:100%; 
}
img, a img {
	border:none;
}
body { 
  background-color: #fff; 
  color: #333; 
  height: 100%; 
  padding-top: 5%;
  font-family: arial, helvetica, sans-serif;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   10px;
  line-height: 10px;
  padding: 0;
}

#wrapper {
  position:relative;
  margin-left: auto;
  margin-right: auto;
  margin-top:-19px;
  width:960px; 
  height:756px;
}
.dog {
  display:none;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { 
  text-decoration:none;
  background-color:none;
}
a img { 
  text-decoration:none;
  border: none;
}
a:hover { color: #fff; background-color:none; }

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}
ul,li {
  list-style:none;
  margin: 0;
}
#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#errorExplanation p {
  color: #222;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/*********** Config-1 **************/
body.config-1 #project {  /*  project left --- these styles are getting applied AT ALL in ie6.  ie7 is OK.  
	Maybe because there are two selectors in one...    Changing: #project.config-1    to: body.config-1 #project instead*/
  position:absolute;
  top:100px;
  left:0px;
}
body.config-1 #dialogue {  /* dialogue left  */
  position:absolute;
  top:233px;
  left:460px;  
}
body.config-1 #studio {  /* studio left  */
  position:absolute!;
  top: 167px;
  left: 560px;
}

/*********** Config-2 **************/
body.config-2 #studio {  /* project center  */
  position:absolute;
  top: 225px;
  left: 0px;
}
body.config-2 #project {  /* project center  */
  position:absolute;
  top:100px;
  left:150px;
}
body.config-2 #dialogue {  /* project center  */
  position:absolute;
  top:75px;
  left:615px;  
}


/*********** Config-3 **************/
body.config-3 #dialogue {  /* project right  */
  position:absolute;
  top:175px;
  left:20px;  
}
body.config-3 #studio {  /* project right  */
  position:absolute;
  top: 300px;
  left: 355px;
}
body.config-3 #project {  /* project right  */
  position:absolute;
  top:100px;
  left:518px;
}

/********************* MOCKUP LINKS  **********************/
#mockup-link {
  position:fixed;
  top:3px;
  left:3px;
  z-index:1001;
  color:#ccc;
}
#mockup-link a{
  color:#ccc;
}
#top-nav {
  position:absolute;
  top:33px;
  left:0px;
}
.top-nav-link {
	display:block;
	float:left;
	margin-right:8px;
}
/********************* WIDGET  **********************/
.link {
  position:fixed;
  top:3px;
  right:3px;
  z-index:1001;
  color:#ccc;
}
.link * {
  display:block;
}
.link a {
  color:#ccc;
  text-align:right;
  padding-bottom:4px;
}
.link a#page_link {
  position:absolute;
  top:2px;
  right:0px;
}
.link a:hover {
  color:#fca;
  background:none; 
}
#hide_link {
  float:right;
}
#widg {
  position:relative; 
  height: 45px; 
  margin:0 8px 8px 8px; 
  padding:5px 11px 3px 8px; 
}
#debug1 {
  position:absolute; 
  bottom:-5px; 
  right:13px;
}
#track1 {}
#handle1 {opacity:.2;}

/********************* ADDRESS AND LOGO  **********************/
#address {
  position:fixed;
	_position:absolute;
  left:40px;
	_left:0px;
  bottom:40px;
	/* 	_position:absolute; find a way to target ie6 but not ie7 with this*/
  z-index:1001;
  color:#888;
  margin:0;
  padding:0;
  line-height:12px;
}
#address a, #address a:link, #address a:hover, #address a:visited, #address a:active {
  text-decoration:underline;
  color:#888;
}
img#logo {
  position:fixed;
	_position:absolute;
  right:40px;
	_right:0px;
  bottom:40px;
	/* 	_position:absolute; find a way to target ie6 but not ie7 with this*/
  z-index:1001;
}

/********************* BLOCKS (CELLS)  **********************/
.cell {
  position:absolute!important;
  z-index:9;
}
#project.cell {
  z-index:10
  color:rgb()
}
#dialogue.cell {
  z-index:11;
}
#studio.cell {
  z-index:8;
}
.config-3.center-on-top #studio {
	z-index:12;
}
#dialogue.cell, #dialogue.cell a {
  color:rgb(76, 103, 55);
}
#dialogue-scroll-buttons {
  position:absolute;
  bottom:10px;
  right:10px;
  width:15px;
}
#dialogue-scroll-buttons img {
  padding-top:8px;
}
#studio-scroll-buttons {
  position:absolute;
  bottom:10px;
  right:10px;
  width:15px;
}
#studio-scroll-buttons img {
  padding-top:8px;
}
#studio.cell, #studio.cell a {
  color:rgb(40, 187, 246);
}

/********************* BLOCKS CONTENT  **********************/
#dialogue-content {
  height:405px; width:315px; background-color:rgb(225, 244, 253);
}
#dialogue-window {
  position:relative;
  top:20px;
  left:20px;
  height:345px; 
  width:255px;
  overflow:hidden;
}
#dialogue-window img {
  padding-top: 5px;
}
#dialogue-content-inner {
  line-height:13px;
  position:absolute;
  top:0px;
  left:0px;
  width:255px;
}
#dialogue-content div.inner .entry {
  border-bottom:1px solid;
  padding-bottom:8px;
  margin-bottom:11px;
}
.entry p {
  margin:0 0 2px 0;
  line-height:13px;
}
#studio-content {
  width:405px; height:315px; background:none;	
}
#project-image {
  width:440px;
}
#project-image.info {
/*  font-size: 15px;
  padding: 10px;
  line-height: 16px;
  width: 420px;
  display:block;
  min-height:300px;*/
}
#project-image-caption {
	position:relative;
	top:-3px;
	left:0px;
}
a.clear-both {
  clear:both
}
a.pdf-link {
  display:block;
  padding:2px 0 10px 0;
}
a.pdf-link img {
  padding-left: 6px;
}
#studio-people-pdf-link {
	position:absolute;
	top:24px;
	right:50px;
	font-size:10px;
}
.inline-pdf-icon-link img{
	position:relative;
	top:3px;
}
#auxiliary-wrapper {
  position:absolute;
	bottom: 0px;
	left: 0px;
}
#images-block {
	height:560px;
}

/********************* MENUS  **********************/
div.section-heading {
  position:absolute;
  left:0px;
  top:-26px;
  z-index:50;
}
#project div.section-heading {
 /* top:-25px;*/
}
div.section-heading ul {
  display:none;
  position:relative;
  top:0;
  left:0px;
}
#project div.section-heading ul{
}

div.section-heading:hover ul {
  background-color:#fff;
  display:block;
}
div.over ul {
	background-color:#fff;
  display:block;
}
div.section-heading ul a:link{
  background-color:#fff;
}
a.section-heading, a.section-heading:link, a.section-heading:hover, a.section-heading:visited, a.section-heading:active {
  display:block;
  font-size: 18px;
  line-height: 22px;
  font-weight: lighter;
  padding-bottom: 0px;
}
#project a.section-heading, #project a.section-heading:link, #project a.section-heading:hover, #project a.section-heading:visited, #project a.section-heading:active {
  display:block;
  font-size: 18px;
  font-weight: lighter;
  padding-bottom: 0px;
  color:rgb(252, 96, 0);
}
#studio a.section-heading, #studio a.section-heading:link, #studio a.section-heading:hover, #studio a.section-heading:visited, #studio a.section-heading:active {
  font-size: 18px;
  font-weight: lighter;
  padding-bottom: 0px;
  color:rgb(40, 187, 246);
}
#dialogue a.section-heading, #dialogue a.section-heading:link, #dialogue a.section-heading:hover, #dialogue a.section-heading:visited, #dialogue a.section-heading:active {
  display:block;
  font-size: 18px;
  font-weight: lighter;
  padding-bottom: 0px;
  color:rgb(76, 103, 55);
}
#magnify {
	position:absolute;
	left:424px;
	top:-25px;
}
#project-heading a:hover {
/*	background-color:white;
*/}
span.picture_for_string-wrapper {
/*	background-color:white;
*/}
#project-section-head-wrap {
	position:relative;
}
.project-section-head-divider {
}
#project-section-head-wrap span.picture_for_string_wrapper {
}
#just-projects-section-head-word {
	
}
#project-section-head-title {
	
}
a.section-heading img {
  margin-bottom: -4px;
  padding-bottom: none;
  margin-right: 8px;
/*	background-color: #fff;
*/}
a.section-heading img {
  margin-bottom: -4px;
  padding-bottom: none;
  margin-right: 8px;
/*	background-color: #fff;
*/}
a.section-heading span{
  line-height:22px;
  /*text-decoration:underline;*/
}
#project, #project a {
  color:rgb(252, 96, 0);
}
#project div.section-heading ul a{
  color:rgb(252, 96, 0);
}
#project div.section-heading ul a:hover{
  background-color:rgb(252, 96, 0);
  color:#fff;
}
#studio div.section-heading ul a:hover{
  background-color:rgb(40, 187, 246);
  color:#fff;
}
#dialogue div.section-heading ul a:hover{
  background-color:rgb(76, 103, 55);
  color:#fff;
}
ul.drop-down {
  text-indent: 15px;
  padding: 15px 0px 10px 0;
	margin-top: 4px;
  width: 140px;
}
ul.drop-down ul, ul.drop-down li {
  line-height:13px;
}
ul.drop-down ul {
}
ul.drop-down a {
  display: block;
  width:100%;
}
.category-heading li a {
  text-indent: 30px;
}

/********************* THUMBS BLOCK SWITCHES SIDES  **********************/
body.config-1 #project #images-block, body.config-2 #project #images-block {
  position:absolute;
  left: 450px;
  top: 0px;
  width: 220px;
}
body.config-3 #project #images-block {
  position:absolute;
  left: -225px; /* width - margin-right of li.link-to-image + space between divs*/
  top: 0px;
  width: 260px;
}

/********************* IMAGE BLOCK  **********************/
#image-category-tabs {
	position:absolute;
	top: -18px;
	left: 0px;
}
.image-category-tab {
	padding-right:8px;
}
#images-block #image-category-tabs .active-tab a {
	text-decoration:none; 
}
#images-block #image-category-tabs .inactive-image-category-tab a {
	text-decoration:underline; 
}
#images-block ul {
	line-height:13px;
}
#images-block-lower {
	margin-top: -7px;
}
li.link-to-image {
  display:block;
  float:left;
  width:49px;
  height:62px;
  margin-right:5px;
  margin-bottom:5px;
  background-color:rgb(252, 96, 0);
}
div.thumb-wrapper {
  display:block;
  height:62px;
  width:49px;
  background-color:#fff;
}
div.this-thumb {
	background-color:rgb(252, 96, 0);
}
#download-pdf-icon-link {
	position:relative;
	top:3px;
}
#link-to-info a {
	display:block;
	width:49px;
	height:62px;
	background:url(../images/INFObox_orange.png) no-repeat -49px 0px;
	float:left;
}
#link-to-info a:hover {
	background-position: 0px 0px;
}
#link-to-info div.this-thumb a {
	background:none;
}
#link-to-info div.this-thumb a:hover {
	background:none;
}
/********************* PDFS  **********************/
#pdf-container {
  width:100%;
  position:fixed;
  top:21px;
  left:0px;
  color:rgb(252, 96, 0);
  overflow: hidden;
  font-size: 12px;
}
#pdf-container *{
  font-size: 11px;
}
#pdf-heading {
  height:35px;
}
ul.pdf {
  margin:0 37px 0 40px;
  display:block;
}
li.pdf-line {
  width:100%;
  line-height:18px;
  display:block;
  clear:left;
  overflow:hidden;
}
div.pdf-project span {
	float:left;
}
div.pdf-project a:link, div.pdf-project a:visited {
	font-size:9px;
	text-decoration:underline;
	color:#f3c;
}
div.pdf-project a:link img, div.pdf-project a:visited img{
	text-decoration:none;
}
div.pdf-item img {
	clear:none;
	float:right;
}
div.pdf-active:hover div.pdf, div.pdf-active:hover div.pdf *{
  color:#fff!important;
  border-color:rgb(252, 96, 0);
  background:url(/images/orange_background.png);
}
li.pdf-line div {
  display:block;
  float:left;
}
li.pdf-line div.pdf {
  border-top:solid 1px;
}
li.pdf-line div.title {
  border-top:none;
}
div.pdf-project {
  width:40%;
}
div.pdf-project a{
	clear:none;
  float:right;
  padding-right:12px;
}
div.pdf-category {
  margin: 0 0 0 1%;
  padding:0;
  width:19%;
}
div.pdf-location {
  margin: 0 0 0 1%;
  width:19%;
}
div.pdf-year {
  margin: 0 0 0 1%;
  width:19%;
}
div.pdf-im {
  display:block;
  width:100%;
  height:auto;
  clear:both;
}
div.pdf-im img {
  display:block;
  float:left;
  margin: 7px 7px 10px 0;
}
#back-link {
	clear:left;
	float:left;
	padding:10px 0 32px 40px;
}

/********************* ADMIN  **********************/
#admin-white-cheater {
	position:absolute;
	right:0;
	top:0;
	height:5000px;
	width:40px;
	z-index:50;
	background-color:white;
}
#admin-menu a:link, #admin-menu a:visited {
	color:gray;
}
#admin-menu {
	position:absolute;
	top:180px;
	left:40px;
	width:92%;
	color:rgb(252, 96, 0);
	z-index:10;
	font-size:12px;
	line-height:16px;
	background-color:white;
}
.heads {
	overflow:hidden;
	position:relative;
}
#admin-menu #admin-menu-project-title span.admin-menu-title-word {
	font-size:16px;
	line-height:20px;
}
span.admin-menu-title-word {
	position:relative;
}
#admin-menu #admin-menu-project-title span.admin-menu-title-word:hover {
	color:#fff;
	background-color:rgb(252, 96, 0);
}
#admin-menu #admin-menu-studio-title span.admin-menu-title-word {
	font-size:16px;
	line-height:20px;
}
#admin-menu #admin-menu-studio-title span.admin-menu-title-word:hover {
	color:#fff;
	background-color:rgb(40, 187, 246);
}
#admin-menu #admin-menu-studio-title span.admin-menu-title-word, #admin-menu-studio-list {
	color:rgb(40, 187, 246);
}
#admin-menu #admin-menu-dialogue-title span.admin-menu-title-word {
	font-size:16px;
	line-height:20px;
}
#admin-menu #admin-menu-dialogue-title span.admin-menu-title-word:hover {
	color:#fff;
	background-color:rgb(76, 103, 55);
}
#admin-menu #admin-menu-dialogue-title span.admin-menu-title-word, #admin-menu-dialogue-list {
	color:rgb(76, 103, 55);
}
#admin-menu-closing-hairline {
	width:100%;
	height:1px;
	border-top:1px solid rgb(76, 103, 55);
}
#admin-notes-closing-hairline {
	width:100%;
	height:1px;
	border-top:1px solid #ccc;
}
.admin-menu-right-links {
	text-align:right;
	position:absolute;
	right:0px;
}
#admin-menu span.title {
	display:block;
	padding-bottom:8px;
	width:100%;
	font-size: 18px;
	color:gray;
}
#admin-menu span.admin-menu-title-word{
	display:block;
	font-size:12px;
	line-height:16px;
	width:100%;
	color:rgb(252, 96, 0);
  border-top:1px solid;
}
#admin-menu span.admin-menu-right-links a:hover{
	color:#fff;
	background:none;
}
#admin-menu span.column {
	display:inline;}
#admin-menu div.admin-menu-row a{
	border:none;
	display:inline;
}
#admin-menu div.active-false {
	background-color:#fcc;
}
.admin-menu-row {
	border-top:1px solid #ccc;
}
div.admin-menu-row:hover {
	color:white;
	background-color: #ccc;
}
img.landing-image{
	border:3px solid rgb(252, 96, 0);
}

div.sub {
	padding-left:15px;
}
div.sub-sub {
	padding-left:30px;
}
div.dialogue-entries-sub-head img {

}
span.dialogue-entry-text-sub {
	display:block;
	width: 80%;
	max-height:48px;
	overflow-y:hidden;
	margin-top:4px;
}
span.dialogue-entry-text-sub p {
	margin-top:0;
}

span.dialogue-entries-sub-menu-right-links {
	
}
div.dialogue-sub {
	border-top:1px solid #ccc;
	clear:both;
}
div.dialogue-sub img {
	padding:5px;
}

div.dialogue-entry-sub {
	border-top:1px solid #ccc;
	position:relative;
}
#notes-title {
	color:#333!important;
	position:absolute;
	top:0;
	right:10px;
}
#begin-notes {
	font-size:14px;
	line-height:16px;
}
#notes {
	font-size:14px;
	line-height:16px;
	position:absolute;
	top:25px;
	right:10px;
	width:730px;
	z-index:11;
	background-color:white;
	color:#333;
}
#notes span {
	display:block;
	clear:both;
	padding-left:10px;
	padding-top:8px;
	width:600px;
}
#notes span span {
	padding-left:20px;
}
#notes span span span {
	padding-left:30px;
}
/*********************** TESTJS **********************/
body.pdfs-body {
	margin:0;
}
.pdfs-body #top-nav {
	left:40px;
}

#thing {
	clear:left;
	position:relative;
	top:200px;
	margin:0 40px 0 40px;
}
.facciolei {
	overflow:hidden;
}
.facciolei:hover span{
	background-color:#fcc;
}
.pdf-activ:hover span{
	background-color:transparent;}
.over span {
	
}

.topline:hover {
	background-color:red;
}
.project-cell, .category-cell, .location-cell {
	display:block;
	float:left;
	width:24%;
	margin-right:0;
	height:16px;
	border-top:1px solid green;
	
}
.year-cell {
	display:block;
	float:left;
	width:24%;
	margin-right:0;
	height:16px;
	border-top:1px solid green;
	
} 
.heads { clear:both; }
.hov { 
	overflow:hidden;
}
#thing a:hover {
	background-color:#fc2;
}
.pdf-spacer {
	display:block;
	float:left;
	height:16px;
	width:1%;
	border:none;
}