/**************
LAYOUT CSS (shared by all html files)
**************/
body {
	font-family:verdana, trebuchet, sans-serif;
	font-size:.7em;
	line-height:1.7em;
	padding:1em;
}
body.reel {
	padding:0;
	margin:0;
}
/* GENERIC */
table, tr, td, div, span, h1, h2, h3, h4, h5, h6, p, b, i, strong, ul, li, img {
	font-size:100%;
	margin:0;
	padding:0;
}
table {
	width:100%;
}
td {
	vertical-align:top;
}
a {
	text-decoration:none;
}
img, a img {
	border:0;
	padding:0;
}
/* DEBUGGING OVERLAY */
#debugarea {
	position:absolute;
	top:0;
	right:0;
	margin:1em;
	width:25%;
	height:100%;
}
#debugarea textarea {
	width:100%;
	height:95%;
}
/* GENERIC SECTION */
div.section {
	padding:.5em 0 .5em 0;
	min-width:80em;
}
.project_windwo div.section {
	width:100%;
}
div.section a, .reel.viewer a {
	padding:.25em;
}
div.section .cell a {
	padding:0;
}
/* HEADER */
#header {
	position:relative;
	height:8em;
	border:0;
	padding:0;
	line-height:180%;
}
#header a {
	padding:0;
}
#header #title {
	position:absolute;
	top:0;
	left:20em;
	letter-spacing:-.05em;
}
#header #title .main {
	font-size:150%;
}
#header #title .sub {
	font-size:150%;
	font-weight:normal;
}
#header #locations {
	position:absolute;
	width:10em;
	right:10.75em; /* 10 + .75 to compensate for extra pixel added to the section to fit more content */
	top:.25em;
}
#header #locations a {
	font-weight:normal;
}
/* NAVIGATION */
.navigation {
	padding-right:15px;
	padding-bottom:10px;
}
body, #container, .section, table, tr, td, ul, li {
	position: relative;
}
td.navigation {
	width:20em;
}
td.navigation a {
	font-weight:bold;
}
td.navigation a.link0, /* SECTION HEADERS */ td.navigation a.staticlink0 { /* staticlink for project and press pages */
	letter-spacing:-.05em;
	font-size:150%;
	line-height:150%;
	margin-left:-.1em; /* for left alignment with smaller links */
}
td.navigation ul {
	list-style:none;
	width:20em;
}
td.navigation li ul {
	display:none;
	width:10em;
}
#project_window td.navigation li ul {
	width:20em;
}
td.navigation li.open ul {
	display:block;
}
td.navigation ul.level2 { /* SECOND LEVEL */
	position:relative;
	top:-1.7em;
	left:10em;
	width:10em;
}
/* VIEWER */
.viewer.hidden {
	display:none;
}
.viewer {
	padding-top:7px;
}
/* CELLS */
.thumb, /* used on the press pagegs */ .cell {
	float:left;
	z-index:1000;
	margin: 0 .5em .5em 0;
}
div.cell, div.cell img {
	width:19.5em;
}
div.cell.half, div.cell.half img {
	width:9.5em;
}
div.cell.double, div.cell.double img {
	width:39.5em;
}
div.cell.triple, div.cell.triple img {
	width:59.5em;
}
div.cell.quatruple, div.cell.quatruple img {
	width:79.5em;
}
div.cell.quintuple, div.cell.quintuple img {
	width:99.5em;
}
div.cell.sextuple, div.cell.sextuple img {
	width:129.5em;
}
div.cell.septuple, div.cell.septuple img {
	width:149.5em;
}
/* CELL ROLLOVER OVERLAYS */
/* for IE 6- */
div.cell, div.cell {
	position:relative;
}
div.cell .caption {
	margin-bottom:.5em;
	padding:.5em;
	height:4em;
}
div.cell:hover .caption {
	display:block;
}
/* NON IE 6- */
div.cell > a .caption, div.cell > .caption { /* ignored by IE 6- */
	position:absolute;
	bottom:0;
	left:0;
	margin:1em;
	display:none;
	height:auto;
}
/* Feautre description */
div.description {
	display:block;
	float:left;
	letter-spacing:-.05em;
	width:100%;
	max-width:60em;
	padding:0 .5em 0 0;
}
div > .description {
	clear:left;
} /* ignored by IE 6- */
/* AUTO COLUMNS */
/*
#reference is used to determine the line-height. 
use (height over width)/10 - so for a 1.7em line-height, use 17 as height, and 10 as the width
*/
#reference {
	width:10em;
	height:17em;
}
/* #guide is used to determine the width of a single text column */
#guide {
	width: 20em;
	height:1px;
}
div.column, div.columnize { /* contains the cropped columns that slides up and down */
	overflow:hidden;
	float:left;
	width:40em;
}
div.cropped {
	overflow:hidden;
}
div.sledge {
	margin-right:1em;
}
/* div.sledge p { font-family:georgia,verdana,trebuchet,sans-serif; } */
#words_viewer .sledge { /* long text columns use serif font */
	font-family:georgia, serif;
}
#words_viewer .sledge p {
	font-size:130%;
}
/* SPECIAL MANUAL web COLUMNS */
div.column.narrow {
	width:19em;
	margin-right:1em;
}
div.column.wide {
	width:39em;
	margin-right:1em;
}
/* FORMS */
.viewer .form {
	padding:1em;
	margin-bottom:1em;
	width:37em;
}
.viewer input {
	padding:.25em;
}
.viewer .form input[type='submit'] {
	margin-bottom:1.7em;
}
.viewer .form input[type=text] {
	margin-bottom:1.7em;
}
.viewer .form p {
	margin-bottom:1.7em;
}
/* motion section specials */
#motion_viewer .description p {
	font-size:1.7em;
	line-height:120%;
}
/* photography SECTION SPECIALS */
#photography_viewer p {
	margin-bottom:1.7em;
}
/* web section specials */
#web_viewer table {
	width:59.5em;
}
#web_viewer tr:hover {
	background-color:#EEE;
}
#web_viewer .download {
	text-align:right;
}
/* FOOTER */
#footer p {
}
#video {
	display:none;
}
#boton_thumb {
	display:none;
}
#thumb_gallery {
	opacity: 0.8;
}
#thumb_gallery:hover {
	opacity: 1;
}
#photos {
	display:none;
}