/* 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;

}