/* These are properties for the digitalbridge subsite pages */

/* ======================================= Page =========================================== */

div#page
{
	background-image: url(../images/common/background-page-with-flash.png);
}


/* =============================== Page: Secondary Header ====================================== */


/* The secondary-header (currently) runs across the top of the page and holds a Flash movie.
	All of its normal properties are in global.css and these are just overrides for the
	sake of the digitalbridge pages. */
div#page div#secondary-header
{
	height: 156px;

	top: 129px; /* This pushes the secondary-header below the (regular) header */

}

/* =========================== Content and Tertiary-Nav =========================== */

div#content-and-navigation div#content-and-tertiary-nav
{
	padding-top: 218px;
	float: right;

	/* (650/820 = 80%, per the comp, but of course, the actual width is 750 and not 820) */
	width: 96.4%; /* This is 100% - 3.6%. (3.6% is the canonical margin-left for the secondary-nav) */
}

/* ==================== Content and Tertiary-Nav: Content (dimensions & positioning) ===================== */

div#content-and-tertiary-nav div#content
{
	/* This is actually the original value for div#content within
		div#content-and-tertiary-nav but I'm including it here
		as a point of comparison to div#tertiary-nav below (so
		that if you increase that value, you know how much room is left) */
	width: 75%;

	padding-top: 0em; /* This is normally 1.5em */
}

/* ====================== Content and Tertiary-Nav: Tertiary-Nav (dimensions & positioning) ================= */

div#content-and-tertiary-nav div#tertiary-nav
{
	width: 20%;
	padding-top: 4px; /* This is normally 14px */
}

/* ========================================= Secondary Nav ========================================== */

/* The secondary-nav on the digitalbridge pages looks almost nothing like
	the secondary-nav on other pages */

div#content-and-navigation div#secondary-nav
{
	margin: 0em;
	padding: 0em;

	position: absolute;
	top: 129px; /* This ensures that the #secondary-nav appears below the header */
	left: 0px;
	width: 100%;

	padding-top: 157px; /* This leaves room for the Flash */

	/* There used to be a background-image defined here, before it was
		decided that this page would have Flash */
	background-repeat: no-repeat;
	background-position: top right;
}

/* Based on the "Image Replacement with CSS-based Rollovers" technique:
	http://blog.rd2inc.com/archives/2005/01/19/image-replacement-with-css-based-rollovers/ */

div#page div#secondary-nav ul
{
	margin: 0em;
	padding: 0em;

	display: block;

}

/* This is the auto-float-clearing technique from PositionIsEverything:
	http://positioniseverything.net/easyclearing.html */

div#page div#secondary-nav ul:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

div#page div#secondary-nav ul {display: inline-table;}

/* Hides from IE-mac \*/
* html div#page div#secondary-nav ul {height: 1%;}
div#page div#secondary-nav ul {display: block;}
/* End hide from IE-mac */


/* This ensures that nothing bleeds out of the absolutely positioned
	primary-nav. Without this, the "stacked" background bits could
	stick out from the bottom. */
div#page div#secondary-nav ul,
	div#page div#secondary-nav ul li
{
	/* "!important" shouldn't be necessary here but IE5.0 acts
		goofily without it. */
	height: 31px !important; /* new */

	/* hide overflow:hidden from IE5/Mac */
	/* \*/
	overflow: hidden;
	/* */
}

div#secondary-nav ul li
{
	margin: 0em;
	padding: 0em;

	list-style-type: none;

	float: left;
	display: inline;

	/* Widths are required since these elements are floated; and these
		widths are defined individually below. */

	/* The (white) border between secondary nav items is embedded into
		each image */

	color: white;
	background-color: rgb(66,80,107); /* A dark blue, just as a fall-through */
	background-image: none; /* Just to be sure */
}

/* In addition to providing a skip-link, the "accessibility" item
	within the secondary nav in the digitalbridge area also provides some of the
	look-and-feel for the list */
div#secondary-nav ul li.accessibility
{
	/* This undoes the default properties for "accessibility" list items */
	position: static;
	left: 0px;

	width: 3.6%; /* This is the same as the padding-left on #content and #header */

	background-color: rgb(35,63,99); /* A very dark blue */
}

/* The "hide from visual browser" features that li.accessibility originally
	had are now on the h2 inside it instead, at least for the digitalbridge
	set of pages. */
div#secondary-nav ul li.accessibility h2
{
	position: absolute;
	left: -1000px;
}

/* This hides the text via the Phark text-hiding method:
	http://www.mezzoblue.com/tests/revised-image-replacement/#phark2 */
div#secondary-nav ul li h2 span
{
	/* The display:block is necessary as text-indent
		only applies to block-level elements */
	display: block;
	text-indent: -5000px;
}

/* =============== Secondary Nav: General Rollover Bits ==================== */

/* This ensures that the rollover containers, h2 and a, fill the
	li boxes */
div#secondary-nav ul li h2,
	div#secondary-nav ul li h2 a
{
	display: block;
	width: 100%;
	height: 100%;
}


/* ============= Secondary Nav: Digital Newsroom ============ */

/* The "Digital Newsroom" link */

div#secondary-nav ul li#digital-newsroom
{
	width: 131px;
}

div#secondary-nav ul li#digital-newsroom h2
{
	/* Our images were 62px high, so a 31px shift shows only the bottom "on" half */
	background: url(../images/secondary-nav/digital-newsroom-background.png) 0 -31px no-repeat; /* On state image */
}

div#secondary-nav ul li#digital-newsroom h2 a
{
	background: url(../images/secondary-nav/digital-newsroom-background.png) top left no-repeat; /* Off state image */
}

/* The "Home Purchase" link, on state */
div#secondary-nav ul li#digital-newsroom h2 a:hover,
	div#secondary-nav ul li#digital-newsroom h2 a#current-secondary-nav
{
	background-image: none;
}

/* ============= Secondary Nav: Media-Ready Communication ============ */

/* The "Media-Ready Communication" link */

div#secondary-nav ul li#media-ready-communication
{
	width: 204px;
}

div#secondary-nav ul li#media-ready-communication h2
{
	/* Our images were 62px high, so a 31px shift shows only the bottom "on" half */
	background: url(../images/secondary-nav/media-ready-communication-background.png) 0 -31px no-repeat; /* On state image */
}

div#secondary-nav ul li#media-ready-communication h2 a
{
	background: url(../images/secondary-nav/media-ready-communication-background.png) top left no-repeat; /* Off state image */
}

/* The "Media-Ready Communication" link, on state */
div#secondary-nav ul li#media-ready-communication h2 a:hover,
	div#secondary-nav ul li#media-ready-communication h2 a#current-secondary-nav
{
	background-image: none;
}

/* ============= Secondary Nav: Editorial Support ============ */

/* The "Editorial Support" link */

div#secondary-nav ul li#editorial-support
{
	width: 130px;
}

div#secondary-nav ul li#editorial-support h2
{
	/* Our images were 62px high, so a 31px shift shows only the bottom "on" half */
	background: url(../images/secondary-nav/editorial-support-background.png) 0 -31px no-repeat; /* On state image */
}

div#secondary-nav ul li#editorial-support h2 a
{
	background: url(../images/secondary-nav/editorial-support-background.png) top left no-repeat; /* Off state image */
}

/* The "Editorial Support" link, on state */
div#secondary-nav ul li#editorial-support h2 a:hover,
	div#secondary-nav ul li#editorial-support h2 a#current-secondary-nav
{
	background-image: none;
}

/* ============= Secondary Nav: Consulting ============ */

/* The "Consulting" link */

div#secondary-nav ul li#consulting
{
	width: 92px;
}

div#secondary-nav ul li#consulting h2
{
	/* Our images were 62px high, so a 31px shift shows only the bottom "on" half */
	background: url(../images/secondary-nav/consulting-background.png) 0 -31px no-repeat; /* On state image */
}

div#secondary-nav ul li#consulting h2 a
{
	background: url(../images/secondary-nav/consulting-background.png) top left no-repeat; /* Off state image */
}

/* The "Consulting" link, on state */
div#secondary-nav ul li#consulting h2 a:hover,
	div#secondary-nav ul li#consulting h2 a#current-secondary-nav
{
	background-image: none;
}