/**
*	PF SECONDARY LAYOUT STYLES
 */
 
/*
*	INDEX
*
*	=1 Panel Styles
*	=2 Fields & Fieldsets
*	=3 Menu Styles
*
*/

/****	=1 Panel Styles		****************************************************************************************/

.pane-title{
	display:block;
	padding:0 5px;}
	
.pane-title-bar{
	width:100%;
	height:4px;
	background-color:rgb(218,218,218);
	margin-bottom:5px;
}

.pane-content{
	padding:5px;
}

.panel-pane{
	margin-bottom:10px;}
	
.pf_node_overlay_panel .overlay-wrapper .box{
	color:rgb(228,244,241);
	text-transform:uppercase;
	background-image:url('../images/solid_blue100_80p.png');
	padding:5px;
}
	
.no-padding, .no-padding>.pane-content-container>.pane-content{
	padding:0;}
	
.panel-region-separator{
	float:left;
	width:100%;
	margin:10px 0px;}
	
.overlay-wrapper .panel-region-separator, .menu-region .panel-region-separator{
	display:none;}

/****	=2 Fiels & Fieldsets ****************************************************************************************/

div.fieldgroup .content{
	margin:0;
	padding:0;}

.field-field-broadcast-detail-name{
	float:left;
	width:70px;
	margin-right:10px;}
	
.field-field-broadcast-detail-val{
	float:left;
	width:150px;
	clear:right;}
	
.view-display-publications-exhibitions .views-field-title{
	float:left;
	margin-right:10px;}
	
.view-display-publications-exhibitions .views-field-date{
	float:left}
	
.field-field-gallery-images{
	margin-top:5px;}
	


/****	=3 Menu Styles		****************************************************************************************/
.pf-menu{
	text-transform:uppercase;
	background-color:rgb(255,255,255);
	margin-top:31px;
	color:rgb(255,255,255);
}
	
.pf-menu .pane-title h2{
	color:rgb(204,204,204);}
	
.pf-menu:hover .pane-title h2{
	color:rgb(204,204,204);
}

.pf-menu a, .pf-menu a.link{
	color:rgb(0,0,0);}
	
.pf-menu p{
	margin-bottom:0;}
	
.pf-menu:hover .pane-title-bar, .pf-menu a.active .pane-title-bar{
	background-color:rgb(255,255,255);}
	
.pf-menu:hover>a, .pf-menu a.active, .pf-menu a:hover{
	color:rgb(255,255,255);}
	
.pf-menu a:visited{
	color:rgb(77,77,77);}
	
.site-logo{
	margin-bottom:10px;
	margin-left:5px;
	display:block;
	width:32px;
	height:21px;
	background-image:url('../images/pf_logo_80.png');
	background-repeat:no-repeat;
	background-color:none;}

.pf-menu.header-spacer:hover .site-logo, .page-home .site-logo{
	background-image:url('../images/pf_logo_100.png');
	background-repeat:no-repeat;
	background-color:none;}
	
.site-logo>h1{
	display:none;}
	
.pf-menu.header-spacer{
	margin-top:0px;}

.pf-menu.header-spacer .pane-content-container .pane-content{
	display:block;
	background-color:inherit;
	position:relative;
	padding:0px;
	margin:0px;
	width:150px;}

.pf-menu .pane-content-container{
	position:relative;}
	
.pf-menu>.pane-content-container>.pane-content{
	position:absolute;
	width:190px;
	display:none;
	z-index:200;
	background-color:rgb(30,30,30);}
	
.pf-menu:hover .pane-content, .page-home .pf-menu .pane-content{
	display:block;
	min-height:.5em;}

	
/*logo menu*/
.pf-menu.header-spacer:hover .pane-title-bar, .pf-menu.header-spacer a.active .pane-title-bar, .page-home .pf-menu.header-spacer .pane-title-bar{
	background-color:rgb(255,255,255) ;}
	
/*work menus*/
.pf-menu.menu-work:hover .pane-title-bar, .pf-menu.menu-work a.active .pane-title-bar, .page-home .pf-menu.menu-work .pane-title-bar,.pf-menu.menu-work:hover .pane-content, .pf-menu.menu-work a.active .pane-content, .page-home .pf-menu.menu-work .pane-content{
	background-color:rgb(242,252,255);
}
	
.pf-menu.menu-work:hover>a, .pf-menu.menu-work a.active, .pf-menu.menu-work a:hover,.page-home .pf-menu.menu-work>a,.pf-menu.menu-work .work-search-widget:hover label{
	color:rgb(207,246,255);
}
	
	
/*services menus*/
.pf-menu.menu-services:hover .pane-title-bar, .pf-menu.menu-services a.active .pane-title-bar, .page-home .pf-menu.menu-services .pane-title-bar,.pf-menu.menu-services:hover .pane-content, .pf-menu.menu-services a.active .pane-content, .page-home .pf-menu.menu-services .pane-content{
	background-color:rgb(255,248,252);
}
	
.pf-menu.menu-services:hover>a, .pf-menu.menu-services a.active, .pf-menu.menu-services a:hover,.page-home .pf-menu.menu-services>a{
	color:rgb(255,0,0);
}



/*about menus*/
.pf-menu.menu-about:hover .pane-title-bar, .pf-menu.menu-about a.active .pane-title-bar, .page-home .pf-menu.menu-about .pane-title-bar,.pf-menu.menu-about:hover .pane-content, .pf-menu.menu-about a.active .pane-content, .page-home .pf-menu.menu-about .pane-content{
	background-color:rgb(255,255,204);
}
	
.pf-menu.menu-about:hover>a, .pf-menu.menu-about a.active, .pf-menu.menu-about a:hover,.page-home .pf-menu.menu-about>a{
	color:rgb(255,255,204);
}


/*contact menus*/
.pf-menu.menu-contact:hover .pane-title-bar, .pf-menu.menu-contact a.active .pane-title-bar, .page-home .pf-menu.menu-contact .pane-title-bar,.pf-menu.menu-contact:hover .pane-content, .pf-menu.menu-contact a.active .pane-content, .page-home .pf-menu.menu-contact .pane-content{
	background-color:rgb(143,255,215);
}
	
.pf-menu.menu-contact:hover>a, .pf-menu.menu-contact a.active, .pf-menu.menu-contact a:hover,.page-home .pf-menu.menu-contact>a{
	color:rgb(239,49,35) ;}
	
	
	



/*
*
*	COLORS
*
*	color name	color value / grayscale value
*
*	blue 		rgb(0,175,240) / rgb(180,180,180)
*	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)
*
*/