﻿/* reset CSS or not? That is the Question ;-) */

/* Table of Contents:

	Typography
	Structure
	pageHeader main styles
	pageContent main styles
	pageFooter main styles
	sub-pages styles
	TEMP styles
	
	print
	
*/

/* Typography
--------------------------------------------------------------------------------------- */

body {
	font-family: Arial, Helvetica, sans-serif;
	color: #000;
	background: #e1dbd0;
	font-size: 11px;
	margin: 0;
	padding: 0;
}
h1,h2,h3,h4 {
	font-family:Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
}
h1 {
	font-size: 14px;
	font-weight:bold;
	color: #c00;
	text-transform:uppercase;
}
p {
	color: #000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
	line-height: 14px;
}

#content-info p.quoteText{
	margin-bottom: 0px;
	font-weight: bold;
}
p.quoteAuthor {
	color: #c00;
}
p.quoteAuthor span {
	color: #000;
}

sub, sup {
line-height:0pt;
}

a,
a:link,
a:visited,
a:active,
a:hover {
	text-decoration: none;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
}
.selected a,
a.selected :link,
.selected a:visited,
.selected a:active,
.selected a:hover {
	color: #c00;
}
#pageContent a,
#pageContent a:link,
#pageContent a:visited,
#pageContent a:active {
	color: #c00;
}
#pageContent a:hover {
	text-decoration: underline;
}

#pageContent p a,
#pageContent p a:link,
#pageContent p a:visited,
#pageContent p a:active {
    color: #666;
}

#pageContent li a,
#pageContent li a:link,
#pageContent li a:visited,
#pageContent li a:active {
    color: #666;
}
#pageContent.search-results li a,
#pageContent.search-results li a:link,
#pageContent.search-results li a:visited,
#pageContent.search-results li a:active {
    color: #c00;
}

#pageContent p a:hover,
#pageContent li a:hover {
	color: #c00;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#content-info h1 {
	font-size: 11px;
	margin-bottom: 14px;
}
#content-info h2 {
	font-size: 12px;
}
#content-info h3 {
	font-size: 11px;
}
#content-info h4 {
	font-size: 11px;
}

#pageContent .content-links a,
#pageContent .content-links a:link,
#pageContent .content-links a:visited,
#pageContent .content-links a:active {
	color: #c00;
}
/* Structure
--------------------------------------------------------------------------------------- */
#container {
	margin: 0 auto;
	width: 984px;
	padding: 0;
	background: #fff;
	overflow:visible;
	background:url(../images/dropshadow_tile.jpg) repeat-y scroll -15px 0;
}
#pageContent,
#pageHeader {
	background: #fff;
	width: 964px;
	margin: 0 auto;
}
ul,li {
	margin: 0;
	padding: 0;
	list-style:none;
}
ul.vcard li {
	clear: both;
}
#pageContent #content-info p.listIntro {
    margin-bottom: 3px;
}
#pageContent #content-info ul li {
	list-style:disc;
	margin-left:15px;
	text-indent: 0px;
	line-height: 14px;
}
#pageContent #content-info ul>li {
	margin-left:16px;
}
#pageContent #content-info .content-links ul li {
	list-style: none;
	background: url(../images/arrows_active.gif) 0px 4px no-repeat;
	padding-left: 14px;
	margin-left: 0px;
}
#pageContent #content-info #content-info-categories ul li {
	list-style: none;
	margin-left: 0px;
}
#pageContent #content-info #content-info-categories ul li ul {
    margin-left: 17px;
}
#pageHeader ul li,
#pageFooter ul li,
#nav-sub ul li,
#nav-third li {
	float: left;	
}
#content-info p {
	margin-bottom: 14px;
}
#content-info p.news-date  {
	margin-bottom: 0;
}
#content-info ul {
	margin-bottom: 14px;
}
#content-info ul li ul {
	margin-bottom: 0;
}
#content-view ul li img {
	border: none;
}
.content-links {
	margin-top: 10px;
}
p.content-links a {
	padding-left: 14px;
	background: url(../images/arrows_active.gif) 1px 4px no-repeat;
}
.image-title,
.image-copyrights {
	display: none;
}
#pageContent #content-info-categories ul li {
	line-height: 18px;
}
#content-info-categories li a {
	padding-left: 15px;
	background: url(../images/arrows_blk.gif) 0 4px no-repeat;
	color: #000;
}
#content-info-categories li.selected a,
#content-info-categories li.selected a:link,
#content-info-categories li.selected a:visited {
	background: url(../images/arrows_active.gif) 0 4px no-repeat;
	color: #c00;
}
#content-info-categories li.selected li a,
#content-info-categories li.selected li a:link,
#content-info-categories li.selected li a:visited  {
	background: url(../images/arrows_blk.gif) 0 4px no-repeat;
	color: #000;
}
#content-info-categories li.selected li.selected a,
#content-info-categories li.selected li.selected a:link,
#content-info-categories li.selected li.selected a:visited  {
	background: url(../images/arrows_active.gif) 0 4px no-repeat;
	color: #c00;
}
#content-info-categories li a:link,
#content-info-categories li a:visited {
	color: #000;
}
#content-info-categories li a:hover,
#content-info-categories li li a:hover,
#content-info-categories li.selected li a:hover
 {
	color: #c00;
	background: url(../images/arrows_active.gif) 0 4px no-repeat;
}
#content-info-categories ul li.selected ul {
	margin-bottom: 10px;
	margin-left: 15px;
}


/* pageHeader
--------------------------------------------------------------------------------------- */
#pageHeader {
    height: 123px;
    height: 104px;
}
#container>#pageHeader {
    height: auto;
	min-height: 123px;
	min-height: 104px;
}

	#branding {
		height: 57px;
		padding-bottom: 20px;
	}
	
	#branding p {
		display: block;
		height: 37px;
		width: 120px;
		margin: 20px 0 0 20px;
		float: left;
		background:url(../global/images/logo.gif) 0 0 no-repeat;
		text-indent: -999em;
	}
	* html body #branding p {
		margin-left: 10px;
	}
	
	#branding p a {
		text-indent: -999em;
	    display: block;
        width: 100%;
        height: 100%;
        overflow: hidden;
	}
/*	
	#branding p a span {
	    display: block;
        width: 100%;
        height: 100%;
	}
*/	
	
		#branding-search {
			border: 0px solid red;
			float: right;
			margin-top: 25px;
			padding-right: 20px;
			width: 175px;
		}
		#branding-search label {
			display: none;
		}
		input {
			padding: 0;
			border: 0;
			border: 1px solid #ccc;
			height: 15px;
			font-size: 11px;
			float: left;
		}
		textarea {
			border: 1px solid #ccc;
		}
		
		
		#content-form input {
            font-size:12px;
            height:16px;
		}
		
		
		#branding-search .search-field {
			width: 104px;
		}
		
		.search-button,
		.content-search-button {
			background: #fff;
			height: 17px;
			font-size: 10px;
			width: 58px;
			margin-left: 7px;
			border: 0px;
		}
	#nav-main {
		height: 26px;
		background: url(../images/dotted_line.gif) 0px bottom repeat-x;
		margin: 0 20px;
		overflow: visible;
	}
	
	#pageHeader > #nav-main {
	    min-height: 26px;
	    height: auto;
	}
	
		#nav-main a {
			display: block;
/*          hieght: 26px; */
			width: auto;
			margin-right: 26px;
			line-height: 20px;
			font-size: 12px;
			font-weight:bold;
		}
		
    		
	    #nav-main ul {
	        width: 100%;
	        clear: both;	
		    background : url(../images/dotted_line.gif) 0 top no-repeat;        
	    }
		#pageHeader ul li.nav-main-contact {
			float: right;
			width: auto;
		}
		#pageHeader ul li.nav-main-contact a {
			margin-right: 0;
		}
		
		

    #pageHeader #nav-main ul 
    {
        padding-top: 4px;
    }
    #pageHeader #nav-main ul li {
        width: auto;
        text-transform: uppercase;
    }
    #pageHeader #nav-main ul li.nav-main-contact {
        margin-right: 0;
    }
    #nav-main ul li.nav-main-IR a {
        height: 26px;
        text-indent: -999em;
        background: transparent no-repeat scroll center top;
        width: 70px;
        display: block;
    }
    #nav-main ul li#nav-main-contact a {
        background-image: url(../images/navigation/contact.gif);
        background-position: -1px top;
    }
    #nav-main ul li#nav-main-about a:link,
    #nav-main ul li#nav-main-about a:visited {
        background-image: url(../images/navigation/about.gif);
        width: 43px;
    }
    #nav-main ul li#nav-main-services a:link,
    #nav-main ul li#nav-main-services a:visited {
        background-image: url(../images/navigation/services.gif);
        width: 60px;
    }
    #nav-main ul li#nav-main-sectors a:link,
    #nav-main ul li#nav-main-sectors a:visited {
        background-image: url(../images/navigation/sectors.gif);
        width: 57px;
    }
    #nav-main ul li#nav-main-projects a:link,
    #nav-main ul li#nav-main-projects a:visited {
        background-image: url(../images/navigation/projects.gif);
        width: 64px;
    }
    #nav-main ul li#nav-main-studios a:link,
    #nav-main ul li#nav-main-studios a:visited {
        background-image: url(../images/navigation/studios.gif);
        width: 53px;
    }
    #nav-main ul li#nav-main-news a:link, 
    #nav-main ul li#nav-main-news a:visited {
        background-image: url(../images/navigation/news.gif);
        width: 35px;
    }
    #nav-main ul li#nav-main-careers a:link,
    #nav-main ul li#nav-main-careers a:visited {
        background-image: url(../images/navigation/careers.gif);
        width: 58px;
    }
    #nav-main ul li a:hover,
    #nav-main ul li.selected a:link,
    #nav-main ul li.selected a:visited {
        background-position: bottom;
    }
    #nav-main ul li#nav-main-contact a:hover,
    #nav-main ul li#nav-main-contact a:active {
        background-position: -1px bottom;
    }
    

		
	#breadcrumbs {
	    clear: left;
		height: 32px;
		padding-left: 20px;
	}
	#pageHeader > #breadcrumbs {
	    height: auto;
		min-height: 32px;
	}
	
	#breadcrumbs a {
			display: block;
/*			hieght: 32px;  */
			width: auto;
			margin-right: 10px;
			line-height: 32px;
			font-size: 11px;
	}
	#nav-sub-list {
        float: left;
		padding: 7px 0 7px 10px; 
		width: auto;
	}
	#nav-sub-list .nav-sub-col ul li {
	    float: none;
	}
	#nav-sub-list li.nav-sub-col {
	    float: left;
	    width: 117px;
	}
	#nav-sub #nav-sub-list ul.columnsWrapped, 
	#nav-sub #nav-sub-list ul.columnsWrapped ul {
        width: auto;
	}
	#nav-sub {
		background: #eeeae4;
		border: 0px solid red;
		height: 70px;
		overflow: visible;
		
		position: relative;
	}
	#pageHeader > #nav-sub {
		min-height: 70px;
		height: auto;
		overflow: hidden;
	}
	#nav-sub h2 {
		color: #c00;
		float: left;
		font-size: 22px;
		line-height: 40px;
		padding-left: 20px;
		width: 222px;
		width: 229px;
	}
	#nav-sub ul {
		height: auto;
		width: 380px;
		float:left;		
		line-height: 12px;
	}
	#nav-sub.nav-sub-whybdp ul {
		width: 444px
	}
	#nav-sub ul li {
		width: 117px;
	}
	#nav-sub ul li.nav-sub-col li {
		width: auto;
		height: 20px;
	}
	#nav-sub ul li.nav-sub-col ul>li {
        height: auto;
		min-height: 20px;
	}
	#nav-sub.nav-sub-whybdp ul li {
		width: 210px;
	}
	#nav-sub #nav-sub-list ul li a {
		padding-left: 11px;
		padding-right: 6px;	
		color: #000;
		background: url(../images/arrows_blk.gif) 0 4px no-repeat;
		display: block;
		padding-bottom: 5px;
	}
	#nav-sub #nav-sub-list ul li.selected a {
		color: #c00;
		background: url(../images/arrows_active.gif) 0 4px no-repeat;
	}
	#nav-sub #nav-sub-list ul li a:hover {
		color: #c00;
		background: url(../images/arrows_active.gif) 0 4px no-repeat;
	}
	#pagination {
/*		float: right; */
		height: 70px;
		padding-right: 20px;
		
		height: auto;
		bottom: 0;
		right: 0;
		position: absolute;
		width: auto;
		z-index: 1;
	}
	#pagination ul {
		clear: left;
		height: auto;
		margin: 0 auto 3px auto;
		
		float: right;
		overflow: visible;
		width: auto;
	}

	#nav-sub #pagination ul li {
		width: auto;
		padding-left: 14px;
		padding-right: 0;
		background: url(../images/separator.gif) 5px 1px no-repeat;
	}
	#pagination ul li#pagination-prev {
		background: none;
	}
	
	#pagination ul li a {
		padding-left: 0;
		font-size: 11px;
		background: none;
		margin-bottom: 3px;
	}
	#pagination ul li a:hover {
		color: #c00;
	}
	
	
	
	#pagination ul,
	#content-search-pagination-top ul,
	#content-search-pagination-bottom ul {
		clear: left;
		height: auto;
		margin: 0 auto 3px auto;		
		float: none;
		overflow: visible;
		width: auto;
	}
	#pagination ul,
	#content-view #content-search-pagination-top ul  {
        float: right;
	}
	

	#nav-sub #pagination ul li,
	#content-view #content-search-pagination-top ul li,
	#content-view #content-search-pagination-bottom ul li  {
		width: auto;
		padding-left: 14px;
		padding-right: 0;
		background: url(../images/separator.gif) 5px 1px no-repeat;
	}
	#pagination ul li#pagination-prev,
	#content-view #content-search-pagination-top ul li.pagination-prev,
	#content-view #content-search-pagination-bottom ul li.pagination-prev   {
		background: none;
	}
	
	#content-view #content-search-pagination-bottom ul li.pagination-prev {
		padding-left: 0;
	}
	
	#pagination ul li a,
	#content-view #content-search-pagination-top ul li a,
	#content-view #content-search-pagination-bottom ul li a  {
		padding-left: 0;
		font-size: 11px;
		background: none;
		margin-bottom: 3px;
	}
	#pagination ul li a:hover,
	#content-view #content-search-pagination-top ul li a:hover,
	#content-view #content-search-pagination-bottom ul li a:hover   {
		color: #c00;
	}
	
	
	
	
	
	#displayMode {
		border: 0px solid red;
/*		height: 30px;
		padding-top:20px;*/
		
	}

/* pageContent
--------------------------------------------------------------------------------------- */

#pageContent {
	height: 413px;
	margin-top: 20px;
	margin-top: 0;
	padding-top: 20px;
	padding-bottom: 13px;
	padding-left: 20px;
	width: 944px;
}
#container > #pageContent {
	min-height: 413px;
	height: auto;
	overflow: hidden;
}
#pageContent #content-info {
	float: left;
	height: 100%;
	width: 222px;	
	border-bottom: 0px solid red;
}
#pageContent.site-map #content-info {
	display: none;
}
#pageContent #content-view {
	float: right;
	height: 100%;
	width: 75%;
	border-bottom: 0px solid red;
	
	width: 708px;
}
#content-view ul li img {
	display: block;
}
#nav-third {
	width: 222px;
	height: 33px;
}

#content-view #nav-third li {
	border: 1px solid #999;
	height: 19px;
	line-height: 19px;
	text-indent: 10px;
	width: 72px; /* 2px border left/right */
}
#content-view #nav-third li.selected {
	background: #eeeae4;
}
#content-view #nav-third li.selected a {
	color: #c00;
}

#content-view ul li {
	float: left;
	width: 222px;
}

#content-view ul li ul li{
	float: none;
	width: auto;
}

/* pageFooter
--------------------------------------------------------------------------------------- */
#pageFooter {
	height:35px;
	padding-top: 20px;
	/* margin-top: 20px; */
	padding-left: 10px;
	background: #E1DBD0 url(../images/dropshadow_btm.jpg) no-repeat -15px 0;
	margin: 0 auto;
	width: auto;

}
#pageFooter a {
	display: block;
	margin-right: 10px;
	font-size: 9px;
}
#pageFooter a:hover {
	text-decoration:underline;
}

#pageFooter ul li {
	padding-left: 10px;
	background: url(../images/separator.gif) no-repeat;
	font-size: 9px;
}
#pageFooter ul li:first-child,
#pageFooter ul li.firstFooterItem {
	padding-left: 0;
	background: none;
}


/* nav-third
--------------------------------------------------------------------------------------- */

#content-view #nav-third {
	width: 445px;
}
#content-view #nav-third li {
	border: 0px;
}
#content-view #nav-third li a {
	text-indent: -999em;
	color: white;
	display: block;
	width: 75px;
	height: 19px;
	background: url(../images/btn_showcase.gif) no-repeat;
}
#content-view #nav-third li.nav-third-showcase a:hover {
	background: url(../images/btn_showcase_active.gif) no-repeat;
}
#content-view #nav-third li.nav-third-showcase a.selected  {
	background: url(../images/btn_showcase_active.gif) no-repeat;
} 
#content-view #nav-third li.nav-third-projects a {
	background: url(../images/btn_projects.gif) no-repeat;
}
#content-view #nav-third li.nav-third-projects a:hover {
	background: url(../images/btn_projects_active.gif) no-repeat;
}
#content-view #nav-third li.nav-third-projects a.selected {
	background: url(../images/btn_projects_active.gif) no-repeat;
}
#content-view #nav-third li.nav-third-contacts a {
	background: url(../images/btn_contacts.gif) no-repeat;
}
#content-view #nav-third li.nav-third-contacts a:hover {
	background: url(../images/btn_contacts_active.gif) no-repeat;
}
#content-view #nav-third li.nav-third-contacts a.selected {
	background: url(../images/btn_contacts_active.gif) no-repeat;
}

#tabs {
	width: 222px;
	height: 33px;
}
#tabs li {
	border: 1px solid #999;
	height: 19px;
	line-height: 19px;
	text-indent: 10px;
	float: left;
	width: 72px; /* 2px border left/right */
}

div#pageContent.job-detail #tabs li{
	width: 92px;
	overflow: hidden;
}

div#pageContent.job-detail #tabs li a{
	line-height: 1.1em;
}

#tabs li.first {
	border-right: none;
}
#tabs li a {
	font-size: .85em;
	text-align:center;
	line-height: 1.20em;
	margin:0;
	padding: .5em .8em .3em .8em;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
#tabs li a:hover {
	background-color: #eeeae4;
	text-decoration: none;
}
#tabs li a.selected {
	background-color: #eeeae4;
}

/* homepage
--------------------------------------------------------------------------------------- */
#pageContent.pageContent-homepage {
	margin-top: 0;
}
#pageContent.pageContent-homepage #content-view {
	margin-top: 0;
	width: 100%;
}
#pageContent.pageContent-homepage #content-view h1 {
	display: none;
}

#pageContent.pageContent-homepage #home-images {
    position: relative;
    height: 398px;
    width: 924px;
}
#pageContent #displayFadeOut,
#pageContent #displayItem {
    /* top: 0;
    left: 0;
	z-index: 100; */ /* 21_04_08 */
    background:transparent none repeat scroll 0%;
    height:auto;
    width:100%;
    overflow:visible;
}

#pageContent.studio-detail  #displayItem, 
#pageContent.page-ss-all  #displayItem, 
#pageContent.page-editorial2575  #displayItem {
    width: 690px;
}



#pageContent.pageContent-homepage #displayFadeOut,
#pageContent.pageContent-homepage #displayItem {
    height:398px;
    width:924px;
}
#pageContent #displayItem ul {
    height: 100%;
    width: 100%;
    background: transparent;  
}

#pageContent #displayItem ul.liveShowcase {
    position: relative;
}

#pageContent #content-view #displayItem ul li {
    float: right;
	width: auto;
}
#pageContent #content-view #displayItem ul.liveShowcase li {
	position: absolute;
    right: 0;
    left: 0;
    height: auto;
    z-index: 100;
    background: white;
}
#pageContent #content-view #displayItem ul li a {
	display: block;
}
#pageContent #displayItem ul.liveShowcase li img {
    float: right;
}

#pageContent #displayFadeOut {  
    z-index: 101;
    display: none;
}


#pageContent.pageContent-homepage a img {
	border: none;
}
#pageContent #content-view #promo1,
#pageContent #content-view #promo2,
#pageContent #content-view #promo3 {
	float: left;
	margin-top: 20px;
}
#pageContent #content-view #promo1 h2,
#pageContent #content-view #promo2 h2,
#pageContent #content-view #promo3 h2 {
	font-size: 11px;
	font-weight: bold;
	line-height: 18px;
	color: #000;
}

#pageContent #content-view #promo1 p,
#pageContent #content-view #promo2 p,
#pageContent #content-view #promo3 p {
	line-height: 18px;
	margin-bottom: 0;
	margin-top: 0;
}
#pageContent #content-view #promo1 {
	width: 448px;
	padding-right: 20px;
}
#pageContent #content-view #promo2 {
	width: 222px;
	padding-right: 12px;
}
#pageContent #content-view #promo3 {
	width: 222px;
}

#pageContent #content-view #promo3 ul li {
	line-height: 18px;
	background: url(../images/arrows_active.gif) 0px 6px no-repeat;
	padding-left: 14px;
}


/* page-100 
--------------------------------------------------------------------------------------- */
#pageContent.page100 #content-view {
	width: 100%;
}
#pageContent.page100 p a, #pageContent.page100 p a:link, #pageContent.page100 p a:visited, #pageContent.page100 p a:active {
	color: #c00;
}


/* page5050
--------------------------------------------------------------------------------------- */
#pageContent.page5050 #content-info {
	width: 453px;
}
#pageContent.page5050 #content-view {
 	width: 456px;
	padding-right: 20px;
}

#pageContent.page5050 #content-view img {
	border: none;
/*	float: right; */
}


/* content-view-grid.html
--------------------------------------------------------------------------------------- */
#content-view-grid li {
	height: 150px;
	background: none;
	margin-right: 12px;
	margin-bottom: 12px;
	position: relative;
}
#content-view-grid li img {
	border: none;
}
#content-view-grid li strong {
	color: #fff;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	font-size: 10px;	
	height: 23px;
	line-height: 23px;
	width: 100%;
	text-indent: 10px;
	font-weight: normal;
	overflow: hidden;
	background: #333;
}
#content-view-grid li a > strong {
	background:transparent url(/Global/images/grey333h80pc.png) repeat scroll 0% 0%;
}
#content-view-grid li a {
	display: block;
	width: 222px;
	height: 150px;
}
#content-view-grid li a:hover strong {
	background: #c00;
}

/* page-editorial2575
--------------------------------------------------------------------------------------- */
#content-view #hrcontacts h3 {
	font-size: 13px;
}

.page-editorial2575 #content-info ul li {
	list-style: disc;
	margin-left: 15px;
}
.page-editorial2575 #content-info .content-links ul li {
	list-style: none;
	margin-left: 0px;
}
.page-editorial2575 #content-view ul li {
	height: auto; /* 442px; */
	width: 690px;
}
.page-editorial2575 #content-view ul li img {
	border: none;
	display: block;
	height: auto;
	width: auto;
	float: right;
}

/* page-studios-all
--------------------------------------------------------------------------------------- */
.studio-detail #content-view ul li ul li {
	width: 222px;
}

/* page-ss-all.html
--------------------------------------------------------------------------------------- */
.page-ss-all #content-view ul li ul li {
	width: 222px;
}
#showcase-content {
	display: block;
	border: 0px solid #999;
	height: 442px;
	width: 690px;
	margin-bottom: 20px;
}
#content-view #showcase-content li img {
	height: 442px;
	width: 690px;
}
#content-view #showcase-content li 
{
    position: relative;
}
#content-view #showcase-content li div.displayInfo,
#pageContent #content-view .liveShowcase li div.displayInfo {
    position: absolute;
    z-index: 1000;
    height: auto;
    width: 100%;
    display: none;
    top: 0;
    left: 0;
}
#content-view .liveShowcase li div.displayInfo p.infoBackground {

}
#pageContent #content-view .liveShowcase li div.displayInfo ul 
{
    display: block;
    position: absolute;
    width: 100%;
    height: auto;
    bottom: 0;
    right: 0;
    z-index: 1001;

} 
#pageContent #content-view .liveShowcase li div.displayInfo ul li {
    width: auto;
    height: auto;
    position: static;
    text-align: right;
    background: none;
    line-height: 20px;
    color: #fff;
    padding-right: 0.5em;
    padding: 4px;
}
#pageContent #content-view .liveShowcase li div.displayInfo p.infoBackground {
    position: absolute;
    width: 250px;
    height: 25px;
    background-color: black;
    z-index: 1000;
    bottom: 0;
    right: 0;
}

#projects-content li {
	background: #999;
	border: 0px solid #999;
	height: 150px;
	margin-right: 12px;
	margin-bottom: 12px;
	position: relative;
}

#projects-content li strong {
	color: #fff;
	display: block;
	position: absolute;
	top: 127px;
	left: 0;
	font-size: 10px;	
	height: 23px;
	line-height: 23px;
	width: 222px;
	text-indent: 10px;
}
#projects-content li a {
	width: 222px;
	height: 150px;
	display: block;
}
#projects-content li a:hover {
	text-decoration: none;
}
#projects-content li a:hover strong {
	background: #c00;
}
#projects-content li a,
#contacts-content li ul.vcard {
	position: relative;
}

#contacts-content li {
	margin-bottom: 20px;
	margin-right: 12px;
}
* html body #contacts-content li {
	margin-right: 0;
}

#contacts-content li ul.vcard li {
	color: #000;
	margin-bottom: 0;
	padding-left: 10px;
}
#contacts-content li ul.vcard li.photo {
	background: #999;
	border: 0px solid #999;
	height: 150px;
	margin-bottom: 12px;
	padding-left: 0;
}
#contacts-content li ul.vcard li.fn {
	font-weight: bold;
	position:absolute;
	top:128px;
	/* background: url(../images/black70pc.png) repeat-x; */
}
#contacts-content li ul.vcard li.fn a {
	position:absolute;
	top: -6px;
	left: 0;
	display: block;
	height: 23px;
	line-height: 23px;
	text-indent: 10px;
	width: 222px;
	font-weight: normal;
	color:#fff;
	border: 0px solid red;
	font-size: 10px;
	background:url(../images/email.gif) 200px 7px no-repeat;
}
#contacts-content li ul.vcard li.fn a:hover {
	background: #c00 url(../images/email.gif) 200px 7px no-repeat;
	text-decoration: none;
}
#contacts-content li ul.vcard li.title {
	display: block;
}
#contacts-content li ul.vcard li.tel {
	margin-top: 0;
}
#contacts-content li ul.vcard li.locality,
#contacts-content li ul.vcard li.url {
	padding-top: 10px;
	display: block;
}

/* page-projects-showcase
--------------------------------------------------------------------------------------- */
#pageContent.projects-showcase #content-view {
	width: 944px;
	height: 486px;
	overflow: hidden;
}
.projects-showcase h1 {
	display: none;
}

/* page-listed-by-category
--------------------------------------------------------------------------------------- */
.listed-by-category ul li ul li {
	margin-left: 10px;
}

.listed-by-category #content-view ul li img {
	border: none;
	display: block;
}
#pageContent.listed-by-category #content-view #displayItem ul li,
#pageContent.listed-by-az #content-view #displayItem ul li {
	float: none;
}
/* page-listed-by-category-grid
   AND
   page-listed-by-az-grid
--------------------------------------------------------------------------------------- */
.listed-by-category #content-view #content-view-grid li img,
.listed-by-az #content-view #content-view-grid li img {
	border: none;
	display: block;
	height: 150px;
	width: 222px;
}
/* page-listed-by-az
--------------------------------------------------------------------------------------- */
.listed-by-az ul li ul li {
	margin-left: 10px;
}
.listed-by-az #content-view ul li img {
	border: none;
	display: block;
	height: 442px;
	width: 690px;
}

/* people-homepage
--------------------------------------------------------------------------------------- */
.people-homepage #content-info {
	position: relative;
}

#people-search-form {
	border: 0px solid red;
	width: auto;
	height: 17px;
	height: auto;
	padding-bottom: 25px;
	display: none; /* with JS enable browsers that block will be dynamically shown */
}
#people-search-form label {
	display: none;
}
#people-search-form input {
	width: 155px;
}
#people-search-form input.search-button {
	width: auto;
}


/* person-detail
--------------------------------------------------------------------------------------- */
.vcard .locality,
.vcard .title {
	display: none;
}
#content-view .vcard li {
	width: auto;
	float: none;
}
#content-view .vcard li.fn,
#content-view .vcard li.tel {
	float: left;
	border: 0px solid;
	margin-top: 5px;
}
#content-view .vcard li.tel {
	width: 120px;
}
#content-view .vcard li.fn a {
}
#pageContent.article-detail #content-info {
	width: 48%;
}
#pageContent.article-detail #content-view {
	border: 0px solid red;
	padding-left: 130px;
	width: 355px;
}
#pageContent.article-detail #content-view .vcard li {
	clear: none;
}
#pageContent.article-detail #content-view .vcard li.fn a {
	color: #000;
	font-weight:bold;
	padding-right: 20px;
	padding-left: 20px;
	background:url(../images/email.gif) 0 3px no-repeat;
}
.article-detail #content-view .image-title {
	float: left;
	font-weight: bold;
	margin-right: 10px;
}
.article-detail #content-info h1 {
	font-size: 11px;
	color: #c00;
	text-transform:uppercase;
	margin-bottom: 0;
}
.article-detail #content-info h2 {
	font-size: 11px;
	color: black;
}
.article-detail #content-info h3 {
	font-weight: normal;
	font-size: 11px;
	line-height: 14px;
	margin-bottom: 14px;
	color: black;
}
.article-detail #content-view ul li img {

}

/* awards-homepage
--------------------------------------------------------------------------------------- */
.awards-homepage #content-view ul li img {
	height: 150px;
	width: 222px;
}
.awards-homepage #content-view li {
	margin-bottom: 20px;
	margin-right: 12px;
}
* html .awards-homepage #content-view li {
	margin-right: 0px;
}
.awards-homepage #content-view p.award-date {
	margin-top: 10px;
}
.awards-homepage #content-view p.award-project-title {
	font-weight: bold;
}
.awards-homepage #content-view .content-links ul li {
	margin-bottom: 0;
}

/* Careers General
--------------------------------------------------------------------------------------- */
.meetBDPDates {
	border: 1px solid #999;
	width: 430px;
	padding: 5px;
}

/* job-detail
--------------------------------------------------------------------------------------- */
#pageContent.job-detail #content-info ul li {
	list-style-type:none;
	margin-left: 0;
}

#pageContent.job-detail #content-view ul {
    margin-bottom: 10px;
}

#pageContent.job-detail #content-view .jobLocation {
	margin-top: 0px;
}

#pageContent.job-detail #content-view ul li {
    float: none;
    list-style-type: disc;
    margin-left: 16px;
    width: auto
}

#pageContent.job-detail #content-view #displayItem ul li,
#pageContent.job-detail #content-view .content-links ul li {
	list-style-type: none;
	margin-left: 0;
}

.job-detail #content-info h2 {
	float: left;
	width: 230px;
}
.job-detail #content-view p {
	margin-bottom: 10px;
}

#vacancy-listing li {
	width: 100%;
	float: left;
	margin-top: 4px;
	background: url(../images/dotted_line.gif) no-repeat;
}
#vacancy-listing .vacancy-listing-titles {
	font-weight:bold;
}


#vacancy-listing li ul li {
	background: none;
}
#vacancy-listing li ul li.vacancy-title {
	width: 212px;
	margin-right: 20px;
}
#vacancy-listing li ul li.vacancy-location {
	width: 120px;
}
#vacancy-listing li ul li.vacancy-deadline {
	width: 100px;
}

/* careers-story-detail
--------------------------------------------------------------------------------------- */
#pageContent.careers-story-detail #content-info {
	width: 48%;
}
#pageContent.careers-story-detail #content-view {
	border: 0px solid red;
	padding-left: 130px;
	width: 355px;
}

#pageContent.careers-story-detail #content-view #displayItem ul li {
	float: none;
}

.careers-story-detail #content-view .photo img {

}

.careers-story-detail #content-view .image-title {
	float: left;
	font-weight: bold;
	margin-right: 10px;
}
.careers-story-detail #content-view .image-copyrights {}

/* Careers Contacts
--------------------------------------------------------------------------------------- */
#pageContent #content-info.careerContactsContentInfo {
	height: auto;
}

#hrcontacts .block {
	width: 228px;
	float: left;
}
#hrcontacts .block ul li{
	height: 10em;
	width: auto;
}
#hrcontacts .block ul li ul li {
	height: auto;
}

/* form details
--------------------------------------------------------------------------------------- */

#pageContent.formPage #content-info {
	width: 708px;
}
#pageContent.formPage #content-view {
	width: 222px;	
}

div.formPage div table {
	width: 450px;
}

#pageContent.formPage td {
    vertical-align: top;
}

#pageContent.formPage td.form-label {
    
}

#pageContent.formPage td.form-field {
    
}
#pageContent.formPage td textarea {
    border: 1px solid #ccc;
    font: inherit;
}
#pageContent.formPage td input {
    float: none;
    height: auto;
    font-size: 12px;
}
#pageContent.formPage td fieldset {
    border: none;
}

#pageContent.formPage td input.vacancyName {
    border: none;
    width: 300px;
}
#pageContent.formPage td .sectionHeading {
    margin-top: 1em;
    font-weight: bold;
}
#pageContent.formPage td .heading-paragraph {
    margin-bottom: 1em;
}
#pageContent.formPage td .radioButtonsHorizontal,
#pageContent.formPage td .radioButtonsVertical,
#pageContent.formPage td .checkBox{
    border: 0;
}
#pageContent.formPage td .fileUpload{
}
#pageContent.formPage td .xformvalidator 
{
    background-color:#CC0000;
    color:White;
    display:block;
    font-weight:bold;
    margin-bottom:18px;
    padding:2px 4px;
    width:auto;
}

#pageContent.formPage td .sendForm { 
    margin: 1em 0 2em;
    border: 1px #ccc outset;

}

#pageContent.formPage span.eqlOprHeading {
	
}
#pageContent.formPage span.eqlOprPara {
	display: block;
	margin-bottom: 5px;
}

#pageContent.formPage input.inputHighestDegree {
	margin-top: 10px;	
}

/* .event-detail
--------------------------------------------------------------------------------------- */
#pageContent.event-detail #content-info {
	width: 48%;
}
#pageContent.event-detail #content-view {
	border: 0px solid red;
	padding-right:20px;
	width:48%;
}
.event-detail #content-view .image-title {
	float: left;
	font-weight: bold;
	margin-right: 10px;
}
.event-detail #content-info h1 {
	font-size: 11px;
	color: #000;
	text-transform:none;
}
.event-detail #content-view ul li img {

}

/* .event-detail-form
--------------------------------------------------------------------------------------- */
#event-form {
	border: 0px solid red;
	height: 200px;
}
.event-detail label {
	float: left;
	width: 100%;
	border: 0px solid red;
	margin-bottom: 5px;
}
.event-detail label span {
	display: block;
	float: left;
	width: 100px;
	text-align: right;
	margin-right: 20px;
}
.event-detail label input {
	float: left;
}
.event-detail .eventTitleHidden {
	visibility: hidden;
	position: absolute;
}
.event-detail .eventSubmitButton {
	height: 20px;
	width: 60px;
	padding: 0 5px;
	background:  url(../images/submit.gif) no-repeat;
	border: none;
	margin-top: 5px;
	cursor: pointer;
}

.event-detail .xformvalidator {
	margin-left: 5px;
}

/* .news-detail
--------------------------------------------------------------------------------------- */
#pageContent.news-detail #content-info {
	width: 48%;
}
/*
#pageContent.news-detail #content-view {
	border: 0px solid red;
	padding-left: 130px;
	width: 355px;
}
*/
#pageContent.news-detail #content-view {
 	width: 48%;
	padding-right: 20px;
}
.news-detail #content-view .image-title {
	float: left;
	font-weight: bold;
	margin-right: 10px;
}
.news-detail #content-info h1 {
	font-size: 11px;
	color: #000;
	text-transform:none;
}
.news-detail #content-view ul li img {
}
/* .publication-homepage
--------------------------------------------------------------------------------------- */
#featured-publications {
	background: url(../images/dotted_line_short.gif) 0 bottom no-repeat;
	border: 0px solid red;
	height: 183px;
	margin-bottom: 13px;
	overflow: visible;
}
#content-view > #featured-publications {
	height: auto;
	min-height: 183px;
	overflow: hidden;
}

.publications-homepage #content-view ul li {
	margin-right: 12px;
}
.publications-homepage #content-view ul li span {
	margin-top: 5px;
	float: left;
}
.publication-date {
	display: none;
	width: 30px;
}
.publications-homepage #content-view #other-publications ul ul{
	margin-bottom: 12px;
}
#pageContent #other-publications p a {
	color: #c00;
}

/* .publication-detail
--------------------------------------------------------------------------------------- */
#pageContent.publication-detail #content-info {
	width: 48%;
}
#pageContent.publication-detail #content-view {
	border: 0px solid red;
	padding-left: 130px;
	width: 355px;
}
.publication-detail #content-view .image-title {
	float: left;
	font-weight: bold;
	margin-right: 10px;
}
.publication-detail #content-info h1 {
	font-size: 11px;
	color: #000;
	text-transform:none;
}
.publication-detail #content-view ul li img {

}
#pageContent.publication-detail #displayFadeOut,
#pageContent.publication-detail #displayItem {
	position: relative;
}
input.requestPublicationButton {
	padding: 0 4px 3px 4px;
	height: 20px;
	cursor:pointer;
}

/* event-homepage
--------------------------------------------------------------------------------------- */
.events-homepage .content-links h4 {
	display: none;
}
.events-homepage #content-view ul li img {
	height: 150px;
	width: 222px;
}
.events-homepage #content-view li 
{
    background: transparent;
	margin-bottom: 12px;
	margin-right: 12px;
	position: relative;
	display: block;
	width: 222px;
	height: 150px;	
}

.events-homepage #content-view p {
    position: absolute;
    z-index: 101;
    bottom: 0;
    left: 0;
    width: 222px;
    line-height: 23px;
}
.events-homepage #content-view p a,
.events-homepage #content-view p a:visited
{
    display: block;
    color: white;
    text-decoration: none;
    width: 100%;
    height: 100%;
	line-height: 14px;
	background-color: #333;
}

.events-homepage #content-view p>a {
	background:transparent url(/Global/images/grey333h80pc.png) repeat scroll 0% 0%;
}


.events-homepage #content-view p a:hover {
    background-color: #c00;
	background-image: none;
}

.events-homepage #content-view p a span.event-date 
{
    display: block;
}
.events-homepage #content-view p a span {
	margin-left: 10px;
	display: block;
}


/* news-homepage
--------------------------------------------------------------------------------------- */
#pageContent.news-homepage #content-view {
	width: 100%;
}
#pageContent.news-homepage #content-view-grid li a {
	width: 456px;
}
.news-homepage #content-view h1 {
	display: none;
}
.news-homepage #content-view li {
	background: #fff;
	width: 456px;
	margin-right: 10px;
}
.news-homepage #content-view li a,
.news-homepage #content-view li a:visited {
	color: #000;
}
.news-homepage #content-view li img {
	background: #999;
	border: none;
	height: 150px;
	float: left;
	margin-right: 12px;
	width: 222px;
}

/* project-detail
--------------------------------------------------------------------------------------- */


	#pageContent.project-detail a {
		text-decoration: none;
	}
	#pageContent.project-detail h3,
	#pageContent.project-detail h4 {
		font-size:11px;
		font-weight:bold;
		line-height: 14px;
		margin: 0;
		padding: 0;
	}
	
	#pageContent.project-detail  {
		height: 650px;
		margin-top: 0;
		overflow: visible;
	}
	#container > #pageContent.project-detail {
        height: auto;
        min-height: 650px;
	}	
	
	
    #pageContent.project-detail #project-info1 li,
    #pageContent.project-detail #project-info2 li,
    #pageContent.project-detail #project-info3 li   {
        list-style-type: disc;
        margin-left: 14px;
    }
	
	/* projectViewer */
	#projectViewer {
		height: 650px;
		width: 924px;
		overflow: visible;
        position: relative;
	}
	#pageContent.project-detail > #projectViewer {
        min-height: 650px;
        height: auto;
	}	
	#pvImagesArea {
		height: 390px;
	}
	#pvDisplayArea {
		height: 366px;
        width: 924px;
        overflow: hidden;
        position: relative;
	}
	#pvDisplayArea ul {
		height: 100%;
        width: 100%;
        position: relative;
	}
	
/*	#pvFadeOut removed from viewer - 19 Apr 2008 */

	#pvDisplayArea ul li.imageHolder {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 99;
        background-color: white;
        text-align: right;
	}
	#pvNavArea 
	{
        height:45px;
        margin-bottom:36px;
        margin-top:24px;
        overflow:visible;
        position:relative;
        width:auto;
	}
	#pvNavArea ul {
		padding: 0;
		margin: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 100;
        height: auto;
        width: auto;
        border-bottom: 0px;
	}


	#pvNavArea ul li {
		border-left: 1px solid #c00;
		float: left;
		height: 13px;
		line-height: 1em;
		list-style: none;
		padding-left: 10px;	
		width: auto;
		margin-right: 20px;
		display: block;
		overflow: hidden;
	}
	
		
	#pvNavArea ul li.selected {
	    color: #c00;
	}
	#pvNavArea ul li h4 {
		line-height: 1em;
	}
	
	#pvNavArea ul li h4 a:link,
	#pvNavArea ul li h4 a:visited,
	#pvNavArea ul li h4 a:hover,
	#pvNavArea ul li h4 a:focus,
	#pvNavArea ul li h4 a:link{
		color: black;
	}
	#pvNavArea ul li.selected h4 a:link,
	#pvNavArea ul li.selected h4 a:visited,
	#pvNavArea ul li.selected h4 a:hover,
	#pvNavArea ul li.selected h4 a:focus,
	#pvNavArea ul li.selected h4 a:link{
		color: #c00;
	}

    /* this styling should be better integrated with the project viewer creating an id for the ul */
    /* not done to avoid issuing another version of stViewer.js (19 Apr 2008) */

    #pvNavArea ul li.inRotation,
    #pvNavArea ul li.noRotation{
        height:auto;
        width:auto;
        border-left: 0px;
        padding-left: 0;
    }
    #pvNavArea ul li.inRotation h4,
    #pvNavArea ul li.noRotation h4 {
        width:auto;
        display: inline;
        padding-left: 10px;
        border-left: 1px solid #c00;
    }
    #pvNavArea ul li.inRotation ul,
    #pvNavArea ul li.noRotation ul {
        display: block;
        width: auto;
        height: auto;
    }


	#pvNavArea ul li ul {
		margin: 0;
		border: 0px;
		overflow: auto;
        position: static;
        padding: 12px 0 0 10px;
	}
	#pvNavArea ul li ul li {
		border-left: 0px solid red;
		float: left;
		height: 13px;
		line-height: 1em;
		list-style: none;
		padding-left: 0px;	
		width: 12px;
		margin-right: 0;
		position: relative;
	}
	#pvNavArea ul li ul li a {
		background:#999;
		border: 0px solid blue;
		display: block;
		width: 6px;
		height: 13px;
		text-indent: -999em;
		
	}
	
	#pvNavArea ul li ul li span {
	    border-left-color:white;
        border-left-style:solid;
        border-left-width:1px;
        display:block;
        height:4px;
        left:3px;
        position:absolute;
        top:-7px;
        overflow: hidden;
	}
	
	#pvNavArea ul li ul li.selected a {
		background:#B11827;
	    
	}
	#pvNavArea ul li ul li a:hover {
		background:#B11827;
	}
	#pvNavArea ul li ul li a.alt {
		background:#B11827;
	}
	
	#pvNavArea #pvProjectNav {
	    float: right;
	    margin-top: 3px;
	}
	#pvNavArea #pvProjectNav ul {
	    border: none;
        height:auto;
        position: static;
	}
	
	#pvNavArea #pvProjectNav li#previousProject,
	#pvNavArea #pvProjectNav li#projectNavText,
	#pvNavArea #pvProjectNav li#nextProject
	 {
        border: none;
        width: auto;
		margin-right: 0;
		font-weight: bold;
	}	
	#pvNavArea #pvProjectNav li#previousProject a {
        background: url(../images/arrows_sprites.gif) no-repeat;
        background-position: -3px -21px;
        display: block;
        text-indent: -999em;
        width: 12px;
        height: 12px;
	}	
	#pvNavArea #pvProjectNav li#nextProject a {
        background: url(../images/arrows_sprites.gif) no-repeat;
        background-position: -15px -21px;
        display: block;
        text-indent: -999em;
        width: 12px;
        height: 12px;
	}	
	
	#pvNavArea #horizontalBar {
	    height: 5px;
	    width: 100%;
	    background-color: #666;
        position: absolute;
        top: 17px;
        left: 0;
        z-index: 50;
        overflow: hidden;
	}
	#pvNavArea #horizontalBar p {
	    background-color:#CC0000;
        height:100%;
        width:0px;
	}
	#project-info1 h1 {
        color:#CC0000;
        font-size:11px;
        line-height: 14px;
        margin-bottom:14px;
        margin-top: 0;
	}
	
	#project-info1 h2, #project-info2 h2, #project-info3 h2 {
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 7px;
        margin-top: 21px;
	} 
	#project-info1 p, #project-info2 p, #project-info3 p {
        font-size: 11px;
        line-height: 14px;
        margin-bottom: 14px;
	} 
	#project-info1 ul, #project-info2 ul, #project-info3 ul {

        margin-bottom: 14px;
	} 
	
    #project-info1 
    {
        width: 448px;
        height: auto;
        float: left;
        margin-right: 20px;
    }

    #project-info2, #project-info3 {
        float:left;
        height:auto;
        line-height: 14px;
        margin-right:12px;
        margin-top: 0;
        width:222px;
    }
    #project-info3 {
        margin-right: 0;
    }
    
    #project-accessible-images {
        clear: both;
		position: absolute;
		top: 390px;
    }
	
	#project-accessible-images ul li {
		float: left;
		margin-right: 20px;
	}
	#project-accessible-images ul li ul li {
		float: left;
		margin-right: 5px;
	}
	
    #project-accessible-images.js * 
    {
        display: none;
    } 


/* search-results
--------------------------------------------------------------------------------------- */
.search-results #content-view #content-search {
    overflow: hidden;
    margin-bottom: 2em;
	width: 100%;
}

.search-results #content-view #content-search input#content-search-field {
    width: 200px;
    margin-right: 7px;
}
.search-results #content-view #content-search input#content-search-button {
    border: none;
    height: auto;
}
.search-results #content-view .content-search-results  {
    font-weight: bold;
}

.search-results #content-view ol 
{
    margin-left: 0;
    margin-top: 2px;
	background: url(../images/dotted_line.gif) top left repeat-x;
}

.search-results #content-view ol li {
	padding-bottom: 7px;
	padding-top: 7px;
	background: url(../images/dotted_line.gif) bottom left repeat-x;
}
#pageContent.new-search-results #content-info {
	width: 24%;
	display: none;
}
#pageContent.new-search-results #content-view {
	width: 48%;
	float:none;
	margin: 0 auto;
}
#pageContent.new-search-results #content-view ol {
	padding-left: 0;
}

#pageContent.new-search-results #content-view #branding-search {
	border: 0px solid red;
	float: none;
	width: 455px;
	margin-bottom: 25px;
	height: 19px;
}
.new-search-results #branding-search label.label-visible {
	display: block;
	margin-bottom: 2px;
}
.new-search-results #branding-search .search-field {
	width: 386px;
}

.new-search-results #content-search label {
    display: none;
}
/* Contacts page
--------------------------------------------------------------------------------------- */

#pageContent.page100 #col1,
#pageContent.page100 #col2,
#pageContent.page100 #col3 {
	width: 216px;
	margin-right: 20px;
	float: left;
}
#pageContent.page100 #col4 {
	margin-right: 0px;
}

/* site-map
--------------------------------------------------------------------------------------- */
#pageContent.site-map {
	margin-top: 10px;
}
#pageContent.site-map #content-view {
	width: 100%;
}
#pageContent.site-map ul {
/*	ppadding-top: 10px;
	bbackground: url(../images/dotted_line.gif) 0px 0px repeat-x;*/
}
#pageContent.site-map ul li {
	padding-bottom: 14px;
	padding-top: 10px;
	background: url(../images/dotted_line.gif) 0px 0px repeat-x;
}
#pageContent.site-map ul li ul {
	padding-top: 15px;
	background: none;
}

#pageContent.site-map ul li ul li {
	background:transparent url(../images/arrows_blk.gif) no-repeat scroll 0px 6px;
	line-height:18px;
	padding-left:14px;
	padding-top: 0px;
}
#pageContent.site-map ul li ul li a,
#pageContent.site-map ul li ul li a:link,
#pageContent.site-map ul li ul li a:visited {
	font-weight: bold;
	color: #000;
}
#pageContent.site-map ul li ul li a:hover {
	color: #c00;
}
#pageContent.site-map ul li ul li ul {
	padding-top: 0;
}
#pageContent.site-map ul li ul li ul li {
	padding-bottom: 0;
}
#pageContent.site-map ul li ul li ul li a,
#pageContent.site-map ul li ul li ul li a:link,
#pageContent.site-map ul li ul li ul li a:visited {
	font-weight: normal;
	color: #000;
}
#pageContent.site-map ul li ul li ul li a:hover {
	color: #c00;
}


/* error-page
--------------------------------------------------------------------------------------- */

.errorpage #content-view {
    width: 50%;
}

.errorpage p
{
    margin-top: 1em;
}

#pageContent.errorpage #content-view ul li {
	list-style:disc;
	margin-left:15px;
	text-indent: 0px;
	line-height: 14px;
	width: auto;
	float: none;
}



/* campaigns
--------------------------------------------------------------------------------------- */

div.page100 #tmp_impression {
	height: 485px;
}
div.page100 #tmp_impression object {
	left:50%;
	margin-left:-481px;
	position:absolute;
	top:0pt;
}


/* Video & Audio / Audio & Video
--------------------------------------------------------------------------------------- */

body.video h1 {
	text-transform:none;
}

body.video #content-info hr {
	color: #CCC;
}

body.video #youtube {
	border: 1px solid #ccc;
	width: 560px;
	height: 340px;
}

body.video div#videoLinks {
	margin-top: 40px;
}
body.video div#videoLinks.videoGrid {
	margin-top: 0px;
}
body.video ul#videoList {
	margin-top: 12px;	
}
body.video div.videoGrid ul#videoList {
	margin-top: 0px;	
}
body.video ul#videoList li {
	float:left;
	width:222px;
	height: 240px;
	margin-bottom:12px;
	margin-right:12px;
}
body.video div.videoGrid ul#videoList li {
	margin-bottom:40px;
}
body.video ul#videoList li a {
	color: #cc0000;
	display:block;
}

body.video ul#videoList li a.title {
	display: inline;
	font-weight: bold;
	cursor: pointer;
}
body.video ul#videoList li a img {
	margin-bottom: 15px;	
}
body.video ul#videoList li p {
	padding-top: 5px;	
}


/* T E M P     C S S  */

#pageContent.pageContent-homepage #content-view #promo1 {
	padding-right:12px;
	width:415px;
}
#pageContent.pageContent-homepage #content-view #promo2 {
	padding-right:18px;
	padding-top: 3px;
	width:245px;
}

.pageContent-homepage #content-view #promo2 a#promo2-box1,
.pageContent-homepage #content-view #promo2 a#promo2-box2,
.pageContent-homepage #content-view #promo2 a#promo2-wide,
.pageContent-homepage #content-view #promo2 a#promo2-wide-alt {
	display: block;
	height: 101px;
	width: 115px;
	text-indent: -999em;
	overflow: hidden;
	border: none;
	float: left;
}


.pageContent-homepage #content-view #promo2 a#promo2-box1 {
	margin-right: 15px;
}
.pageContent-homepage #content-view #promo2 a#promo2-wide,
.pageContent-homepage #content-view #promo2 a#promo2-wide-alt {
	width: 245px;
}
.pageContent-homepage #content-view #promo2 a#promo2-box1:link,
.pageContent-homepage #content-view #promo2 a#promo2-box1:visited {
	background: url("/Global/Front%20Page/boxes/frontpageboxes_sprite.jpg") no-repeat 0 -202px;
}
.pageContent-homepage #content-view #promo2 a#promo2-box1:hover,
.pageContent-homepage #content-view #promo2 a#promo2-box1:focus,
.pageContent-homepage #content-view #promo2 a#promo2-box1:active {
	background: url("/Global/Front%20Page/boxes/frontpageboxes_sprite.jpg") no-repeat 0 -303px;
}
.pageContent-homepage #content-view #promo2 a#promo2-box2:link,
.pageContent-homepage #content-view #promo2 a#promo2-box2:visited {
	background: url("/Global/Front%20Page/boxes/frontpageboxes_sprite.jpg") no-repeat -130px -202px;
}
.pageContent-homepage #content-view #promo2 a#promo2-box2:hover,
.pageContent-homepage #content-view #promo2 a#promo2-box2:focus,
.pageContent-homepage #content-view #promo2 a#promo2-box2:active {
	background: url("/Global/Front%20Page/boxes/frontpageboxes_sprite.jpg") no-repeat -130px -303px;
}
.pageContent-homepage #content-view #promo2 a#promo2-wide:link,
.pageContent-homepage #content-view #promo2 a#promo2-wide:visited {
	background: url("/Global/Front%20Page/boxes/frontpageboxes_sprite.jpg") no-repeat 0 0;
}
.pageContent-homepage #content-view #promo2 a#promo2-wide:hover,
.pageContent-homepage #content-view #promo2 a#promo2-wide:focus,
.pageContent-homepage #content-view #promo2 a#promo2-wide:active {
	background: url("/Global/Front%20Page/boxes/frontpageboxes_sprite.jpg") no-repeat 0 -102px;
}
/* if planning to schedule publishing front page */
.pageContent-homepage #content-view #promo2 a#promo2-wide-alt:link,
.pageContent-homepage #content-view #promo2 a#promo2-wide-alt:visited {
	background: url("/Global/Front%20Page/boxes/frontpageboxes_sprite.jpg") no-repeat 0 0;
}
.pageContent-homepage #content-view #promo2 a#promo2-wide-alt:hover,
.pageContent-homepage #content-view #promo2 a#promo2-wide-alt:focus,
.pageContent-homepage #content-view #promo2 a#promo2-wide-alt:active {
	background: url("/Global/Front%20Page/boxes/frontpageboxes_sprite.jpg") no-repeat 0 0;
}


/* E N D      T E M P     C S S  */




/* R E D E S I G N    S I T S */

html {
	overflow: auto;
}

body.homePage {
	margin: 0;
	padding: 0;
	background: none;
}

body.homePage #container {
	background: none;
	margin: 0 auto;
	width: 1020px;
	padding: 0;
	position: relative;
	overflow: hidden;
	height: 638px;
	height: 620px;
	border: 0px solid red;
}

body.homePage #breadcrumbs ul li {
	display: none;	
}
body.homePage #pageHeader {
	height: 160px;
	width: 1023px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
	background: none;
}

body.homePage #branding p {
	background: url(/Global/Front%20Page/img/logo.png) no-repeat;
	margin-left: 50px;
}
* html body.homePage #branding p {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Global/Front%20Page/img/logo.png', sizingMethod='none');
	margin-left: 20px;
}

body.homePage #branding-search {
	padding-right: 50px;
	margin-top: 20px;
}

body.homePage #nav-main {
	background: url(/Global/Front%20Page/img/menuBG10percent.png) repeat-x;	
	margin: 0 50px;
	padding: 0 10px;
}
* html body.homePage #nav-main {
	background-image: none;
}

body.homePage #nav-main ul {
	background: none;	
}

body.homePage a,
body.homePage a:link,
body.homePage a:visited,
body.homePage a:active,
body.homePage a:hover {
	color: #fff;	
}
body.homePage #pageContent .content-links a,
body.homePage #pageContent .content-links a:link,
body.homePage #pageContent .content-links a:visited,
body.homePage #pageContent .content-links a:active {
	color: white;	
}

body.homePage #pageContent {
	margin: 0;
	padding: 0;
	height: 638px;
	min-height: 638px;
	width: 1024px;
}

body.homePage #container > #pageContent {
	min-height: 638px;
}

body.homePage #pageContent.pageContent-homepage #home-images {
	position: absolute;	
	top: 0;
	left: 0;
	width: 1024px;
	height: 638px;
}
body.homePage #pageContent.pageContent-homepage #displayFadeOut,
body.homePage #pageContent.pageContent-homepage #displayItem {
	width: 1024px;	
}

body.homePage #pageContent #content-view #promo1 {
}
body.homePage #pageContent #content-view #promo1 h2 {
	display: block;
	z-index: 500;
	width: 249px;
	height: 19px;
	position: absolute;
	right: 50px;
	top: 48px;
	color: #fff;
	font-size: 1px;
	font-weight: normal;
	text-indent: -999em;
	background: url(/Global/Front%20Page/img/creatingPlacesForPeople.png);
}
* html body.homePage #pageContent #content-view #promo1 h2 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/Global/Front%20Page/img/creatingPlacesForPeople.png', sizingMethod='none');
}
body.homePage #pageContent #content-view #promo1 h2 span {
	color: #fff;	
}

body.homePage #pageContent #content-view #promo2 {
	display: none;
}
body.homePage #pageContent #content-view #promo3 {
	z-index: 500;
	width: 780px;
	position: absolute;
	top: 425px;
	left: 50px;
}
body.homePage #pageContent #content-view #promo3 h2 {
	display: block;
	float: left;
	width: 66px;
	height: 21px;
	background: #f00;
	margin-right: 20px;
	color: #fff;
	padding-left: 20px;
	padding-top: 1px;
	text-transform:uppercase;
	background:url(/Global/Front%20Page/img/latest.jpg) no-repeat;
	margin-top: 77px;
	margin-right: 0;
	width: auto;
	padding-right: 5px;
}
body.homePage #pageContent #content-view #promo3 h2 a {
	display:block;
	width:auto;
	height:auto;
}

body.homePage #pageContent #content-view #promo3 ul {
}

body.homePage #pageContent #content-view #promo3 ul li {
	float: left;
	display: block;
	width: 119px;
	height: 125px;
	background: #cecece;
	margin-left: 20px;
	padding-left: 0;
	background: none;
	position: relative;
}

body.homePage #pageContent #content-view #promo3 ul li.item0 {
	background:url(/Global/Front%20Page/img/latest-item1.jpg) no-repeat;
	
}
body.homePage #pageContent #content-view #promo3 ul li.item1 {
	background:url(/Global/Front%20Page/img/latest-item2.jpg) no-repeat;
}
body.homePage #pageContent #content-view #promo3 ul li.item2 {
	background:url(/Global/Front%20Page/img/latest-item3.jpg) no-repeat;
}
body.homePage #pageContent #content-view #promo3 ul li.item3 {
	background:url(/Global/Front%20Page/img/latest-item4.jpg) no-repeat;
}
body.homePage #pageContent #content-view #promo3 ul li.item4 {
	background:url(/Global/Front%20Page/img/latest-item5.jpg) no-repeat;
}

body.homePage #pageContent #content-view #promo3 ul li a {
	color: #fff;
	padding: 0;
	margin: 0;
	display: block;
	width: 111px;
	height: 40px;
	line-height: 13px;
	font-size: 12px;
	padding: 4px;
	border-bottom: 0px solid #fff;
	background:url(/Global/Front%20Page/img/latestDottedLine.png) repeat-x;
	position:absolute;
	bottom: 0;
}
* html body.homePage #pageContent #content-view #promo3 ul li a {
	background-image: none;
}
body.homePage #pageContent #content-view #promo3 ul li a:hover {
	text-decoration: none;
	background:url(/Global/Front%20Page/img/latestDottedLine_over.png) repeat-x;
}
* html body.homePage #pageContent #content-view #promo3 ul li a:hover {
	background-image: none;
}

body.homePage #pageContent #content-view #promo3 ul li a span {
	display: block;
	width: 119px;
}
/*
body.homePage #pageContent #content-view #promo3 ul li.item1 a {
		background: #897854;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item1:hover a {
		background: #78694a;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item2 a {
		background: #8b8e94;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item2:hover a {
		background: #797c82;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item3 a {
		background: #608ee4;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item3:hover a {
		background: #5680ce;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item4 a {
		background: #292233;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item4:hover a {
		background: #3d434d;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item5 a {
		background:#066;
	}
	body.homePage #pageContent #content-view #promo3 ul li.item5:hover a {
		background:#188F89;
	}
*/

body.homePage #pageFooter {
	position: absolute;
	bottom: 0;
	right: 0;
	background: none;
}

body.homePage #pageFooter a,
body.homePage #pageFooter a:link,
body.homePage #pageFooter a:visited,
body.homePage #pageFooter a:active,
body.homePage #pageFooter a:hover {
		color: #000;
}

/* E N D   R E D E S I G N    S I T S */


/* I N T E R N A T I O N A L     S I T S */

#lang-selection {
	position: absolute;
	bottom: 63px;
	right: 50px;
	color: #fff;
}
body.bdpNetherlands #lang-selection a:hover {
	color: #f00;	
}


/* ------- NETHERLANDS --------- */

body.bdpNetherlands #pageContent #content-view #promo1 h2 {
	display: none;		
}
body.bdpNetherlands #pageHeader ul li.nav-main-bdpcom-link {
			float: right;
			width: auto;
}
body.bdpNetherlands #pageHeader ul li.nav-main-bdpcom-link a {
			margin-right: 0;
			color: #cc0000;
			font-size: 14px;
}


/* ------End NETHERLANDS ------ */


/* E N D    I N T E R N A T I O N A L     S I T S */


/* print styles
--------------------------------------------------------------------------------------- */
@media print {
 
	#container > #pageHeader {
		min-height: 20px;	
	}
	#branding {
		height: 5px;
		border: 1px solid green;
	}
	 #branding p {
		background: none;
		border: 1px solid blue;
	}
	
	#branding p a {
		text-indent: 0px;
		font-weight: bold;
		font-size: 42px;
		color: #cc0000;
		padding-top: 10px;
		border: 1px solid red;
	}
	#branding-search {
		display: none;	
	}
	
	#nav-main {
		display: none;	
	}
	
	#breadcrumbs {
		display: none;	
	}
	
	#nav-sub {
		height: 40px;	
	}
	#pageHeader > #nav-sub {
		min-height: 40px;
	}
	
	#pageFooter {
		display: none;	
	}

/* People */
#nav-sub.nav-sub-people h2 {
	display: none;	
}
#nav-sub-list {
	display: none;	
}
#pageContent.article-detail {
	position: relative;
	border: 1px solid yellow;
}
#pageContent.article-detail #content-info {
	position: absolute;
	right: 310px;
	width: 420px;
}
#pageContent.article-detail #content-view {
	position: absolute;
	left: 0px;
	padding-left: 20px;
	width: 210px;
}
.article-detail #content-view ul li img {
	width: 200px;
	height: 175px;;
}
#content-view .vcard li {
	width: 200px;	
}
#pageContent.article-detail #content-view .vcard li.fn a {
	padding-left: 0px;
}
#pageContent #content-info .content-links ul li {
	padding-left: 0px;
}
/* People End */

}




