/*****************************   
beyondskins.Responsive - Diazo responsive theme for PLone
Simples Consultoria - www.simplesconsultoria.com.br
--------   beetlebrow.co.uk web + design   ---------------
******************************/

/* reset */
* {margin:0; padding:0; list-style:none; vertical-align:baseline; }

/************** Responsive Diazo Magic ************************/

/*  B G  I M A G E S */
#header {background-color: transparent; /* url() top center no-repeat; position:relative; left:0px; top:0px;*/}
body.section-front-page {
    background: #af2442 url(bb14_bg_boo_01b.png) top no-repeat; /* 444 */
	 background-position: 50% 0;
	background-size:1933px 2632px;
	}

body.section-front-page.bbg {background-color:#b9503d}
body.section-front-page.bbd {background-color:#6a878e}
body.section-front-page.bbb {background-color:#869e7f}
body.section-front-page.bbm {background-color:#af2442}
body.section-front-page.bbx {background-color:#444}
    
body.section-services {background: #444 url(bb_greytile_05c.png) top repeat;}
body.section-Portfolio {background: #eee url(bb_greytile_04.png) top repeat;} 
body.section-about-us {background: #333 url(bb_greytile_04.png) top repeat;}
body.section-contact-us {background: #8b9e7f url(bb_greytile_04.png) top repeat;}
body.template-search {background: #6a878e url(bb_greytile_04.png) top repeat;}
body.section-diy-site-updates {background: #b9503d url(bb_greytile_04.png) top repeat;}
body.section-what-do-you-need {background: #b9503d url(bb_greytile_04.png) top repeat;}
body.logged_out {background: #6a878e url(bb_greytile_04.png) top repeat;}

/*  F O N T S  bb section variations */
body.section-front-page  {color: #ccc; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 0.95em;}
body.section-services  {color: #999; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 0.95em;}
body.section-Portfolio  {color: #444; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 0.95em;}
body { background-color:#fff; color: #444; font-family: Open Sans, Arial, Helvetica, sans-serif; font-size: 0.95em;}

a:link, a:visited, #content a:link, dl.portlet a:link {color:#666; text-decoration:none; border-bottom: 0em;  }
a:hover  {color:#fff;}

/* F O N T S */
h1, h2, h3, h4, h5, h6 {font-family: Open Sans, Arial, Helvetica, sans-serif; line-height:1.2em; letter-spacing:-0.03em}
h1 {color: #6a878e; font-size: 4em; font-weight:normal;}
h2, h3, h4, h5, h6 {color: #666; font-size: 1.5em; line-height:1.2em}
#wrapper { width:auto; margin: 0 auto; max-width: 1010px; font-size: 1em;}

/*  B A S I C  */
#content {font-size: 0.95em; min-height:400px;}
.section-about-us-beetle-blog #content {font-size: 0.95em;  background:#eee; padding:1em}
p {line-height: 1.5em; margin: 0 0 1em 0;}
h1, h2, h3 {margin: 0.5em 0 0.5em;}
.section-about-us h2 {margin: 0.5em 0 0.1em;}

.hidden {display: none;} 
.clear {clear: both;}
.grey {color:#aaa}

.portlet img, #content img {max-width:100%;}

/*  F A D E  bb for img a href */
    /* quick - slow back */
.fade a:link, .fade a:visited {filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; -webkit-transition: 2s ease-in-out;
    -moz-transition:  2s ease-in-out; -o-transition:  2s ease-in-out; transition:  2s ease-in-out;  }
.fade a:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: 0.4s ease-in-out;
    -moz-transition:  0.4s ease-in-out; -o-transition:  0.4s ease-in-out; transition:  0.4s ease-in-out; }
    /* quick */
.fade2 a:link, .fade2 a:visited {filter: alpha(opacity=30); -moz-opacity: 0.3; opacity: 0.3; -webkit-transition: 2s ease-in-out;
    -moz-transition:  2s ease-in-out; -o-transition:  2s ease-in-out; transition:  2s ease-in-out;  }
.fade2 a:hover { filter: alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; -webkit-transition: 0.25s ease-in-out;
    -moz-transition:  0.25s ease-in-out; -o-transition:  0.25s ease-in-out; transition:  0.25s ease-in-out; }
 
/*  H O M E P A G E  ITEMS bb */
p.bbright2   {margin-right:2em; display:inline}
p.bbright3   {margin-right:0;  display:inline}
.bb14i-head00 {letter-spacing:-0.05em; color:#6a878e; font-size:600% ; max-width:100%; line-height:120%; text-align:center}
.bb14i-head01 {letter-spacing:-0.03em; color:#444; font-weight:normal; font-size:200%;  line-height:110%; text-align:center}
.bb14i-head02 { color:#444; font-weight:normal; font-size:150%;  line-height:110%; text-align:center; margin-top:1em }
.bbhp_rule {margin:3.5em 0 2em 0; border-top:1px solid #333;}
.bbhp_rulew {margin:3.5em 0 2em 0; border-top:1px solid #fff;}
.bbhp_panel1 { background-color:#af2442; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; display:inline-block; 
                padding:1em 1em 1em 1.5em; width:93%; }

.section-front-page .bbhead1 { 
	text-align:left; 
	font-size:1.4em; 
	font-weight:normal; 
	line-height:1.2em; 
	color:#fff; 
	letter-spacing:0em; 
	margin:0.5em 0 0.2em 0
	}
.section-front-page .bbhead2 { 
	text-align:center; 
	font-size:1.3em; 
	font-weight:normal; 
	line-height:1em; 
	color:#fff; 
	letter-spacing:0em; 
	margin:0.5em 0 0.4em 0 
	}
.section-front-page h1 { text-align:center; font-size:2.1em; font-weight:normal; color:#fff; letter-spacing:0em; line-height:2em; }
.section-front-page h2 { text-align:center; font-size:2em ; line-height:1.2em;} 
.section-front-page h3 {font-size:1.3em; font-weight:normal; line-height:0em; margin-bottom:0; color:#fff; letter-spacing:0em;} 

.box01 { width:90%; height:100%; border:1px solid #444; background:#222; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}
.box02, iframe {  padding:0.7em; margin:0 1em 1em 0; border:1px solid #eee; background:#fff; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px}

/*  S L I D E S H O W  */
.slideContainer {text-align: center; max-width:100%; max-height:100%}
.slideshowPortlet .portletHeader {display:none}
.slideContainer {background:transparent}
#portlets-above .slideshowPortlet .portletPics {border:none; margin:0 auto; max-width:100%; max-height:100%}

/*  E A S Y  S L I D E R  version 2, transparent and making responsive - scaling */
.slider li.slide.crossfade, #slider li.slide.crossfade {background-color:transparent}
#slider-container, #slider, .slider-list, li.slide.crossfade {max-width:100% !Important}

/* MORE SECTION STYLE VARIATIONS  bb */
.section-services h3 {color:#fff; text-align:center; padding:0.5em 1em; margin: 3em 0 1em 0; background:#6a878e; font-weight:normal; letter-spacing:0.4em; font-size:1.2em; text-transform:uppercase; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6;}
.section-services h3#stag2 {background:#8b9e7f;}
.section-services h3#stag3 {background:#b9503d;}
.section-services h4 {color:#fff; margin: 2em 0 0.4em 0; font-weight:normal; font-size:1em; text-transform:uppercase; letter-spacing:0.2em;}

/* Main content area of page */
.section-front-page #main { background-color:transparent!important; font-size: 1em; padding: 1em 1em; margin: 0 auto;}
.section-services #main  { background:#575757 url(bb_greytile_05c.png) top repeat ; 
	font-size: 1em; padding: 1em 1em 3em 1em; margin: 0 auto;}
.section-Portfolio #main { background:#fff url(bb_greytile_04.png) top repeat ;
	font-size: 1em; padding: 1em 1em 3em 1em; margin: 0 auto;}
.section-about-us #main  { background:#fff url(bb_greytile_04.png) top repeat ; 
	font-size: 1em; padding: 1em 1em 3em 1em; margin:0 auto ;}
.section-contact-us #main  { background:#fff url(bb_greytile_04.png) top repeat ; 
	font-size: 1em; padding: 1em 1em 3em 1em; margin: 0 auto;}
.section-what-do-you-need #main { background:#fff url(bb_greytile_04.png) top repeat ; 
	font-size: 1em; padding: 1em 1em 3em 1em; margin:0 auto ;}
.section-diy-site-updates #main { background:#fff url(bb_greytile_04.png) top repeat ; 
	font-size: 1em; padding: 1em 1em 3em 1em; margin:0 auto ;}
.template-search #main { background:#fff url(bb_greytile_04.png) top repeat ; 
	font-size: 1em; padding: 1em 1em 3em 1em; margin: 0 auto;}
#main { background:#fff ; font-size: 1em; padding: 1em 1em; margin: 0 auto;}

.slider-container, #slider-container {border:none!Important}

/* H E A D E R  +  L O G O  (bb variations)*/
#header {background-size:100% auto; text-align:center;}
#logo {position:absolute; 
	/* position:fixed; */ 
	top:0px; 
	left:10px;  
	width:100%; 
	text-align:left; 
	z-index:0; 
	}
#logo img {max-width:100%; }
#logo a {display:block; width:100%;}
.section-services #MyLogo {background :url(bb14_logo_trans.png) top no-repeat;}
.section-Portfolio #MyLogo {background :url(bb14_logo.png) top no-repeat;}
.section-about-us #MyLogo {background :url(bb14_logo_trans.png) top no-repeat;}
.section-contact-us #MyLogo {background :url(bb14_logo_trans.png) top no-repeat;}

#portal-personaltools {font-size: 1.1em;}

/* N A V I G A T I O N   (bb variations) */
.section-front-page #bbnav { text-align:left; color:#fff; margin:0px auto; visibility:hidden }
.section-front-page #bbnav a {color: #fff;}
.section-front-page #bbnav a:hover, #bbnav li.selected a { background: #af2442; color:#fff;}
.section-services #bbnav  { text-align:left; margin:0px auto; /* border-bottom:1px solid #444; */  }
.section-services #bbnav a {color: #fff; }
.section-Portfolio #bbnav a {color: #af2442;}
.section-Portfolio #bbnav a:hover, .section-Portfolio #bbnav a:active  {color: #fff;}
.section-contact-us #bbnav a {color: #af2442;}
.section-contact-us #bbnav a:hover  { background: #af2442; color:#fff; }
.section-client-areas #bbnav a {color: #999;}
.section-client-areas #bbnav a:hover  { background: #af2442; color:#fff; }
.section-bbimages #bbnav a {color: #999;}
.section-bbimages #bbnav a:hover  { background: #af2442; color:#fff; }

#bbnav { text-align:left; 
	color: #666; 
	margin:0px auto;  
	padding: 0.5em 0em; 
	font-size: 1em; 
	background-color:transparent
	}
#bbnav a {color: #eee; 
	padding: 0.5em 1.5em; 
	text-decoration: none; 
    -webkit-opacity: 0.4; filter: alpha(opacity=40); -moz-opacity: 0.4; opacity: 0.4; }
#bbnav a:hover  {padding-top: 0.45em; color:#fff; }
#bbnav li.selected a { -webkit-opacity:0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; }
#bbnav li {display: inline;}
#bbnav ul {padding-top: 0;}

#bbnav a , #bbnav a:link, #bbnav a:visited { background-color:none; 
    -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; display:inline-block; cursor:pointer; 
  /* color:#aaa; */ font-size:1em; padding:0.5em 1em; text-decoration:none; margin-right:0.2em ; border:0px; 
  -webkit-transition: color .7s linear, background-color .7s ease-in-out;
    -moz-transition: color .7s linear, background-color .7s ease-in-out;
    -o-transition: color .7s linear, background-color .7s ease-in-out;
	transition: color .7s linear, background-color .7s ease-in-out;} 
#bbnav a:hover {  background: #af2442; -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
	-o-transition: background-color .3s ease-in-out;
	transition: background-color .3s ease-in-out; }

#searchbt, #bbnav #seletor {display:none;}

/* S E A R C H  bb */
#portal-searchbox {float: right;  width:20%; font-size: 1em; }
#portal-searchbox  form, #portal-searchbox  form .LSBox  {font-size: 100%; }
#portal-searchbox #searchGadget {padding: 3% 0  3% 0; margin-right: 2%; text-indent: 4%; width: 70%; font-size:0.8em;}
#portal-searchbox #searchGadget {width:80%; color:#000; background:#fff; border: 1px solid #ddd; filter:alpha(opacity=30); -moz-opacity:0.3; opacity:0.3; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
#portal-searchbox .searchButton { border-width: 0px; border-style: solid; border-color: #666; }

.section-Portfolio #portal-searchbox .searchButton { color:#fff; }
.LSBox {position:relative; top:54px; left:0px; background:none; border: 0px solid #ccc;}
#LSResult { margin-top: 0.5%;}
.bb-glass {border-top:20px; margin-top:20px; padding-top:20px;}
form[name="searchform"] input[type="submit"] {cursor: auto; position: relative; top: -4px; padding: 9px; margin: 10px 0 18px 0.5em; font-size: 120% !important;
}

/* Site Actions */
#portal-siteactions {font-size: 100%; text-align: left; display:inline;}
#portal-breadcrumbs {display:none;}
#breadcrumbs-you-are-here {display:none;}
.section-client-areas #portal-breadcrumbs {display:initial; color:#bbb ;}

/*  H I D D E N  ELEMENTS bb  */
.section-front-page #parent-fieldname-title { display:none; }
.documentByLine { display:none !Important; }
.template-document_view.subsection-beetle-blog .documentByLine { display:block !Important; }
#link-presentation { display:none; }
.formHelp {display:table-column; }
dt.portletHeader.titleless {visibility: hidden; }
 
/*  X P A N E L  bb */
#bb-xpanel { margin:0 auto; clear:both; background:#444  url(bb_greytile_05c.png) left top; color:#fff; } 
#bb-xpcontainer {clear:both; padding:1% 3%; color:#fff; max-width:960px; min-height:100px; margin:1em auto 0 auto;}
.section-services #bb-xpanel {background:#000 }
.section-contact-us #bb-xpanel { display:none; }
.section-contact-us #footer {margin-top:1em}
 
/*  F O O T E R  bb */
#footercontainer { margin:0 auto; clear:both; background:#fff url(bb_greytile_05c.png) left top; color:#fff; } 

#footer {clear:both; padding: 2%; font-size:0.8em; color:#fff; max-width:960px; min-height:150px; margin:0 auto 0 auto;}
#footer a:link {color:#fff;}
#footer a:hover {color:#fff;}
#footer a:visited {color:#fff;}

#siteactions-stuff {  }
#beetlebrow-hosting { float: right;}


/****************** STRUCTURAL STYLES ***********************/



/*  L I S T S  */
#content li, dl.portlet li {display: list-item; line-height: 1.5em; list-style: none;  margin-bottom: 0em; }
#content ol li, dl.portlet ol li {list-style: decimal outside;}
.state-published {color:#999 !important;}

#content .discreet, #sidebar .discreet  {font-size: 0.9em; color:#666}
#content .documentDescription {font-family:Open sans, Helvetica, Arial; font-size:1.25em; color:#aaa; font-weight:normal; margin-bottom:1em;}
 
/*  I C O N S  bb */
img.image-left, 
img.image-right, 
.captioned img {border:0}

.section-services .icons-on, 
.section-services .contenttype-document {background: no-repeat transparent url(bb14_lg_sprite16px.png); }
.icons-on .contenttype-document {background: no-repeat transparent url(bb14_lg_sprite16px.png); }
.icons-on .contenttype-folder {background: no-repeat transparent url(bb14_g_sprite16px_plus.png); }
.icons-on .contenttype-news-item {background: no-repeat transparent url(bb14_ga_sprite16px.png); }
.icons-on #plone-contentmenu-factories .contenttype-image {background: no-repeat transparent url(bb14_img_sprite16px.png); }

/*  T O G G L E T E X T  bb */
dl.Toggle dt {cursor:pointer; color:#6a878e} 
dl.Toggle dt:hover, dl.Toggle dt:active {color:#8b9e7f}
dl.Toggle dd {color:#fff; background:#333; padding:1.3em;  filter:alpha(opacity=50); -moz-opacity:0.5; opacity:0.5;}
#content-core dd {margin:0.5em 0 0 0; }

/*  P O R T L E T S  bb */
.section-services .portletStaticText { padding-right:4%!important; border-right:1px solid #333;}

dl.portlet dd.portletItem {padding:0px;}
dl.portlet dd.portletItem.odd {padding:0px; color:#999;}
dl.portlet dt {background:#aaa; color:#444; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;  font-size:1.1em; letter-spacing:0.2em; padding:0.3em 0.3em 0.4em 1em; text-transform:uppercase; font-weight:normal;}
.section-front-page dl.portlet dt {background:#888; filter:alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; color:#fff; }
div.managePortletsLink, a.managePortletsFallback {background:none; border:1px solid #999;}
dl.portlet ul.navTreeLevel0 .navTreeItem {border-bottom:none; padding-left: 0px !important; list-style: none;}

.portletHeader {margin-top:10em; margin-bottom:0.5em; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;}
.portletItem.odd {padding:0px !important; font-weight:bold; }
.portletItem.even {padding-left:0px !important; font-weight:bold;}
.portletItemDetails {padding-top:0.2em; font-weight:normal;}
.archive-month {margin-left:1em;}

#portlets-below .portletHeader {margin-top:1em; }
#portlets-below .portletItem {padding:0.5em 1em !important; border:1px solid #444;}
.section-about-us #portlets-below .portletItem, 
.section-Portfolio #portlets-below .portletItem {padding:0.5em 1em !important; border:1px solid #eee;}

/*  B U T T O N S  C S S  bb  */
.bb14Button, .bb14Button:link, .bb14Button:visited { background-color:#222; 
-moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; display:inline-block; cursor:pointer; 
  color:#aaa; font-size:1em; padding:0.5em 1em; text-decoration:none; margin:1em 0; border:0px; -webkit-transition: color .5s linear, background-color .5s ease-in-out;
    -moz-transition: color .5s linear, background-color .5s ease-in-out;
    -o-transition: color .5s linear, background-color .5s ease-in-out;
	transition: color .5s linear, background-color .5s ease-in-out;}
.bb14Button:hover { background-color:#af2442; color:#ddd; border:0px; -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
	-o-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;}
.bb14Button:active {position:relative; top:1px;}

/*  B U T T O N S  I M A G E  */
a.bb14ButtonImg {display: block; width:100% ;height:100%; background-position: 0 0 ;}
a.bb14ButtonImg:hover {background-position: 0 -300px; }

/*  F O R M S  bb  */
form input[type="submit"]  { margin:0 0.5em 0 0;}
.field input[type="text"] {width:90% !Important;
	 height:1.8em !Important; 
	 border:1px solid #ddd; 
	 padding-left:0.5em; 
	 font-size:1em; 
	 color:#444; 
	 }
#fieldset-openid-login input, 
#login-form input {font-size:100% ;
	width:20em !Important; 
	height:2.0em !Important; }
#content textarea { border:1px solid #ddd; font-size:1em; color:#444;}

.pfg-form { background:#fff;  padding:3em; border:1px solid #e5e5e5;}
div.formControls {margin-left:0px; padding:0.2em}
.formQuestion {color:#999; font-weight:normal; position:relative;  font-size:0.8em; margin-bottom:1em !Important;}
text-area {border-color:#eee}
#content li.formTab a.required span:after, #content-core li.formTab a.required span:after, div.field span.required:after
    {content:"*"; color:#f90; paddingleft:0.2em;}

/*  CONTACT US FORM  bb  */
.pb-ajax h1.documentFirstHeading  {color:#69878e; font-size:4em; text-align:left; margin:0}
.pb-ajax p {color:#888}
.pb-ajax, .pb-image, .overlay iframe {font-size: 1.3em;}
div.overlay-iframe, div.overlay-ajax {left:11%!Important; width:80%;}

/*  S U B  N A V I G A T I O  N  bb */
dl.portlet ul.navTree .navTreeCurrentItem {
	background-color:#eee !Important; 
	border:0px !Important; 
	padding-left:4px; 
	margin-left:0px; 
	margin-bottom:0em; 
	list-style:none
	} 
.section-services dl.portlet ul.navTree .navTreeCurrentItem {background-color:#191919 !Important;  border:0px !Important; border-bottom:1px #222; padding-left:4px; margin-left:0px; margin-bottom:0em; list-style:none;}
dl.portlet ul.navTree li a { margin-left:0px; list-style:none; line-height:2em}
dl.portlet ul.navTree li  { margin-left:10px; list-style:none; }
dl.portlet ul.navTreeItem li  { margin-left:10px; list-style:none; }
.navTreeItem  {line-height:0.2em;  }
li {}

/*  P O R T F O L I O  bb */
/* body.template-thumbnail_view #content-core { width: 105%; } */
.photoAlbumEntryTitle {margin-top:0.3em; line-height:1.2em; font-size:0.9em; color:#999;}

.section-Portfolio .portletPics {width:100% !Important;} /* PORTFOLIO SLIDE SHOW SCALES when reduced */

/*  N E W S  bb */
.tileBody {}
.tileFooter {padding-bottom:1em; border-bottom:1px solid #ddd;}
.tileHeadline h2 {margin-bottom:0em;}

#content div.newsImageContainer p.discreet { color:#666; background:none ; padding-top:3em;}

/*  B L O G S  bb */
body.subsection-blogs h1 {font-size:3em;}
body.subsection-blogs .documentByLine {display:block !Important; color:#aaa !Important;; margin-bottom:1em;}
body.template-blog_view h1 {font-size:4em;}
body.template-blog_view .blog-item h1 {font-size:2em;}
.blog-item {margin-bottom:1em; border-bottom:1px solid #ddd;}
.blog-item h1 {font-size:2em;}

/* next previous */
div.listingBar a {-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
    border:none;
    padding:0.4em 1em;
    background:rgba(0,0,0,0.1);
    -webkit-transition: background-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out;
    -o-transition: background-color .5s ease-in-out;
    transition: background-color .5s ease-in-out;
    }

/*  S E R V I C E S bb */
body.section-services dl.collapsedBlockCollapsible dt.collapsibleHeader {background: url("/treeCollapsed.png") no-repeat scroll 0.5em 50%}




/* From DCA - home page box for blog */

.section-front-page .portlet img  {float:right !Important}

.section-front-page dl.portlet dt {
    background: transparent;
    /* color: #fff!important; */
    font-size: 150%;
    letter-spacing: 0.4em;
    text-align:center;
}

.section-front-page dl.portlet dt a {color: #fff!important;}
.section-front-page #content a:hover, 
.section-front-page dl.portlet a:hover {color: #fff!important;}

.portlet-collection-latest-from-team-beetlebrow  { 
    background:rgba(0,0,0,0.1)!Important;
    padding:1.2em ;
    margin:1em 0; 
    -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px;
    }

.section-front-page #portlets-below .portletItem {
    border:none;
    padding: 1.5em 3em 1.5em 1em !important;
}
.section-front-page #portlets-below .portletItem a {
    width:100%; 
    padding:1em;
}



/* DCA portlet m/over */
.section-front-page #portlets-below .portletItem:hover a {background-color:rgba(255,255,255,0.05)!Important; 
    -webkit-transition: background-color .3s ease-in-out;
    -moz-transition: background-color .3s ease-in-out;
    -o-transition: background-color .3s ease-in-out;
    transition: background-color .3s ease-in-out;
    cursor:pointer; 
    z-index:-1; 
    border-radius:3px;
    }


.tilecontenttype-news-item {font-size:300%}

 .section-front-page a.contenttype-news-item {font-size:150%; font-weight:bold ; line-height:130%; color:#fff!important} 
 .section-front-page .contenttype-news-item p {font-size:100%; font-weight:normal; color:#fff} 
 .section-front-page .contenttype-news-item .img {margin:0.5em}
 
.section-front-page dl.portlet dd.portletFooter { padding:0!Important; margin:0 auto;}
 

 .section-front-page .portletFooter a {background-color:rgba(0,0,0,0.05); 
 -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; 
  cursor:pointer; 
  color:#fff!important; 
  font-size:1em!important; 
  padding:0.5em 1em; 
  text-decoration:none; 
  margin:0; 
  text-align:center; 
  border:0px; 
  -webkit-transition: color .5s linear, background-color .5s ease-in-out;
    -moz-transition: color .5s linear, background-color .5s ease-in-out;
    -o-transition: color .5s linear, background-color .5s ease-in-out;
    transition: color .5s linear, background-color .5s ease-in-out;
    display:inline-block;
    }
 .section-front-page .portletFooter:hover { background-color:/*#af2442*/#222; color:#fff; border:0px;
    -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; 
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
	transition: background-color .25s ease-in-out;
     display:inline-block;
    }



/* END HOMEPAGE BLOG/NEWS PANEL  */

/* mce edit box */
.mceFirst .mceToolbar {background:#000 url(bb_greytile_04.png) left top;} 
.ploneSkin .mceIframeContainer {background:#888 url(bb_greytile_04.png) left top}

/* START remove .documentEditable prefix */
input.context, 
input.context:link, 
input.context:visited,
input.standalone,
input.standalone:link {
    background-color:#203561; 
    -moz-border-radius:2px; 
    -webkit-border-radius:2px; 
    border-radius:2px; 
    display:inline-block; 
    cursor:pointer; 
    color:#aaa;
    font-size:1em; 
    padding:0.5em 1em; 
    text-decoration:none; 
    margin:2%; 
    border:0px; 
    -webkit-transition: color .5s linear, background-color .5s ease-in-out;
    -moz-transition: color .5s linear, background-color .5s ease-in-out;
    -o-transition: color .5s linear, background-color .5s ease-in-out;
    transition: color .5s linear, background-color .5s ease-in-out;}
input.context:hover, input.standalone:hover { 
    background-color:#af2442; 
    color:#ddd ; 
    border:0px; 
    -webkit-transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -o-transition: background-color .25s ease-in-out;
    transition: background-color .25s ease-in-out;}

input.standalone:hover { background-color:#333 }
input.standalone,
input.standalone:link { background-color:#666; }
/* END remove .documentEditable prefix */



/* ------ bbcc bb COLLAPSING COLUMNS FOR HOMEPAGE (content area) ---------*/
/*  SECTIONS  */
.section {clear: both;padding: 0px;margin: 0px;}

/*  COLUMN SETUP (3 COLS) */
.col {display: block; float:left;margin: 1% 0 1% 1.4%;  }
.col:first-child { margin-left: 0; }
.col2 {display: block; float:left;margin: 1% 0 1% 5%;  }
.col2:first-child { margin-left: 0; }
.col3 {display: block; float:left;margin: 1% 0 1% 6%;  }
.col3:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after {content:"";display:table;}
.group:after {clear:both;}
.group {zoom:1; /* For IE 6/7 */}
                                                   		
/*  GRID OF THREE  */
.span_3_of_3 {width: 100%;}
.span_2_of_3 {width: 65%;}
.span_1_of_3 {width: 29%;}

/*  GRID OF TWO  */
.span_2_of_2 {width: 100%;}
.span_1_of_2 {width: 47%;}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
	.col, .col2, .col3 { margin: 1% 0 1% 0%;}
}

@media only screen and (max-width: 480px) {
	.span_3_of_3 {width: 100%;}
	.span_2_of_3 {width: 100%;}
	.span_1_of_3 {width: 100%;}
}

@media only screen and (max-width: 480px) {
    .span_2_of_2 {width: 100%;}
	.span_1_of_2 {width: 100%;}
}

/*  GRID OF SIX  */
.span_6_of_6 {width: 100%; text-align:left; border-right:1px solid #333; padding-right:0.7%;}
.span_5_of_6 {width: 83.13%; text-align:left; border-right:1px solid #333; padding-right:0.7%;}
.span_4_of_6 {width: 66.26%; text-align:left; border-right:1px solid #333; padding-right:0.7%;}
.span_3_of_6 {width: 49.4%; text-align:left; border-right:1px solid #333; padding-right:0.7%;}
.span_2_of_6 {width: 32.53%; text-align:left; border-right:1px solid #333; padding-right:0.7%;}
.span_1_of_6 {width: 14.66%; text-align:left; border-right:1px solid #333; padding-right:0.7%;}

/*  GO FULL WIDTH AT LESS THAN 768 PIXELS */
@media only screen and (max-width: 810px) {
    .span_1_of_6 { width: 30%; margin: 1% 0 1% 3.2%;}
    .span_1_of_6:nth-child(3n+1) {clear: both; margin-left: 0;}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
    .span_1_of_6 { border-right:0px;  border-top:1px solid #444; margin: 1% 0 1% 0%;}
}

/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
	.span_6_of_6 {width: 100%; }
	.span_5_of_6 {width: 100%;}
	.span_4_of_6 {width: 100%; }
	.span_3_of_6 {width: 100%; }
	.span_2_of_6 {width: 100%; }
	.span_1_of_6 {width: 100%;}
}

/* .pb-ajax {display:none} */
div.overlay-ajax {top:75px !important; left:10% !important; width:80% !important}



/* *************  R E S P O N S I V E  S T Y L I N G   ************* */

/*
@media screen and (max-width: 1000px)  {
    #logo { position:inherit }
    #MyLogo {margin-top:-80px }
} */

/* -----------------   7 6 8 px  S T Y L E S  -----------------  */

@media screen and (max-width: 768px)  {
    
    .bb14i-head00 {
		letter-spacing:-0.05em; 
		color:#6a878e; 
		font-size:400%; 
        max-width:100%; 
		line-height:100%; 
		text-align:center
		}
    h1 {color:#6a878e; font-size:2.5em}
    

	#wrapper {max-width: 100%; margin-top:6em;}
	#logo {min-width:216px; }	
	
   .slideContainer {text-align: center; max-width:100%; }
  
	/* bbcc C O L U M N S */
	#portal-column-one,
	#portal-column-two,
	#portal-column-content {clear: both; width: 97.75%; margin-left: -98.875%;}

	/* S E A R C H */
    #portal-searchbox  { display:none;}
    .pb-ajax {display:block}
    
    #searchbt {display:block; position:relative; 
        float:right;  
        width:60px; 
        top:-62px; 
        margin-right:4px
        }
	#searchbt a {display:block; 
		text-indent: -900000px;  
		padding: 0.5em; 
        z-index:10;
        background:transparent url(bb14_m_maglass_29.png) no-repeat center center
		}

	/* N A V I G A T I O N */
    #bbnav {padding:0; 
		width:95%; 
		filter:alpha(opacity=100); -moz-opacity:1; opacity:1; visibility: visible}
	
    .portletHeader {margin-top:2em;}
	#content {font-size: 0.95em; min-height:200px;}
    .section-services .portletStaticText { padding-right:none !important; border-right:none}

    /* responsive drop-down nav - section variations */
    
    .section-front-page #bbnav {visibility: visible}
  
    #bbnav #seletor { color:#aaa; display:block; padding:0.6em; width:100%; background:url("sections-ico.png") no-repeat 97% 60%;}
   .section-about-us #bbnav #seletor { color:#fff; }
    .section-contact-us #bbnav #seletor { color:#666; }
        
    #bbnav li {display: none;}
    #bbnav ul {width:100%; margin:0; padding:0;}
	
    #bbnav:hover {border-top:none}
    .section-front-page #bbnav:hover { border-top:none;}

    #bbnav:hover ul { border-top: none; }    
    #bbnav:hover li 
        { width:100%; border-bottom:1px solid #444; 
        display:block !Important; padding:0;}
    
    .section-Portfolio #bbnav:hover li  { border-bottom:1px solid #ccc;} 
    .section-about-us #bbnav:hover li  { border-bottom:1px solid #ccc;}
    .section-contact-us #bbnav:hover li { border-bottom:1px solid #eee;}
	
	#bbnav:hover li a 
        {color: #fff; padding:0.5% 2.5%; line-height: 2em;
        display: block; width: 95% !important;}

    #bbnav a, 
    #bbnav a:link, 
    #bbnav a:visited {color:#fff; -webkit-transition:none,;
        -moz-transition: none; -o-transition:none; 
        -webkit-opacity: 1; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1;} 
    
    #bbnav li a:hover { color:#fff; background: #6a878e; -webkit-transition: none; 
        -moz-transition: none; -o-transition: none }
 
    #bbnav:hover li:hover {background: #af2442; }
    .section-Portfolio #bbnav:hover li:hover {background: #d2d9ce;  }
    .section-contact-us #bbnav:hover li:hover {background: #afc0a4;  }
	#bbnav:hover li a:hover,
	#bbnav:hover li.selected a {background: transparent;}
    
    .section-front-page #nav:hover li a {color:#aaa; width: 95% !important;}
    .section-Portfolio #nav:hover li a {color:#000}
  
    .section-Portfolio #bbnav a:visited, 
    .section-Portfolio #bbnav a
        {color:#888!important;}
    
    /* .section-about-us #nav:hover li a 
        {color:#f00;} */
    
    /* end responsive drop-down nav - section variations */

    .section-contact-us #footer {margin-top:0} /* Remove gap above */
   
    /* .overlay.overlay-ajax {top: 10px !Important;} */
.overlay.overlay-ajax input.searchPage {
    font-size: 200% !important;
    width: 90%;
    margin-bottom:1em;
}
.overlay.overlay-ajax input.searchPage.searchButton {width:auto;}
.overlay.overlay-ajax #searchform .discreet {text-align:left;}
.overlay.overlay-ajax #content-core strong {display:none;}

    /* contact pop up hp  */
    div.overlay-iframe, div.overlay-ajax {left:5%!Important;  width:90%!important; }

    .box02, iframe { width:97%; margin-right:0}


}



/* -----------------   4 8 0 px  S T Y L E S  -----------------  */

@media screen and (max-width: 481px) {

	#portal-breadcrumbs {display:none;}
	#portal-searchbox { float: none; width:80%; clear:both; margin: 0 auto 2%; z-index:5} 
    
    /* bb Homepage */
    .bb14i-head00 {letter-spacing:-0.05em; color:#6a878e; font-size:250%; max-width:100%; 
    line-height:80%; text-align:center}
    
    /* Easy Slider adjusting height when scaling */
    .section-front-page #viewlet-below-content-title {height:0px !Important} /* Slide show height on scaling */

    h1   {color:#6a878e; font-size:2.0em}

    #bbnav {width:90%;}
    
    .section-front-page #bbnav:hover ul {border-top:none; border-bottom:1px solid #666;}
    
    /* #searchbt a {margin-top: -80%;} */
	
   .bbhp_panel1 { width:88%; } /* pink contact panel */
  
    .field input[type="text"] {width:90% !Important;  }
    input.searchPage { width:100%} /* GORD */
    form[name="searchform"] input[type="submit"] {width: initial;} /* GORD */
    .pfg-form { padding:1em;}
    .pfg-form .formid-contact-us {padding:0.5; background:#fff; width:80%}
   
    .pb-ajax h1.documentFirstHeading {font-size: 1.4em}
    .pb-ajax h1 {font-size: 1em}
    div.overlay-iframe, div.overlay-ajax {left:2% !Important;  width:80% !important;}
    
    #footer {clear:both; padding: 6%;}
    
   .box02, iframe { width:95%;}
    
	}
/* ) */