/* 3ud-posn-04.css
 * Stylesheet for 3rd Uncle Design rev. 20070208-01
 * Copyright (c) 1995-2007 IKORO Digital All Rights Reserved
 * IKORO/Steven Wood <steven@ikoro.com> http://ikoro.com
 * Positioning Definitions
 */

/* GLOBAL POSITIONING PARAMETERS */
div {
	position:absolute;
	background-color:#fff;
	border:0;
}

/* ABSOLUTE POSITIONING: CELL GRID STRUCTURE */
/* 145x145 Cell Grid */
/* Includes allowance for 5px css hover border.  To activate set class="hot" */
/* Cell counts are zero-based in the form row-col like this: */
#cell-0-0, #cell-0-1, #cell-0-2, #cell-0-3, #cell-0-4, #cell-0-5,
#cell-1-0, #cell-1-1, #cell-1-2, #cell-1-3, #cell-1-4, #cell-1-5,
#cell-2-0, #cell-2-1, #cell-2-2, #cell-2-3, #cell-2-4, #cell-2-5,
#cell-3-0, #cell-3-1, #cell-3-2, #cell-3-3, #cell-3-4, #cell-3-5
{
	width:135px; height:135px;
}
#cell-0-0	{ top:000px; left:000px; }
#cell-1-0	{ top:146px; left:000px; }
#cell-2-0	{ top:292px; left:000px; }
#cell-3-0	{ top:438px; left:000px; height:152px; }

#cell-0-1	{ top:000px; left:146px; }
#cell-1-1	{ top:146px; left:146px; }
#cell-2-1	{ top:292px; left:146px; }
#cell-3-1	{ top:438px; left:146px; height:152px; }

#cell-0-2	{ top:000px; left:292px; }
#cell-1-2	{ top:146px; left:292px; }
#cell-2-2	{ top:292px; left:292px; }
#cell-3-2	{ top:438px; left:292px; height:152px; }

#cell-0-3	{ top:000px; left:438px; }
#cell-1-3	{ top:146px; left:438px; }
#cell-2-3	{ top:292px; left:438px; }
#cell-3-3	{ top:438px; left:438px; height:152px; }

#cell-0-4	{ top:000px; left:584px; }
#cell-1-4	{ top:146px; left:584px; }
#cell-2-4	{ top:292px; left:584px; }
#cell-3-4	{ top:438px; left:584px; height:152px; }

#cell-0-5	{ top:000px; left:730px; }
#cell-1-5	{ top:146px; left:730px; }
#cell-2-5	{ top:292px; left:730px; }
#cell-3-5	{ top:438px; left:730px; height:152px; }

#pub-cell-1, #pub-cell-2, #pub-cell-3, #pub-cell-4,
#pub-cell-5, #pub-cell-6, #pub-cell-7, #pub-cell-8,
#pub-cell-9, #pub-cell-10, #pub-cell-11, #pub-cell-12,
#pub-cell-13, #pub-cell-14, #pub-cell-15, #pub-cell-16
{
        width:145px; height:145px;
}
#pub-cell-1	{ top:000px; left:292px; }
#pub-cell-2	{ top:146px; left:292px; }
#pub-cell-3	{ top:292px; left:292px; }
#pub-cell-4	{ top:438px; left:292px; height:162px; }

#pub-cell-5	{ top:000px; left:438px; }
#pub-cell-6	{ top:146px; left:438px; }
#pub-cell-7	{ top:292px; left:438px; }
#pub-cell-8	{ top:438px; left:438px; height:162px; }

#pub-cell-9	{ top:000px; left:584px; }
#pub-cell-10	{ top:146px; left:584px; }
#pub-cell-11	{ top:292px; left:584px; }
#pub-cell-12	{ top:438px; left:584px; height:162px; }

#pub-cell-13	{ top:000px; left:730px; }
#pub-cell-14	{ top:146px; left:730px; }
#pub-cell-15	{ top:292px; left:730px; }
#pub-cell-16	{ top:438px; left:730px; height:162px; }

/* RELATIVE POSITIONING: TOP-LEVEL CONTAINERS */
/* Alternate positioning method For relative positioning and flow control */
/* Common throughout the website */
/* Prefixed with g- */
/* Should not be hot and should not contain content directly, but within other DIVs */
/* Can be applied in different contexts */
/* Beware as this may cause trouble if you want differing functionality for the two divs. */
#g-canvas	{ top:015px; left:015px; width:145px; } /* Nest all subcontainers in this; sets global page margin */
#g-col-0	{ top:000px; left:000px; width:145px; }
#g-col-1	{ top:000px; left:146px; width:145px; }
#g-col-2	{ top:000px; left:292px; width:145px; }
#g-col-3	{ top:000px; left:438px; width:145px; }
#g-col-4	{ top:000px; left:584px; width:145px; }
#g-col-5	{ top:000px; left:730px; width:145px; }

#g-col-2to5     { top:000px; left:292px; width:584px; }

/* SECOND-LEVEL CONTAINERS */
/* These go inside the top-level containers */
#g-row-0	{ top:000px; left:000px; width:145px; height:145px; }
#g-row-1	{ top:146px; left:000px; width:145px; height:145px; }
#g-row-2	{ top:292px; left:000px; width:145px; height:145px; }
#g-row-3	{ top:438px; left:000px; width:145px; height:162px; }
#g-row-4	{ top:602px; left:000px; width:145px; height:145px; }
#g-row-5	{ top:748px; left:000px; width:145px; height:145px; }
#g-row-6	{ top:894px; left:000px; width:145px; height:145px; }
#g-row-7	{ top:1040px; left:000px; width:145px; height:145px; }
#g-row-8	{ top:1186px; left:000px; width:145px; height:145px; }
#g-row-9	{ top:1332px; left:000px; width:145px; height:145px; }
#g-row-10	{ top:1478px; left:000px; width:145px; height:145px; }
#g-row-11	{ top:1624px; left:000px; width:145px; height:145px; }
#g-row-12	{ top:1770px; left:000px; width:145px; height:145px; }
#g-row-13	{ top:1916px; left:000px; width:145px; height:145px; }
#g-row-14	{ top:2062px; left:000px; width:145px; height:145px; }
#g-row-15	{ top:2206px; left:000px; width:145px; height:145px; }
#g-row-16	{ top:2354px; left:000px; width:145px; height:145px; }

#g-row-1to2	{ top:146px; left:000px; width:145px; height:291px; }
#g-row-1to3	{ top:146px; left:000px; width:145px; height:454px; }
#g-row-2to3	{ top:292px; left:000px; width:145px; height:306px; }

#row-right-1 { /* Photo */
	/* This one we want to float */
	position:relative;
	top:0px;
	left:0px;
}

/* ADDITIONS FOR CMS */
#g-photo	{ top:000px; left:000px; height:600px; }
#g-debug        { top:602px; left:000px; }

/* Additions for Batching next/prev */
#g-batch        { top: 580px; z-index:100; }

/* TEXT ON PAGES */

#row-right-1-text { /* Main project description floats */
	position:absolute; /* w.r.t. bg */
	visibility:inherit;
	background-color:#fff; /* default for non-compat browsers */
	top:2px;
	left:2px;
	margin:8px 0 0 20px;
	width:411px;	/* photos may change, fix width of text */
	height:566px;
	z-index:90;

	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.80; /* Mozilla <= 1.6 */
	opacity: 0.80; /* css 3.0 */
}

#row-right-1-textbutton { /* Main project description floats */
	position:absolute; /* w.r.t. bg */
	visibility:inherit;
	background-color:#fff; /* default for non-compat browsers */
	border:1px solid #ddd;
	top:580px;
	left:0px;
	margin:0 0 0 20px;
	width:60px;
	height:12px;
	z-index:100;		/* button always on top */

	filter:alpha(opacity=80); /* IE */
	-moz-opacity:0.80; /* Mozilla <= 1.6 */
	opacity: 0.80; /* css 3.0 */
}

/* PAGE-SPECIFIC REGIONS */
/* We might merge these in the same file later on so avoid namespace collisions */
/* hp   Home Page             */
/* anx  Announcing Index      */
/* ann  Announcing Detail     */
/* rex  Recognition index     */
/* rec  Recognition detail    */

/* COLD regions */
/* These do not include border allowances for css hover borders */
/* (Contained in g-col-0) */
#hp-welcome		{ top:000px; left:146px; width:291px; height:145px; }
#sec-credit		{ top:443px; left:000px; width:145px; height:145px; }
/* (Contanied in g-col-1) */
#sec-aboutimg	{ top:000px; left:146px; width:678px; height:600px; }
#sec-onsitelist	{ top:000px; left:000px; width:145px; height:600px; }
#sec-recoglist	{ top:146px; left:000px; width:145px; height:454px; }
/* (Contained in g-col-2) */
#sec-rec-top	{ top:000px; left:000px; width:678px; height:145px; }
#sec-rec-spread	{ top:146px; left:000px; width:678px; height:455px; }

/* HOT Regions */
/* These include 5px border allowance for css hover borders */
/* #hp-announcing	{ top:146px; left:146px; height:444px; width:281px; } */
/* This one is "cold" */
#hp-announcing	{ top:146px; left:146px; height:454px; width:291px; }

/* ??? */
div.alignbottom {
	display:block;
	vertical-align:bottom;
}
div.ttlbtm {
	margin-top: 97px;
}

/* TODO */
/* border (un)hide on IE */

/* FIXES FOR KNOWN CSS BUGS */
/* IE5 Mac bottom margin problem */
/* Include in list all dynamically-sized regions bordering on page bottom margin */
#g-canvas,
#g-col-0,
#g-col-1,
#g-col-2,
#g-col-3,
#g-col-4,
#g-col-5,
#g-row-3,
#row-right-1,
#g-row-3 {
	margin-bottom:-15px;
}

/* IE5 Mac right margin problem */
/* Include in list all dynamically-sized regions bordering on page right margin */
#g-canvas,
#g-col-2,
#row-right-1 {
	margin-right:-15px;
}
/* EOF */