/**
*	PF PAGE LAYOUT STYLES
 */
/*
*	INDEX
*
*	=0 Header
*	=1 Home Page
*	=2 News Page
*	=3 Work Page
*	=4 About Page
*	=5 News Node Pages
*	=6 Contact Pages
*	=7 Project Pages
*	=8 Admin Pages
*	=9 Footer
*
*/

/****	=0 Header			****************************************************************************************/
#header{
	z-index:999;
	margin-top:80px;
	margin-bottom:80px;}

/****	=1 Home Page		****************************************************************************************/
#page-home-container{
	min-height:350px;}
	
.page-work h2.page-title, .page-about h2.page-title, .page-services h2.page-title{
	display:none;}
	
	
/****	=2 News Page		****************************************************************************************/
.work-item{
	position:relative;
	margin-bottom:40px;
	color:rgb(33,33,33);
	height:150px;}
	
.work-item a{
	color:rgb(33,33,33);}
	
.work-item a:hover{
	color:rgb(255,255,255);}
	
a.work-link, a.work-link:hover{
	position:absolute;
	z-index:101;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:transparent;}
	
.fadein-overlay{
	position:absolute;
	z-index:999;
	background-color:#FCF;
	width:100%;
	height:100%;
	display:none;
}
	
.work-top-stripe{
	position:relative;
	z-index:101;
	width:100%;
	height:3px;
	background-color:rgb(180,198,218);}
	
.work-front-container{
	position:absolute;
	z-index:100;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;
	visibility:hidden;}
	
.work-item:hover .work-front-container{
	visibility:visible;}
	
.work-back-container{
	position:absolute;
	top:0px;
	right:0px;
	bottom:0px;
	left:0px;}

.work-item:hover .work-back-container{
	visibility:hidden;}
	
.work-info-background-container{
	height:100%;
	width:100%;
	background-color:rgb(180,198,218);}
	
.work-info-container{
	position:relative;
	z-index:601;
	padding:.5em;
	text-transform:uppercase;
	height:100%;}
	
.work-info-container div{
	position:relative;
	z-index:602;}

.work-title h2 a{
	color:rgb(255,255,255);}
	
.work-teaser{
	display:none;
	margin-top:2em;}
	
.work-info-container, .work-info-container a{
	color:rgb(255,204,255);
}
	

	
/* 
* type specific styles
*/

/*news styles*/

.work-item.news .work-info-background-container,.work-item.news .work-top-stripe{
	/*background-color:rgb(0,175,240);*/
	/*background-color:rgb(127,215,247);*/
	background-color:rgb(114,133,152);}
	
.work-item.news a:hover{
	/*color:rgb(0,175,240);*/
	color:rgb(114,133,152);}	

/*design for policy styles*/

.work-item.news.design-for-policy-blog .work-info-background-container,.work-item.news.design-for-policy-blog .work-top-stripe{
	background-color:rgb(238,234,136);}
	
.work-item.news.design-for-policy-blog a:hover{
	color:rgb(238,234,136);}
	
.work-item.news.design-for-policy-blog .work-title h2 a{
	color:rgb(0,0,0);}
	
.work-item.news.design-for-policy-blog .work-info-container, .work-item.news.design-for-policy-blog .work-info-container a{
	color:rgb(111,110,64);}
	
a.override-link{
	position:absolute;
	z-index:602;
	display:block;
	width:100%;
	height:100%;}
	
a.override-link:hover{
	background-color:inherit;}
	
/*work-in-progress styles*/

.work-item.news.work-in-progress .work-front-container, .work-item.news.work-in-progress:hover .work-back-container{
	visibility:visible;}

.work-item.news.work-in-progress:hover .work-front-container{
	visibility:hidden;}
	
.work-item.news.work-in-progress .work-info-background-container{
	height:auto;}
	

	
/* design & general projects styles */
/*
.work-item.projects .work-info-background-container,.work-item.projects .work-top-stripe{
	background-color:rgb(64,195,244);}

.work-item.projects a:hover{
	color:rgb(64,195,244);}	
*/

/* strategy styles */
/*
.work-item.projects.strategy .work-info-background-container,.work-item.projects.strategy .work-top-stripe{
	background-color:rgb(127,215,247);}
	
.work-item.projects.strategy a:hover{
	color:rgb(127,215,247);}	
	*/

/* policy styles */
/*
.work-item.projects.policy .work-info-background-container,.work-item.projects.policy .work-top-stripe{
	background-color:rgb(191,235,251);}
	
.work-item.projects.policy a:hover{
	color:rgb(191,235,251);}
	*/

	
/****	=3 Services Page		****************************************************************************************/
.page-services .col-center h1{
	font-size:3em;
	font-weight:lighter;
	line-height:1.5em;}
	
.view-util-slideshow-service-nodes{
	margin-bottom:1.6em;}
	
	
.view-util-slideshow-service-nodes .views-field-title{
	position:absolute;
	height:1.6em;
	bottom:0;
	padding:.2em;
	background-image:url('../images/solid_black_60p.png');
	width:100%;
	visibility:hidden;}
	
.view-util-slideshow-service-nodes:hover .views-field-title{
	visibility:visible;}
	
.view-util-slideshow-service-nodes .views-field-title a{
	color:rgb(204,204,204);}
	
#services-panel .panel-region-separator{
	display:none;}
	
/****	=4 About Page		****************************************************************************************/

/****	=5 News Node Pages	****************************************************************************************/

/*
.panel-display.panel-1col .pane-content-container, .panel-display.panel-1col .pane-content{
	padding:0px;
} */

.underlay-wrapper .panel-pane{
	margin:0px;}

/****	=6  Pages		****************************************************************************************/
/****	=7 Project Pages		****************************************************************************************/

.view-util-broadcast-gallery .views-pf-grid-row{
	margin-bottom:15px;}

/****	=8 Admin Pages		****************************************************************************************/
/****	=9 Footer			****************************************************************************************/	

#footer {
	margin-top:90px;}
	
#footer div.block{
	margin:0px;}
	
#footer .pane-content{
	padding:0px;}

#footer  .site-copyright{
	font-size:.75em;
	color:rgb(30,30,30);
	float:right;}



/*
*
*	COLORS
*
*	color name	color value / grayscale value
*
*	-25% blue 	rgb(0,139,191)
*	blue 		rgb(0,175,240) / rgb(204,204,204)
*	75% blue	rgb(64,195,244)
*	50% blue	rgb(127,215,247)
*	25% blue	rgb(191,235,251)
*	green 		rgb(4,180,53) / rgb(113,113,113)
*	yellow		rgb(255,234,0) / rgb(215,215,215)
*	red		rgb(239,49,35) / rgb(104,104,104)
*	12% grey	rgb(30,30,30)
*	30% gray	rgb(77,77,77)
*	80% gray	rgb(204,204,204)
*
*
*	Z-INDEX
*
*	usage			z-index range
*
*	background images	0
*	overlay images		100-200
*	overlay primary links	500-600
*	overlay secondary links	601-700
*	fade overlays		999
*
*/