﻿
/*!
 * Project:   STORM
 * Date:      2013/04/26
/* ---------------------------------------- */

/* Alex - 12/06/2013 - Added #s4-workspace to all generic styles, to avoid clash with SharePoint styles */
*
{
	margin: 0;
	padding: 0;
}

html
{	/* Sean - 23-5-2013 - Took out overflow-y:scroll; */
	font-size: 100.01%;
}

body
{
	background: #323237;
	font-size: 62.5%;
}

header, nav, section, article, aside, footer {
   display:block;
}

/* Alex - 13/06/2013 - remove background & font definitions on the top bar */
:focus {
   outline:none;
}

#st-top {
    background: #fff;
    font-size: 13px;
}

#st-top #anonymous-top {
    display:none;
}

body, textarea, input, input[type="button"], input[type="reset"], input[type="submit"], select, option, button, .ms-core-navigation
{
	/*color: #fff;*/
	font-family: 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
	line-height: 1.69;
}

#top, #footer
{
    color: #fff;
}

#s4-workspace li, #s4-workspace dt, #s4-workspace dd, #s4-workspace p, #s4-workspace figure, #s4-workspace th, #s4-workspace td, #s4-workspace caption, #s4-workspace pre { font-size: 1.3em; }

#s4-workspace li *, #s4-workspace li p, #s4-workspace li li, #s4-workspace dt *, #s4-workspace dd *, #s4-workspace p *, #s4-workspace figure *, #s4-workspace th *, #s4-workspace td * { font-size: 1em; }

/*#s4-workspace div, #s4-workspace form, #s4-workspace blockquote, #s4-workspace article, #s4-workspace aside, #s4-workspace details, #s4-workspace figcaption, #s4-workspace figure, #s4-workspace footer, 
#s4-workspace header, #s4-workspace hgroup, #s4-workspace menu, #s4-workspace nav, #s4-workspace section, #s4-workspace ul, #s4-workspace ol, #s4-workspace dl, #s4-workspace p, #s4-workspace table, 
#s4-workspace pre, #s4-workspace h1, #s4-workspace h2, #s4-workspace h3, #s4-workspace h4, #s4-workspace h5, #s4-workspace h6
{
	display: block;
	margin: 0 0 15px;
}*/
#s4-workspace p {
    display: block;
	margin: 0 0 15px;
}

#s4-workspace :last-child { margin-bottom: 0px !important; }

#s4-workspace .last-child { margin-bottom: 0px !important; }

/*! layout -------- */

#root
{
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0 20px;
	zoom: 1;
}

#top
{
	position: relative;
	z-index: 100;
	max-width: 1200px;
	margin: 0 auto;
	padding: 10px 0 0;
	zoom: 1;
	padding-bottom: 1px; /*21px;*/
}

#top:before
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	right: -100%;
	z-index: -1;
	background: #2b2b33 url(../images/site-bg-a.jpg) 50% 0 no-repeat;
	content: ' ';
}

#top > .before
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	right: -100%;
	z-index: -1;
	margin: 0;
	padding: 0;
	background: #2b2b33 url(../images/site-bg-a.jpg) 50% 0 no-repeat;
}

#top:after
{
	display: block;
	overflow: hidden;
	clear: both;
	content: "";
	width: 100%;
	height: 0;
}

#logo
{
	float: left;
	margin: 20px 0 30px;
}

#logo a
{
	display: block;
	width: 144px;
	height: 53px;
	overflow: hidden;
	background: url(../images/logo-a.png) no-repeat;
	text-indent: 105%;
	white-space: nowrap;
}

#logo a
{
	-moz-transition: opacity 0.35s;
	-webkit-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	-ms-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

#logo a:hover, #logo a:focus, #logo a:active { opacity: 0.8; }

#skips, #skips ul
{
	position: absolute;
	position: fixed;
	top: 50%;
	left: 0;
	z-index: 9999;
	list-style: none;
	width: 100%;
	margin: -30px 0 0;
	padding: 0;
	text-align: center;
}

#skips li
{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	font: bold 5em/1 Calibri, Myriad Pro, Arial, Helvetica Neue, Helvetica, sans-serif;
}

#skips li a
{
	display: -moz-inline-stack;
	display: inline-block;
	position: fixed;
	left: -10001px;
	margin: 0 auto;
	padding: 20px 30px;
	border: 1px dotted #fff;
	border-color: rgba(255,255,255,0.7);
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	background: #333;
	background: rgba(0,0,0,0.6);
	color: #fff;
	text-align: center;
	text-decoration: none;
	outline: none;
}

#skips li a:focus, #skips li a:active
{
	position: relative;
	left: 0;
}

#top .utils
{
	float: right;
	margin: 0 0 30px;
}

#top .utils nav
{
	float: right;
	margin: 0 0 15px;
}

#top .utils nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: right;
}

#top .utils nav ul li
{
	display: inline;
	margin: 0 0 0 8px;
	font-size: 11px;
	line-height: 20px;
	text-transform: uppercase;
}

#top .utils nav ul li ~ li:before
{
	content: '|';
	margin-right: 8px;
}

#top .utils nav ul li .before { margin-right: 8px; }

#top .utils nav ul li:first-child .before { display: none; }

#top .utils nav ul li a { color: #fff; }

#top .utils nav ul li a:hover, #top .utils nav ul li a:focus, #top .utils nav ul li a:active, #top .utils nav ul li.active > a, #top .utils nav ul li.selected > a { color: #e75912; background-color: inherit; }

#top .utils .search
{
    /*TEMP: until Search is fixed*/
    display: none;
    /*END TEMP*/
	float: right;
	margin: 0;
	clear: both;
}

#top .utils .search
{
	float: left;
	margin: 0;
    line-height: 0px;
    height: 0px;
    margin-top: -6px;
}

.ms-qSuggest-container {
    padding: 0;
    margin: 0;
}

#top .utils .search a
{
	background: url("../images/ico-search-a.png") no-repeat scroll 50% 50% #505D6E;
	display: block;
	float: right;
	height: 33px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: 105%;
	white-space: nowrap;
	width: 33px;
}

#top .utils .search a
{
	-moz-transition: background-color 0.35s;
	-webkit-transition: background-color 0.35s;
	-o-transition: background-color 0.35s;
	-ms-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

#top .utils .search a:hover, #top .utils .search p a:focus, #top .utils .search a:active { background-color: #45515f; }



html* #top .utils .search a { background-position: 0 0; }

.search input
{
	background: none repeat scroll 0 0 #505D6E;
	border-radius: 0 0 0 0;
	border-width: 0;
	color: #FFFFFF;
	float: left;
	font-size: 15px;
	height: 33px;
	line-height: 18px;
	margin-left: 210px;
	outline: medium none;
	padding: 0 10px;
	position: absolute;
	right: 10px;
	transition: all 1s ease-in-out 0s;
	width: 0;
	z-index: -1;
}

.search:hover input, .search input:focus
{
	width: 200px;
	margin-left: 0px;
}

.search input:focus
{
	background: #fff;
	color: #999;
}

.ms-srch-sb-searchLink
{
	background: url("../images/ico-search-a.png") no-repeat scroll 50% 50% #505D6E;
	border:0;	
}

#top .utils .search .ms-srch-sb-border, #top .utils .search .ms-srch-sb-borderFocused, #top .utils .search .ms-srch-sb-border:hover {
    border: 0;
}

.ms-srch-sb-border, .ms-srch-sb-borderFocused, .ms-srch-sb-border:hover, .ms-srch-sb-searchLink 
{
    border-color: #505D6E;
}

#searchImg {
    display: none;
}

.ms-srch-sb > .ms-srch-sb-searchLink {
    margin: 0;
}

#nav
{
	position: relative;
	z-index: 10;
	width: 100%;
	height: 60px;
	margin: 0;
	clear: both;
    /*to allow the nav bar to be loaded before showing anything*/
    visibility: hidden;
}

.safari #nav > div > div, .safari #nav > div > div > div {
    width: 100%;
}

#nav ul
{
	display: table;
	table-layout: fixed;
	position: relative;
	list-style: none;
	width: 100%;
	margin: 0;
	padding: 0;
	font-size: 0;
	text-align: center;
	letter-spacing: -5px;
}

html* #nav ul { display: block; }

#nav ul li
{
	display: table-cell; /*width: 14.2857%;*/
	margin: 0;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0;
	text-transform: uppercase;
	text-align: center;
	letter-spacing: 0;
	vertical-align: top;
}

html* #nav ul li
{
	display: inline;
	width: 14.2595%;
	zoom: 1;
}

#nav ul li a
{
	display: block;
	position: relative;
	padding: 9px 0;
    border: 0px;
	border-left: 1px solid #46515e;
    margin: 0 !important;
	background: url(../images/nav-bg-a.png) repeat-x;
	color: #fff;
}

#DeltaTopNavigation > div > ul > li {
    background: url(../images/nav-bg-a.png) repeat-x;
}

#nav ul li a
{
	-moz-transition: none;
	-webkit-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

#nav ul li a img {
    position: absolute;
    top: 6px;
    left: 50%;
    margin-left: -12px;
}

#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active, #nav ul li:hover > a, #nav ul li.active > a, #nav ul li.selected > a
{
	background: #f99400;
	color: #000;
}

#nav ul li a:hover {
    z-index:10;
}

#nav ul li:first-child a { border-left: none; }

#nav ul li a:before
{
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 2px;
	overflow: hidden;
	background: url(../images/nav-icons-a.png) -10001px -10001px no-repeat;
	text-indent: 105%;
	white-space: nowrap;
	content: ' ';
}

/*#nav ul li.i1 a:before { background-position: 0 0; }

#nav ul li.i2 a:before { background-position: -24px 0; }

#nav ul li.i3 a:before { background-position: -48px 0; }

#nav ul li.i4 a:before { background-position: -72px 0; }

#nav ul li.i5 a:before { background-position: -96px 0; }

#nav ul li.i6 a:before { background-position: -120px 0; }

#nav ul li.i7 a:before { background-position: -144px 0; }

#nav ul li.i1 a:hover:before, #nav ul li.i1 a:hover:focus, #nav ul li.i1 a:hover:active, #nav ul li.i1:hover > a:before, #nav ul li.i1.active > a:before { background-position: 0 -24px; }

#nav ul li.i2 a:hover:before, #nav ul li.i2 a:hover:focus, #nav ul li.i2 a:hover:active, #nav ul li.i2:hover > a:before, #nav ul li.i2.active > a:before { background-position: -24px -24px; }

#nav ul li.i3 a:hover:before, #nav ul li.i3 a:hover:focus, #nav ul li.i3 a:hover:active, #nav ul li.i3:hover > a:before, #nav ul li.i3.active > a:before { background-position: -48px -24px; }

#nav ul li.i4 a:hover:before, #nav ul li.i4 a:hover:focus, #nav ul li.i4 a:hover:active, #nav ul li.i4:hover > a:before, #nav ul li.i4.active > a:before { background-position: -72px -24px; }

#nav ul li.i5 a:hover:before, #nav ul li.i5 a:hover:focus, #nav ul li.i5 a:hover:active, #nav ul li.i5:hover > a:before, #nav ul li.i5.active > a:before { background-position: -96px -24px; }

#nav ul li.i6 a:hover:before, #nav ul li.i6 a:hover:focus, #nav ul li.i6 a:hover:active, #nav ul li.i6:hover > a:before, #nav ul li.i6.active > a:before { background-position: -120px -24px; }

#nav ul li.i7 a:hover:before, #nav ul li.i7 a:hover:focus, #nav ul li.i7 a:hover:active, #nav ul li.i7:hover > a:before, #nav ul li.i7.active > a:before { background-position: -144px -24px; }*/

html* #nav ul li a .before
{
	display: block;
	width: 24px;
	height: 24px;
	margin: 0 auto 2px;
	overflow: hidden;
	background: url(../images/nav-icons-a.png) -10001px -10001px no-repeat;
	text-indent: 105%;
	white-space: nowrap;
}

/*html* #nav ul li.i1 a .before { background-position: 0 0; }

html* #nav ul li.i2 a .before { background-position: -24px 0; }

html* #nav ul li.i3 a .before { background-position: -48px 0; }

html* #nav ul li.i4 a .before { background-position: -72px 0; }

html* #nav ul li.i5 a .before { background-position: -96px 0; }

html* #nav ul li.i6 a .before { background-position: -120px 0; }

html* #nav ul li.i7 a .before { background-position: -144px 0; }

html* #nav ul li.i1 a:hover:before, html* #nav ul li.i1 a:hover:focus, html* #nav ul li.i1 a:hover:active, html* #nav ul li.i1:hover > a .before, html* #nav ul li.i1.active > a .before { background-position: 0 -24px; }

html* #nav ul li.i2 a:hover:before, html* #nav ul li.i2 a:hover:focus, html* #nav ul li.i2 a:hover:active, html* #nav ul li.i2:hover > a .before, html* #nav ul li.i2.active > a .before { background-position: -24px -24px; }

html* #nav ul li.i3 a:hover:before, html* #nav ul li.i3 a:hover:focus, html* #nav ul li.i3 a:hover:active, html* #nav ul li.i3:hover > a .before, html* #nav ul li.i3.active > a .before { background-position: -48px -24px; }

html* #nav ul li.i4 a:hover:before, html* #nav ul li.i4 a:hover:focus, html* #nav ul li.i4 a:hover:active, html* #nav ul li.i4:hover > a .before, html* #nav ul li.i4.active > a .before { background-position: -72px -24px; }

html* #nav ul li.i5 a:hover:before, html* #nav ul li.i5 a:hover:focus, html* #nav ul li.i5 a:hover:active, html* #nav ul li.i5:hover > a .before, html* #nav ul li.i5.active > a .before { background-position: -96px -24px; }

html* #nav ul li.i6 a:hover:before, html* #nav ul li.i6 a:hover:focus, html* #nav ul li.i6 a:hover:active, html* #nav ul li.i6:hover > a .before, html* #nav ul li.i6.active > a .before { background-position: -120px -24px; }

html* #nav ul li.i7 a:hover:before, html* #nav ul li.i7 a:hover:focus, html* #nav ul li.i7 a:hover:active, html* #nav ul li.i7:hover > a .before, html* #nav ul li.i7.active > a .before { background-position: -144px -24px; }*/

#nav ul li ul
{
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	right: 0;
	z-index: 1;
	width: auto;
	border-top: 4px solid #f99400;
	background: #dfe2e4;
    text-align: left;
}

#nav ul li ul
{
	-moz-box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 14px 0 rgba(0,0,0,0.5);
}

#nav ul li:hover > ul, #nav ul li > a > .navwhiteicon, #nav ul li:hover > a > .navblackicon, #nav ul li.selected > a.selected > .navblackicon {
    display: block;
}

#nav ul li:hover > a > .navwhiteicon, #nav ul li > a > .navblackicon, #nav ul li.selected > a.selected > .navwhiteicon {
    display: none;
}

.mobile #nav ul li:hover > ul { display: none; }

#nav ul > li:hover > a
{
	position: relative;
	z-index: 2;
}

#nav ul li ul li
{
	display: inline-block;
	width: 50%;
	font-size: 11px;
	line-height: 1.5;
	text-align: left;
	text-transform: none;
	vertical-align: top;
}

html* #nav ul li ul li
{
	display: inline;
	width: 49.99%;
}

#nav ul li ul li a
{
	padding: 7px 14px;
	border: none;
	background: none;
	color: #000;
}

#nav ul li ul li a:hover, #nav ul li ul li a:focus, #nav ul li ul li a:active, #nav ul li ul li.active > a
{
	background: #f99400;
	color: #fff;
}

#nav ul li ul li a:before { display: none; }

html* #nav ul li ul li a > .before { display: none; }

#nav ul li ul li a strong, #nav ul li ul li a .menu-item-text
{
	display: block;
	font-size: 14px;
	font-weight: 400;
}

#nav ul li ul li a span { display: block; }

#nav ul li em
{
	position: absolute;
	left: -10001px;
	top: -10001px;
}

#nav .ms-core-listMenu-horizontalBox > .ms-core-listMenu-root > .ms-listMenu-editLink { display: none; }

#content
{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	/*padding: 0px 0 20px;*/
    padding: 20px 0px;
	background: #fff;
	color: #333;
	zoom: 1;
}

#content > div {
    overflow: hidden;
}

#content h1
{	
	color: #333;
    padding-bottom: 10px;
}

#content #page-content-field h2, #content #page-content-field h3 {
	color: #333;
}

#page-content-field {
    margin-bottom: 20px;
}

#content:before
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	right: -100%;
	z-index: -1;
	background: #fff;
	content: ' ';
}

#content > .before
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: -100%;
	right: -100%;
	z-index: -1;
	margin: 0;
	padding: 0;
	background: #fff;
}

#content:after
{
	display: block;
	overflow: hidden;
	clear: both;
	content: "";
	width: 100%;
	height: 0;
}

#footer
{
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 30px 0 40px;
	zoom: 1;
}

#footer:after
{
	display: block;
	overflow: hidden;
	clear: both;
	content: "";
	width: 100%;
	height: 0;
}

#footer .awards
{
	float: left;
	margin: 0;

    width: 311px;
}

#footer .awards img
{
	display: block;
	/*max-width: 206px;*/
    width: 220px;
    margin: 0 auto;
    margin-top: 22px;
    margin-bottom: 24px !important;
}

html* #footer .awards img
{
	float: left;
	margin: 0;
}

#footer .utils
{
	float: right;
	margin: 0;
	text-align: right;
}

#footer .utils h3
{
	margin: 0 0 35px;
	font-size: 25px;	
	/*Sean added 17-5-2013 */
	color: #fff;	
}

#footer .utils nav { margin: 0 0 10px; }

#footer .utils nav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#footer .utils nav ul li
{
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 20px;
}

/* Sean 17-5-2013*/
#footer .utils nav ul li a
{
    color:#f0783c;
}

#footer .utils nav ul li ~ li:before
{
	content: '|';
	margin-right: 5px;
}

#footer .utils nav ul li .before { margin-right: 5px; }

#footer .utils nav ul li:first-child .before { display: none; }

#footer .utils nav ul li a:hover, #footer .utils nav ul li a:focus, #footer .utils nav ul li a:active, #footer .utils nav ul li.active > a, #footer .utils nav ul li.selected > a { color: #e75912; background-color: inherit; }

#footer .utils p
{
	margin: 0;
	font-size: 11px;
	line-height: 18px;
}

#footer .utils p a.icon
{
	display: inline-block;
	vertical-align: top;
}

html* #footer .utils p a.icon
{
	display: inline;
	zoom: 1;
}

#footer .utils p a.icon img
{
	display: block;
	margin: 0;
}

#footer .utils p a.icon img
{
	-moz-transition: opacity 0.35s;
	-webkit-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	-ms-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

#footer .utils p a.icon:hover img, #footer .utils p a.icon:focus img, #footer .utils p a.icon:active img { opacity: 0.8; }

/*! grids --------- */


.cols-a
{
	width: 100%;
	overflow: hidden;
}

.cols-a .primary
{
	float: left;
	width: 70%;
	margin: 0;
	padding-right: 15px;
}

html* .cols-a .primary
{
	width: 69%;
	padding: 0;
}

.cols-a .secondary
{
	float: right;
	width: 30%;
	margin: 0;
	padding-left: 15px;
}

.cols-a .secondary .secondary {
    width:auto;
}

html* .cols-a .secondary
{
	width: 29%;
	padding: 0;
}

.cols-a .primary, .cols-a .secondary
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cols-b
{
	width: 100%;
	overflow: hidden;
}

.cols-b .primary
{
	float: left;
	width: 75%;
	margin: 0;
	padding-right: 5px;
}

html* .cols-b .primary
{
	width: 74%;
	padding: 0;
}

.cols-b .secondary
{
	float: right;
	margin: 6.2em 0 0;
	width: 25%;
	padding-left: 15px;
}

html* .cols-b .secondary
{
	width: 24%;
	padding: 0;
}

.cols-b .primary, .cols-b .secondary
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.cols-c
{
	width: 100%;
	overflow: hidden;
}

.cols-c .primary
{
	float: left;
	width: 100%;
	margin: 0;
	padding-right: 5px;
}

html* .cols-c .primary
{
	width: 99%;
	padding: 0;
}

/**************************************/
/*Clients Page*/

.clients-container
{
	background-color: #e6e6e6;
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0 !important;
	zoom: 1;
	margin-bottom: 0px;
}

.clients-padding
{
	background-color: #E6E6E6;
	margin-bottom: 0;
	padding: 4px 18px 18px;
}

.clients-container .mega-hovertitle { padding: 10% !important; }

.clients-container .mega-readmore:before
{
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin: 15px auto 12px;
	background: url(../images/ico-plus-a.png) no-repeat;
	text-indent: 105%;
	white-space: nowrap;
	content: '';
}

.clients-container .mega-readmore .before
{
	display: block;
	/*width: 32px;
	height: 32px;
	overflow: hidden;
	margin: 15px auto 12px;*/
	background: url(../images/ico-plus-a.png) no-repeat;
	text-indent: 105%;
	white-space: nowrap;
	content: '';
}

.clients-container .mega-hovertitle:after { display: none!important; }

.clients-container .mega-hovertitle .after { display: none!important; }

.clients-container .mega-entry .mega-entry-innerwrap { border: 1px solid #ccc; }

.client-entry a
{
	background-image: url(../images/client-ico-plus.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

/*! elements ------ */


.cta-a
{
	position: relative;
	overflow: hidden;
	margin: 0 -1%;
	zoom: 1;
}

.cta-a .ms-webpartzone-cell.item,
/*.cta-a .ms-webpartzone-cell.ms-fullWidth,*/ .contact-section .item, .secondary .item.c
{
	display: inline;
	position: relative;
	float: left;
	width: 31.333%;
	min-height: 330px;
	margin: 0 1%;
	background: #323237;
	color: #fff;
    margin-bottom: 15px;
}

/*.cta-a .item.c,*/ .contact-section .item.c, .secondary .item.c { margin:0px; }

/*.cta-a .ms-webpart-chrome-title
{
    background: #fff;
}*/

.cta-a.internalpage .item, .contact-section .item, .secondary .item.c { width: 100%; }

html* .cta-a .item { width: 31.3295%; }

.cta-a .item header, .contact-section .item header, .secondary .item.c header
{
	position: relative;
	margin: 0;
}

.cta-a .item header h2, .contact-section .item header h2, .secondary .item.c header h2
{
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0 20px;
	background: #000;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 40px;
	text-transform: uppercase;
}

.cta-a .item header figure, .contact-section .item header figure, .secondary .item.c header figure
{
	width: 100%;
	margin: 0 0 20px;
}

.cta-a .item header figure img, .contact-section .item header figure img, .secondary .item.c header figure img
{
	display: block;
	max-width: 800px;
	width: 100%;
	height: auto;
	margin: 0 auto;
}

.cta-a .item .content, .contact-section .item .content, .secondary .item.c .content
{
	margin: 0;
	padding: 30px 10% 60px;
}

.cta-a .item .content p, .contact-section .item .content p, .secondary .item.c .content p { font-size: 13px; }

.cta-a .item .content p.action, .contact-section .item .content p.action, .secondary .item.c .content p.action
{
	position: absolute;
	bottom: 30px;
	left: 10%;
	right: 10%;
	overflow: hidden;
	margin: 0;
	font-size: 11px;
	line-height: 18px;
}

.eq-ie8 #s4-workspace .cta-a .item.c {
    margin-bottom: -54px !important;
}

html* .cta-a .item .content p.action, html* .contact-section .item .content p.action, .secondary .item.c .content p.action
{
	left: 0;
	right: 0;
	padding: 0 10%;
}

.cta-a .item .content p.action a, .contact-section .item .content p.action a, .secondary .item.c .content p.action a
{
	float: right;
	line-height: 20px;
}

.cta-a .item .content p.action .more-a, .contact-section .item .content p.action .more-a, .secondary .item.c .content p.action .more-a
{
	float: left;
	padding: 0;
	border: none;
	background: transparent;
	color: #f0783c;
	font-size: 13px;
	font-weight: bold;
	line-height: 20px;
	text-transform: uppercase;
	outline: none !important;
}

.cta-a .item .content p.action .more-a, .contact-section .item .content p.action .more-a, .secondary .item.c .content p.action .more-a
{
	-moz-transition: color 0.35s;
	-webkit-transition: color 0.35s;
	-o-transition: color 0.35s;
	-ms-transition: color 0.35s;
	transition: color 0.35s;
}

.cta-a .item .content p.action .more-a:hover, .cta-a .item .content p.action .more-a:focus, .cta-a .item .content p.action .more-a:active,
.contact-section .item .content p.action .more-a:hover, .contact-section .item .content p.action .more-a:focus, .contact-section .item .content p.action .more-a:active,
.secondary .item.c .content p.action .more-a:hover, .secondary .item.c .content p.action .more-a:focus, .secondary .item.c .content p.action .more-a:active { color: #e75912; }

.cta-a .item .content p.action .more-a:hover:enabled,
.contact-section .item .content p.action .more-a:hover:enabled,
.secondary .item.c .content p.action .more-a:hover:enabled { cursor: pointer; }

/*.cta-a .item .content, .contact-section .item .content
{
	display: block;
	width: 100%;
}*/

.cta-a .item .content p, .contact-section .item .content p, .secondary .item.c .content p
{
	position: relative;
	margin: 0 0 4px 0 !important;
}

.cta-a .item .content p label, .contact-section .item .content p label, .secondary .item.c .content p label
{
	display: block;
	margin: 0 0 3px;
	font-size: 13px;
	line-height: 20px;
	color: #fff;
}

.js .cta-a .item .content p label, .js .contact-section .item .content p label, .secondary .item.c .content p label
{
	position: absolute;
	top: 0;
	left: 11px;
	margin: 0;
	color: #666;
	line-height: 26px;
}

.cta-a .item .content p input[type=text], .cta-a .item .content p input[type=email],
.contact-section .item .content p input[type=text], .contact-section .item .content p input[type=email],
.secondary .item.c .content p input[type=text], .secondary .item.c .content p input[type=email]
{
	width: 100%;
	height: 26px;
	padding: 0 10px;
	border: none;
	background: #fff;
	color: #666;
	font-size: 13px;
	line-height: 26px;
}

.cta-a .item .content p input[type=text], .cta-a .item .content p input[type=email],
.contact-section .item .content p input[type=text], .contact-section .item .content p input[type=email],
.secondary .item.c .content p input[type=text], .secondary .item.c .content p input[type=email]
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html* .cta-a .item .content p input[type=text], html* .cta-a .item .content p input[type=email],
html* .contact-section .item .content p input[type=text], html* .contact-section .item .content p input[type=email],
html* .secondary .item.c .content p input[type=text], html* .secondary .item.c .content p input[type=email] { width: 240px; }

.cta-a .item .content p input[type=submit],
.contact-section .item .content p input[type=submit],
.secondary .item.c .content p input[type=submit] { margin: 0px; }

.ms-ref-refiner {
    padding:0px;
}

.entry-a { }

.entry-a:after
{
	display: block;
	overflow: hidden;
	clear: both;
	content: "";
	width: 100%;
	height: 0;
}

.entry-a figure.left
{
	float: left;
	width: 40%;
	margin: 0 5% 20px 0;
}

.entry-a figure.right
{
	float: right;
	width: 40%;
	margin: 0 0 20px 5%;
}

.entry-a figure img
{
	display: block;
	max-width: 960px;
	width: 100%;
	height: auto;
	margin: 0;
}

.entry-b { }

.entry-b.even { }

.entry-b.odd { background: #f5f5f5; }

.entry-b:after
{
	display: block;
	overflow: hidden;
	clear: both;
	content: "";
	width: 100%;
	height: 0;
}

.entry-b div
{
	float: left;
	padding-left: 2em;
	width: 62%;
}

.entry-b figure.right
{
	float: right;
	width: 215px;
	margin: 0 0 20px 2%;
}

.entry-b figure img
{
	display: block;
	max-width: 960px;
	width: 100%;
	height: auto;
	margin: 0;
}

.entry-b div h2 { font-size: 2em; }

.entry-b div p
{
	float: left;
	padding-right: 6%;
	width: 94%;
}

.entry-b div a
{
	text-transform: uppercase;
	font-weight: 500;/*bold;*/
	float: left;
	clear: both;
}

.entry-b div span
{
	clear: both;
	display: inline-block;
	float: left;
	font-style: italic;
}

#wpz-articles-zone .ms-promlink-header {
    list-style-type: none;
}

.entry-c { }

.entry-c.even { }

.entry-c.odd { background: #f5f5f5; }

.entry-c:after
{
	display: block;
	overflow: hidden;
	clear: both;
	content: "";
	width: 100%;
	height: 0;
}

.entry-c div
{
	float: left;
	padding-left: 2em;
	padding-right: 2em;
	width: 98%;
}

.entry-c div h2 { font-size: 2em; }

.entry-c div p
{
	float: left;
	margin-right: 2em;
}

.entry-c div a
{
	text-transform: uppercase;
	font-weight: bold;
	float: left;
	clear: both;
	padding-bottom: 10px;
}

.entry-c div span
{
	clear: both;
	display: inline-block;
	float: left;
	font-style: italic;
}

#jobs_iframe {
    width: 100% !important;
}

.custommega-container
{
	height: auto;
	display: block
}

.custommega-container .mega-entry
{
	display: block;
	height: 100%;
	display: block;
	width: 100%
}

.custommega-container .mega-entry a
{
	height: 100%;
	display: block;
	width: 100%
}

.features-a
{
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 15px 0 20px !important;
	padding: 0;
	zoom: 1;
}

html* .features-a { overflow: hidden; }

.features-a .megafolio-container { position: relative; }

.features-a .mega-entry
{
	position: absolute;
	z-index: 2;
	overflow: hidden;
	margin: 0;
	zoom: 1;
}

.features-a .mega-entry
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-transition: all .6s ease-out;
	-moz-transition: all .6s ease-out;
	-o-transition: all .6s ease-out;
	-ms-transition: all .6s ease-out;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.gridItem a .mega-hover
{
	background: none repeat scroll 0 0 #999999;
	border: medium none;
	display: inline-block;
	height: 100%;
	left: 0;
	margin: 0;
	padding: 0;
	position: absolute;
	table-layout: fixed;
	text-align: center;
	top: 0;
	width: 100%;
	z-index: 2;
}

.gridItem a h3.mega-hovertitle 
{
  display: block;
  padding: 0 10%;
  position: absolute;
  top: 30%;
  width: 80%;
}

.gridItem.g1 a h3.mega-hovertitle { top: 30%; }

.gridItem.g3 a h3.mega-hovertitle { top: 20%; }

.gridItem.g2 a h3.mega-hovertitle { top: 20%; }

.gridItem.g4 a h3.mega-hovertitle { top: 20%; }

.gridItem a
{
	display: block;
	height: 100%;
	width: 100%;
}

.gridItem
{
	float: left;
	margin: 0;
	position: relative;
	overflow: hidden;
	margin-top: 5px;
}

.gridItem img
{
	display: block;
	width: 100%;
}

.g1 { width: 100%; }

.g2 { width: 44%; }

.g4 { width: 100%; }

.g5 { width: 100%; }

.g6 { width: 100%; }

.g7 { width: 100%; }

.g8 { width: 100%; }

.g3
{
	margin-left: 1.5%;
	width: 54.5%;
}

.grid-8
{
	float: left;
	width: 100%;
}

#grid-1
{
	float: left;
	width: 40%;
	overflow: hidden;
}

#grid-2
{
	float: left;
	margin-left: 0.5%;
	margin-right: 0.5%;
	overflow: hidden;
	width: 32%;
}

#grid-3
{
	float: left;
	width: 27%;
	overflow: hidden;
}

html* .features-a .mega-entry { border: none !important; }

.features-a .ieimg
{
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
	z-index: 0;
}

.features-a .mega-entry h2
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	max-width: 80%;
	margin: 0;
	padding: 15px;
	background: url(../images/ie-bk50.png);
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	text-transform: uppercase;
}

.features-a .mega-entry h2:before
{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 11px;
	height: 11px;
	background: url(../images/features-a-arrow-a.png) no-repeat;
	content: ' ';
}

.features-a .mega-entry h2 .before
{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/features-a-arrow-a.png) no-repeat;
	text-indent: 105%;
	white-space: nowrap;
}

.features-a .gridItem h2
{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	max-width: 80%;
	margin: 0;
	padding: 15px;
	background: url(../images/ie-bk50.png);
	background: rgba(0,0,0,0.7);
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	line-height: 18px;
	text-transform: uppercase;
}

.features-a .gridItem h2:before
{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 11px;
	height: 11px;
	background: url(../images/features-a-arrow-a.png) no-repeat;
	content: ' ';
}

.features-a .gridItem h2 .before
{
	position: absolute;
	top: 5px;
	right: 5px;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../images/features-a-arrow-a.png) no-repeat;
	text-indent: 105%;
	white-space: nowrap;
}

.features-a .mega-entry .mega-entry-innerwrap
{
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 2;
}

.features-a .mega-entry .mega-entry-innerwrap
{
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	-webkit-transform: translateZ(10);
	-webkit-backface-visibility: hidden;
	-webkit-perspective: 1000;
}

.features-a .mega-entry .mega-entry-innerwrap a
{
	display: block;
	width: 100%;
	height: 100%;
}

.features-a .mega-hover
{
	display: table;
	table-layout: fixed;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: none;
	background: #999;
	text-align: center;
}

.lt-ie9 .features-a .mega-hover
{
	display: block;
	table-layout: auto;
}

html* .features-a .mega-hover
{
	display: block;
	table-layout: auto;
}

.features-a .mega-hover
{
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}

.features-a .e1 .mega-hover { background: #00c693; }

.features-a .e2 .mega-hover { background: #2a6bba; }

.features-a .e3 .mega-hover { background: #b71c44; }

.features-a .e6 .mega-hover { background: #1cb7cb; }

.features-a .e5 .mega-hover { background: #f99400; }

.features-a .e4 .mega-hover { background: #a42090; }

.features-a .e7 .mega-hover { background: #F9DD38; }

.features-a .e8 .mega-hover { background: #20655B; }

.features-a .mega-hovertitle
{
	display: table-cell;
	width: 100%;
	margin: 0;
	padding: 0 5% 30px;
	color: #1a1a1a;
	font-size: 21px;
	font-weight: normal;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.lt-ie9 .features-a .mega-hovertitle
{
	display: inline-block;
	width: 60%;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	vertical-align: middle;
	zoom: 1;
}

html* .features-a .mega-hovertitle
{
	display: inline;
	width: 60%;
	margin: 0;
	padding-left: 0;
	padding-right: 0;
	vertical-align: middle;
	zoom: 1;
}

.lt-ie9 .features-a .mega-hover:before
{
	display: inline-block;
	width: 0;
	height: 100%;
	vertical-align: middle;
	content: ' ';
}

html* .features-a .mega-hover .ghost
{
	display: inline;
	width: 0;
	height: 100%;
	vertical-align: middle;
	zoom: 1;
}

/*.features-a .mega-hovertitle:after
{
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin: 7px auto 0;
	background: url(../images/ico-plus-a.png) no-repeat;
	text-indent: 105%;
	white-space: nowrap;
	content: ' ';
}*/

.features-a .mega-hovertitle .after
{
	display: block;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin: 7px auto 0;
	background: url(../images/ico-plus-a.png) no-repeat;
	text-indent: 105%;
	white-space: nowrap;
}

.features-a .mega-hovertitle
{
	-webkit-transition: all .2s ease-out;
	-moz-transition: all .2s ease-out;
	-o-transition: all .2s ease-out;
	-ms-transition: all .2s ease-out;
	transition-delay: .2s;
	-moz-transition-delay: .2s;
	-webkit-transition-delay: .2s;
	-o-transition-delay: .2s;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
	filter: alpha(opacity=0);
}

.features-a .mega-hovertitle .mega-hoversubtitle
{
	display: block;
	font-size: 15px;
	line-height: 20px;
	text-transform: none;
}

.features-a .mega-hover:hover
{
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
	-moz-transition-delay: .1s;
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transition-delay: .1s;
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
}

.features-a .mega-hover:hover .mega-hovertitle { padding-bottom: 0; }

.features-a .mega-hover:hover .mega-hovertitle
{
	transition-delay: .1s;
	-moz-transition-delay: .1s;
	-webkit-transition-delay: .1s;
	-o-transition-delay: .1s;
	transform: rotate(0deg);
-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}

.insights .share-a { }

.share-a
{
	float: right;
	position: relative;
	text-align: right;
    margin-top: 20px;
}

.share-a h3, .pagination-a h3
{
	display: inline-block;
	margin: 0;
	font-size: 13px;
	font-weight: normal;
	line-height: 26px;
	text-transform: uppercase;
	vertical-align: top;
}

.pagination-a
{
	float: right;
	padding-right: 1em;
	text-align: right;
	width: 98%;
}

.pagination-a ul
{
	list-style: none;
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0;
	vertical-align: bottom;
}

.pagination-a ul li
{
	display: inline-block;
	vertical-align: top;
}

.pagination-a ul li a
{
	color: black;
	display: block;
	height: 24px;
	overflow: hidden;
	white-space: nowrap;
	width: 15px;
}

.share-a ul
{
	list-style: none;
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0;
	vertical-align: bottom;
}

html* .share-a h3, html* .share-a ul, html* .share-a ul li
{
	display: inline;
	zoom: 1;
}

.share-a ul li
{
	display: inline-block;
	vertical-align: top;
}

.share-a ul li a
{
	display: block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	background: url(../images/share-a-icons.png) -10001px -10001px no-repeat;
	text-indent: 105%;
	white-space: nowrap;
}

.share-a ul li a
{
	-moz-transition: opacity 0.35s;
	-webkit-transition: opacity 0.35s;
	-o-transition: opacity 0.35s;
	-ms-transition: opacity 0.35s;
	transition: opacity 0.35s;
}

.share-a ul li a:hover, .share-a ul li a:focus, .share-a ul li a:active { opacity: 0.8; }

.share-a ul li.twitter a { background-position: 0 0; }

.share-a ul li.linkedin a { background-position: -30px 0; }

.share-a ul li.email a { background-position: -60px 0; }

.sidenav-a { }

.sidenav-a ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#s4-workspace .sidenav-a ul li { margin: 0 0 3px !important; }

.sidenav-a ul li a
{
	display: block;
	position: relative;
	min-height: 44px;
	padding: 8px 10px 10px 75px;
	background: #9da4ae;
	color: #fff;
	font-size: 11px;
	line-height: 14px;
}

.sidenav-a ul li a
{
	-moz-transition: background-color 0.35s;
	-webkit-transition: background-color 0.35s;
	-o-transition: background-color 0.35s;
	-ms-transition: background-color 0.35s;
	transition: background-color 0.35s;
}

.sidenav-a ul li a:hover, .sidenav-a ul li a:hover, .sidenav-a ul li a:hover, .sidenav-a ul li.active a
{
	background: #818a97;
	color: #fff;
}

.sidenav-a ul li a strong
{
	display: block;
	padding: 0 0 2px;
	font-size: 15px;
	font-weight: normal;
	line-height: 16px;
	text-transform: uppercase;
}

.sidenav-a ul li a:before
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 62px;
	border-right: 3px solid #fff;
	background: url(../images/nav-icons-b.png) -10001px -10001px no-repeat;
	content: ' ';
}

.sidenav-a ul li.i1 a:before
{
	background-color: #00c693;
	background-position: 0 50%;
}

.sidenav-a ul li.i2 a:before
{
	background-color: #2a6bba;
	background-position: -100px 50%;
}

.sidenav-a ul li.i3 a:before
{
	background-color: #b71c44;
	background-position: -200px 50%;
}

.sidenav-a ul li.i4 a:before
{
	background-color: #1cb7cb;
	background-position: -300px 50%;
}

.sidenav-a ul li.i5 a:before
{
	background-color: #f99400;
	background-position: -400px 50%;
}

.sidenav-a ul li.i6 a:before
{
	background-color: #a42090;
	background-position: -500px 50%;
}

.sidenav-a ul li a .before
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 62px;
	overflow: hidden;
	border-right: 3px solid #fff;
	background: url(../images/nav-icons-b.png) -10001px -10001px no-repeat;
no-repeat;
	text-indent: 105%;
	white-space: nowrap;
	content: ' ';
}

.sidenav-a ul li.i1 a .before
{
	background-color: #00c693;
	background-position: 0 50%;
}

.sidenav-a ul li.i2 a .before
{
	background-color: #2a6bba;
	background-position: -100px 50%;
}

.sidenav-a ul li.i3 a .before
{
	background-color: #b71c44;
	background-position: -200px 50%;
}

.sidenav-a ul li.i4 a .before
{
	background-color: #1cb7cb;
	background-position: -300px 50%;
}

.sidenav-a ul li.i5 a .before
{
	background-color: #f99400;
	background-position: -400px 50%;
}

.sidenav-a ul li.i6 a .before
{
	background-color: #a42090;
	background-position: -500px 50%;
}

.sidenav-b /*.sidenav-b div*/
{
	background: none repeat scroll 0 0 #9DA4AE;
	padding-bottom: 5%;
    margin: 0 0 15px;
}

.sidenav-b div h2
{
	background: none repeat scroll 0 0 #000000;
	color: #FFFFFF;
	font-size: 1.5em;
	margin-bottom: 3% !important;
	padding-bottom: 5%;
	padding-left: 5%;
	text-transform: uppercase;
	width: 55%;
}

.sidenav-b div h3
{
	color: #000000;
	font-size: 1.7em;
	padding-left: 5%;
}

.sidenav-b div ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidenav-b div ul li
{
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 5%;
}

.sidenav-b div ul li a {
    color: #fff;
    display: inline;
}

.sidenav-b div ul li a .ms-ref-ellipsis {
    white-space: normal;
}

/*! headers ------- */

/*! buttons ------- */

/*! helpers ------- */


.offset
{
	position: absolute !important;
	left: -10001px !important;
	overflow: hidden !important;
}

/*! defaults ------ */


form { }

label { cursor: pointer; }

textarea
{
	overflow: auto;
	resize: vertical;
}

button
{
	overflow: visible;
	padding: 0 10px;
	cursor: pointer;
}
button::-moz-focus-inner {
padding: 0;
border: none;
}

table
{
	display: table;
	border-collapse: collapse;
	border-spacing: 0;
}

table th, table td
{
	padding: 5px 10px;
	border: 1px solid #eee;
}

h1, h2, h3, h4, h5, h6
{
	font: 400 1em/1.2 'Open Sans', Helvetica Neue, Helvetica, Arial, sans-serif;
	margin-bottom: 5px;
	padding-top: 10px;
}

h1 { font-size: 3.8em; }

h2 { font-size: 2.6em; }

h3 { font-size: 2.2em; }

h4 { font-size: 1.8em; }

h5 { font-size: 1.6em; }

h6 { font-size: 1.4em; }

ul, ol, dd, blockquote { padding-left: 40px; }

ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; }

a
{	color: #f0783c;
	text-decoration: none;
}

a:hover, a:focus, a:active, a:visited
{
	color: #e75912;
	text-decoration: none;
}

a
{
	-moz-transition: color 0.35s;
	-webkit-transition: color 0.35s;
	-o-transition: color 0.35s;
	-ms-transition: color 0.35s;
	transition: color 0.35s;
}

a span { cursor: pointer; }

/* Sean - 24-5-2013 - Added #s4-workspace > to next 1; */
#s4-workspace > img
{
	max-width: 100%;
	border-width: 0;
	image-rendering: optimizeQuality;
	-ms-interpolation-mode: bicubic;
}

pre
{
	font-family: Consolas, Monaco, Courier New, monospace;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

hr, div.hr
{
	overflow: hidden;
	width: 100%;
	height: 1px;
	margin: 15px 0;
	border: none;
	border-top: 1px solid #eee;
	background: none;
	font-size: 0;
}

div.hr * { display: none; }

.contact-a { float: left; }

#s4-workspace .dublinOffice
{
	background: none repeat scroll 0 0 #1CB7CB;
	height: 49%;
	/*sean*/
	margin-bottom: 0.5em !important;
	position: absolute;
	width: 33%;
}

.iframer
{
	top: 50%;
	height: 50%; /*was 48%*/
	margin-bottom: 0.5em;
	position: absolute;
	width: 33%;
}

#s4-workspace .galwayOffice
{
	background: none repeat scroll 0 0 #B71C44;
	color: #fff;
	height: 40%;
	/*sean*/
	margin-bottom: 0.5em !important;
	position: absolute;
	width: 33%;
}

.galwayOffice a { color: #fff; }

.dublinOffice a { color: #333; }

.galwayiframer
{
	height: 31%; /*was 29%*/
	position: absolute;
	top: 41%;
	width: 33%;
}

.contact-a .contact-section
{
	float: left;
	width: 33%;
}

.dublinOffice h1, .galwayOffice h1
{
	font-size: 2.2em;
	padding: 6% 6% 2%;
}

#content .galwayOffice h1 { color: #fff; }

.dublinOffice p, .galwayOffice p
{
	font-size: 1.4em;
	padding: 0% 6% 2%;
}

.dublinOffice span, .galwayOffice span { padding: 2%; }

span.mail
{
	background: url("../images/email.png") no-repeat scroll 0 0 transparent;
	font-size: 1.4em;
	margin-left: 6%;
	padding: 0 24px 2%;
}

span.telephone
{
	background: url("../images/bubble.png") no-repeat scroll 0 0 transparent;
	font-size: 1.4em;
	margin-left: 6%;
	padding: 0 24px 2%;
}

.joiningUs
{
	background: none repeat scroll 0 0 #00C693;
	height: 27%;
	position: absolute;
	text-align: center;
	top: 73%; /*was 71%*/
	width: 33%;
}

.joiningUs h1
{
	font-size: 1.8em;
	padding: 6% 6% 0;
}

.joiningUs a
{
	color: #333333;
	font-size: 1.2em;
	height: auto !important;
	line-height: 2.2em;
}

.contactimage { width: 100%; }

.contactImageCrop { margin: 0; }

#s4-workspace .contact-section div.contactImageCrop > img.contactimage { margin-bottom: -20px !important; }

.contact-section.center
{
	margin-left: 0.5%;
	margin-right: 0.5%;
	overflow: hidden;
	width: 33%;
}

.center .cta-a
{
	margin: 0 -1% 10px;
	overflow: hidden;
	position: relative;
}

/*! mobile -------- */

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {

body
{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
/*iPad*/
body
{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

/* fix for the Careers page */
#content *, #zartisIframeContainer *
{
	/*overflow-y: scroll; /* has to be scroll, not auto */
	-webkit-overflow-scrolling:touch;
}

}
@media only screen and (-webkit-min-device-pixel-ratio : 1.5), only screen and (min-device-pixel-ratio : 1.5) {

body
{
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
}
 @media screen and (max-width: 1170px) {

.features-a .mega-hovertitle
{
	font-size: 17px;
	line-height: 21px;
}

.features-a .mega-hovertitle .mega-hoversubtitle
{
	font-size: 13px;
	line-height: 17px;
}
}
@media screen and (max-width: 1024px) {

.features-a .mega-entry h2 { font-size: 15px; }

.features-a .mega-hovertitle
{
	padding-left: 15%;
	padding-right: 15%;
	font-size: 16px;
	line-height: 18px;
}

.lt-ie9 .features-a .mega-hovertitle { width: 70%;
}

html* .features-a .mega-hovertitle { width: 70%;
}

/*.features-a .mega-hovertitle:after
{
	width: 16px;
	height: 16px;
	background-image: url(../images/ico-plus-b.png);
}*/

.features-a .mega-hovertitle .after
{
	width: 16px;
	height: 16px;
	background-image: url(../images/ico-plus-b.png);
}

.features-a .mega-hovertitle .mega-hoversubtitle
{
	font-size: 11px;
	line-height: 15px;
}

#footer .utils h3 {
    font-size: 24px;
}
}
@media screen and (max-width: 760px) {

/*
.cta-a { float:left;clear:both;position: relative; overflow: hidden; margin: 0 -1% 15px;width:100%;margin-top:2em; }
 .cta-a .item { min-height: 0; margin: 0 1%; }
  .cta-a .item .content { padding: 20px 25px 25px; }
   .cta-a .item .content p.action { position: static; bottom: auto; left: auto; right: auto; }
 .cta-a .item.a, .cta-a .item.b { width: 48%; margin: 0 1% 20px; }
 .cta-a .item.c { width: 98%; margin: 0 1%; }
  .cta-a .item.c header { float: left; width: 49%; margin: 0; }
  .cta-a .item.c .content { position: relative; float: right; width: 43%; margin: 0; padding: 15px 4% 10px; }
   .cta-a .item.c .content form { margin: 0 0 10px; }
   
   */

.cta-a
{
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	margin: 0 -1% 15px;
	width: 101%;
	margin-top: 2em;
}

.cta-a .ms-webpartzone-cell.item, .contact-section .item.c, .secondary .item.c
{
	min-height: 0;
	/*margin: 0 1%;*/
}

.cta-a .item .content { padding: 20px 25px 25px; }

.cta-a .item .content p.action, .contact-section .item.c .content p.action, .secondary .item.c .content p.action
{
	position: static;
	bottom: auto;
	left: auto;
	right: auto;
}

.cta-a .ms-webpartzone-cell.item.a, .cta-a .ms-webpartzone-cell.item.b
{
	width: 48%;
	margin: 0 1% 20px;
}

.cta-a .ms-webpartzone-cell.item.c
{
	width: 100%;
	margin: 0 1%;
}

.cta-a .item.c header, .contact-section .item.c header, .secondary .item.c header
{
	float: left;
	width: 49%;
	margin: 0;
}

.cta-a .item.c .content, .contact-section .item.c .content, .secondary .item.c .content
{
	position: relative;
	float: right;
	width: 43%;
	margin: 0;
	padding: 11px 4% 5px;
}

.cta-a .item.c .content form, .contact-section .item.c .content form, .secondary .item.c .content form { margin: 0 0 10px; }

#footer .awards {
    width: 220px;
}

#s4-workspace .contactImageCrop
{
	height: 100px;
	margin-bottom: 5px !important;
	overflow: hidden;
	width: 100%;
}

.contact-a .contact-section
{
	float: none;
	margin-bottom: 0;
	width: 100%;
}

.contact-section.center
{
	margin-bottom: 5px;
	margin-left: 0;
	margin-right: 0;
}

.contact-section.center .ms-webpart-cell-vertical, .contact-section.center .ms-webpart-chrome-vertical, .contact-section.center .ms-webpart-zone {
    display: block;
}

.contact-section .ms-webpartzone-cell {
    margin-bottom: 0px;
}

#s4-workspace .dublinOffice
{
	padding-bottom: 6%;
	position: relative;
	width: 100%;
}

.iframer
{
	position: relative;
	width: 100%;
}

#s4-workspace .galwayOffice
{
	position: relative;
	width: 100%;
	padding-bottom: 6%;
}

.galwayiframer
{
	position: relative;
	width: 100%;
}

.joiningUs
{
	position: relative;
	width: 100%;
}

.cols-b .primary, .cols-b .secondary
{
	float: none;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}

/*.sidenav-b
{
	position: relative;
	width: auto;
	margin: 0 -1% 15px;
}*/

.sidenav-b div ul { overflow: hidden; }

.sidenav-b div ul li
{
	float: left;
	margin: 0 0 3px;
	padding: 0 0 0 5%;
	width: 100%;
}

.ms-webpartzone-cell.sidenav-b /*.sidenav-b div*/
{
	background: none repeat scroll 0 0 #9DA4AE;
	float: left;
	padding-bottom: 0; /*5%;*/
	width: 48%;
	min-height: 335px;
}

.ms-webpartzone-cell.sidenav-b:first-child /*.sidenav-b div:first-child*/
{
	margin-right: 2%;
	width: 48%;
}
}
@media screen and (max-width: 720px) {

.features-a .mega-hovertitle
{
	padding-left: 5%;
	padding-right: 5%;
	font-size: 1.4em;
	line-height: 1.2em;
}

.lt-ie9 .features-a .mega-hovertitle { 
    width: 90%;
}

html* .features-a .mega-hovertitle { 
    width: 90%;
}

.features-a .mega-hovertitle .mega-hoversubtitle
{
	font-size: 1.4em;
	line-height: 1em;
}

#nav ul { table-layout: auto; }

#nav ul li
{
	width: auto;
	font-size: 11px;
	padding: 0;
}

#nav .ms-core-listMenu-horizontalBox { width: 100%; }

#nav ul li a { padding: 9px 14px; }

#nav ul li ul li a span { display: none; }

#nav ul li ul li a .additional-background.ms-navedit-flyoutArrow { display: block; }

.cols-a .primary, .cols-a .secondary
{
	float: none;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}

.cols-b .primary, .cols-b .secondary
{
	float: none;
	width: 100%;
	margin: 0 0 20px;
	padding: 0;
}

/*.sidenav-b
{
	position: relative;
	width: auto;
	margin: 0 -1% 15px;
}*/

.sidenav-b div ul { overflow: hidden; }

.sidenav-b div ul li
{
	float: left;
	margin: 0 0 3px;
	padding: 0 0 0 5%;
	width: 100%;
}

.ms-webpartzone-cell.sidenav-b /*.sidenav-b div*/
{
	background: none repeat scroll 0 0 #9DA4AE;
	float: left;
	padding-bottom: 5%;
	width: 48%;
	min-height: 335px;
}

.ms-webpartzone-cell.sidenav-b:first-child /*.sidenav-b div:first-child*/
{
	margin-right: 2%;
	width: 48%;
}

.sidenav-a
{
	position: relative;
	width: auto;
	margin: 0 -1% 15px;
}

.sidenav-a ul { overflow: hidden; }

.sidenav-a ul li
{
	float: left;
	width: 100%;
	margin: 0 0 3px;
	padding: 0 1%;
}

.gridItem
{
	float: left;
	height: 350px;
	margin: 0 0 5px;
	max-height: 200px;
	overflow: hidden;
	width: 450px;
}

.gridItem img
{
	margin-left: -25%;
	max-width: none;
	width: 150%;
}

.g1 { width: 100%; }

.g2 { width: 100%; }

.g3 { width: 100%; }

.g4 { width: 100%; }

.g5 { width: 100%; }

.g6 { width: 100%; }

.g7 { width: 100%; }

.g8 { width: 100%; }

.gridItem.g1 a h3.mega-hovertitle { top: 35%; }

.gridItem.g2 a h3.mega-hovertitle { top: 35%; }

.gridItem.g3 a h3.mega-hovertitle { top: 35%; }

.gridItem.g4 a h3.mega-hovertitle { top: 35%; }

.gridItem.g5 a h3.mega-hovertitle { top: 35%; }

.gridItem.g6 a h3.mega-hovertitle { top: 35%; }

.gridItem.g7 a h3.mega-hovertitle { top: 35%; }

.gridItem.g8 a h3.mega-hovertitle { top: 35%; }

.grid-8 { float: left; }

#grid-1
{
	float: left;
	margin-bottom: 5px;
	width: 100%;
}

#grid-2
{
	float: left;
	margin-bottom: 5px;
	width: 100%;
}

#grid-3
{
	float: left;
	padding-bottom: 5px;
	width: 100%;
}
}
@media screen and (max-width: 640px) {

#footer .awards { max-width: 40%; }

#footer .awards img
{
	display: block;
	max-width: 206px;
	margin: 0;
	margin: 0 auto;
}

#footer .utils { max-width: 55%; }

#footer .utils h3 { margin: 0 0 15px; }

#footer .utils nav { margin: 0 0 15px; }



.cta-a
{
	position: relative;
	overflow: hidden;
	margin: 0 -1% 15px;
}

.cta-a .ms-webpartzone-cell.item
{
	min-height: 0;
	margin: 0 1%;
}

.cta-a .item .content { padding: 20px 25px 25px; }

.cta-a .item .content p.action
{
	position: static;
	bottom: auto;
	left: auto;
	right: auto;
}

.cta-a .ms-webpartzone-cell.item.a, .ms-webpartzone-cell.cta-a .item.b
{
	width: 48%;
	margin: 0 1% 20px;
}

.cta-a .ms-webpartzone-cell.item.c
{
	width: 98%;
	margin: 0 1%;
}

.cta-a .item.c header
{
	float: left;
	width: 49%;
	margin: 0;
}

.cta-a .item.c .content
{
	position: relative;
	float: right;
	width: 43%;
	margin: 0;
	padding: 15px 4% 10px;
}

.cta-a .item.c .content form { margin: 0 0 10px; }

/* do not effect contact page */
 
 

.contact-a .cta-a
{
	float: left;
	clear: both;
	position: relative;
	overflow: hidden;
	margin: 0;
	width: 101%;
}

.contact-a .cta-a .item
{
	min-height: 0;
	margin: 0 1%;
}

.contact-a .cta-a .item .content { padding: 20px 25px 25px; }

.contact-a .cta-a .item .content p.action
{
	position: static;
	bottom: auto;
	left: auto;
	right: auto;
}

.contact-a .cta-a .item.a, .cta-a .item.b
{
	width: 48%;
	margin: 0 1% 20px;
}

.contact-a .cta-a .item.c
{
	width: 100%;
	margin: 0 1%;
}

.contact-a .cta-a .item.c header
{
	float: left;
	width: 49%;
	margin: 0;
}

.contact-a .cta-a .item.c .content
{
	position: relative;
	float: right;
	width: 43%;
	margin: 0;
	padding: 15px 4% 10px;
}

.contact-a .cta-a .item.c .content form { margin: 0 0 10px; }

.entry-a figure.left { width: 60%; }

.entry-a figure.right { width: 60%; }

.entry-a figure img
{
	display: block;
	max-width: 960px;
	width: 100%;
	height: auto;
	margin: 0;
}
}
@media screen and (max-width: 620px) {

#top { padding-bottom: 10px; }

#logo
{
	max-width: 49%;
	margin: 0 0 15px;
}

#top .utils
{
	max-width: 49%;
	margin: 0 0 15px;
}

#top .utils nav ul li
{
	margin: 0 0 0 5px;
	font-size: 10px;
	line-height: 15px;
	white-space: nowrap;
}

#top .utils nav ul li ~ li:before { margin-right: 5px; }

#nav { height: auto; }

#nav .ms-core-navigation .ms-core-listMenu-horizontalBox { width: 100%; }

#nav ul { display: block; }

#nav ul li
{
	display: block;
	position: relative;
	width: 100%;
	margin: 0 0 3px;
	font-size: 12px;
	line-height: 24px;
}

#nav ul li:hover { z-index: 10; }

#nav ul li a
{
	position: relative;
	overflow: hidden;
	padding: 4px 30px;
	background: #28282d;
    background-position: left !important;
}

#nav ul li a img {
    position: absolute;
    top: 4px;
    left: 4px;
    margin-left: 0px;
}

#nav ul li + li a { border: none; }

#nav ul li a:before
{
	position: absolute;
	top: 50%;
	left: 3px;
	width: 24px;
	margin: -12px 0 0;
}

#nav ul li ul
{
	top: 32px;
	border-top: none;
}

#nav ul li ul li { width: 100%; }

#nav ul li ul li a { padding: 3px 7px; }

#footer .awards
{
	float: none;
	max-width: 100%;
	width: 100%;
	margin: 0 0 20px;
}

#footer .utils
{
	float: none;
	max-width: 100%;
	width: 100%;
	margin: 0;
	text-align: center;
}

/*
.cta-a { position: relative; overflow: hidden; margin: 0 0 15px; }
 .cta-a .item, .cta-a .item.a, .cta-a .item.b, .cta-a .item.c { width: 100%; margin: 0 0 15px; }
  .cta-a .item.c header { float: none; width: 100%; margin: 0; }
  .cta-a .item .content { padding: 20px 25px 25px; }
  .cta-a .item.c .content { float: none; width: auto; margin: 0; padding: 20px 25px 25px; }
*/

.entry-a figure.left, .entry-a figure.right
{
	float: none;
	width: 100%;
	margin: 0 0 15px;
}

.sidenav-a { margin: 0 0 15px; }

.sidenav-b { margin: 0 0 15px; }

.sidenav-b div ul li
{
	float: none;
	width: 100%;
	margin: 0 0 3px;
}
}
@media screen and (max-width: 500px) {

.features-a .megafolio-container { height: auto !important; }

.features-a .mega-entry
{
	position: static !important;
	overflow: hidden;
	width: 100% !important
}

.features-a .mega-entry h2
{
	font-size: 16px;
	line-height: 24px;
}

.features-a .mega-hovertitle
{
	padding-left: 20%;
	padding-right: 20%;
	font-size: 16px;
	line-height: 20px;
}

.lt-ie9 .features-a .mega-hovertitle { 
    width: 60%;
}

html* .features-a .mega-hovertitle { 
    width: 60%;
}

.features-a .mega-hovertitle .mega-hoversubtitle
{
	font-size: 12px;
	line-height: 14px;
}
}
@media screen and (max-width: 320px) {

#root { padding: 0 10px; }

.features-a .mega-hovertitle
{
	font-size: 14px;
	line-height: 16px;
}

.features-a .mega-hovertitle .mega-hoversubtitle
{
	font-size: 10px;
	line-height: 12px;
}

/*.sidenav-b
{
	position: relative;
	width: auto;
	margin: 0 -1% 15px;
}*/

.sidenav-b div ul { overflow: hidden; }

.sidenav-b div ul li
{
	float: left;
	margin: 0 0 3px;
	padding: 0 1%;
	width: 100%;
}

.ms-webpartzone-cell.sidenav-b /*.sidenav-b div*/
{
	background: none repeat scroll 0 0 #9DA4AE;
	float: left;
	padding-bottom: 5%;
	width: 98%;
}

.ms-webpartzone-cell.sidenav-b:first-child /*.sidenav-b div:first-child*/
{
	margin-right: 2%;
	width: 98%;
}

.sidenav-b div ul li
{
	list-style: none outside none;
	margin: 0;
	padding: 0 0 0 5%;
}

.cta-a
{
	margin: 5% 0 15px;
	overflow: hidden;
	position: relative;
}

.cta-a .ms-webpartzone-cell.item, .cta-a .ms-webpartzone-cell.item.a, .cta-a .ms-webpartzone-cell.item.b, .cta-a .ms-webpartzone-cell.item.c
{
	width: 100%;
	margin: 0 0 15px;
}

.cta-a .item.c header, .secondary .item.c header
{
	float: none;
	width: 100%;
	margin: 0;
}

.cta-a .item .content, .secondary .item.c .content { padding: 20px 25px 25px; }

.cta-a .item.c .content, .secondary .item.c .content
{
	float: none;
	width: auto;
	margin: 0;
	padding: 20px 25px 25px;
}
}
 @media screen and (max-width: 1112px) {

.entry-b div { width: 60%; }
}
 @media screen and (max-width: 960px) {

.entry-b div
{
	float: left;
	padding-left: 2em;
	width: 55%;
}
}
@media screen and (max-width: 850px) {

.entry-b div { width: 50%; }
}
@media screen and (max-width: 760px) {

.entry-b div { width: 45%; }
}
 @media screen and (max-width: 720px) {

.entry-b div
{
	padding-right: 6%;
	width: 94%;
}

.entry-b figure.right { display: none; }
}
 @media screen and (max-width: 620px) and (min-width: 436px) {

.clients-container .mega-entry
{
	width: 400px!important;
	height: 400px!important;
}

.clients-padding
{
	width: 400px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.clients-container .mega-hovertitle
{
	font-size: 21px!important;
	line-height: 24px!important;
}

.clients-container .mega-hovertitle .mega-hoversubtitle
{
	font-size: 17px!important;
	line-height: 21px!important;
}
}
@media screen and (max-width: 720px) and (min-width: 436px) {

.features-padding
{
	width: 450px;
	display: table;
	margin-left: auto;
	margin-right: auto;
}

.features-container .mega-hovertitle
{
	font-size: 21px!important;
	line-height: 24px!important;
}

.features-container .mega-hovertitle .mega-hoversubtitle
{
	font-size: 17px!important;
	line-height: 21px!important;
}
}


/*Malek: style for the subscribe box*/
#blur{

    width: 100%;
    background-color: black;
    opacity: .5;
    filter: alpha(opacity=50);
    z-index: 120;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#progress {
    width:100%;
    background-color: transparent;
    position: absolute;
    top: 0pt;
    left: 0pt;
    padding: 5px 5px 5px 5px;
    margin:0 auto;
}

#progress img {
          width: 30px;
          height: 30px;
      
          margin-left:138px;
          margin-top:22px;
}

#progress h2 {
        color:#f0783c;
        text-align:center;
}

/*Ruth: Style for search results and page layout*/

/*@media screen and (max-width: 1112px) {

.search-entry div { width: 60%; }
}
 @media screen and (max-width: 960px) {

.search-entry div
{
	float: left;
	padding-left: 2em;
	width: 55%;
}
}
@media screen and (max-width: 850px) {

.search-entry div { width: 50%; }
}
@media screen and (max-width: 760px) {

.search-entry div { width: 45%; }
}
 @media screen and (max-width: 720px) {

.search-entry div
{
	padding-right: 6%;
	width: 94%;
}
}
*/

.search-padding
{
	background-color: #E6E6E6;
	margin-bottom: 0;
	padding: 4px 18px 18px;
}

.search-container
{
	background-color: #e6e6e6;
	position: relative;
	z-index: 1;
	width: 100%;
	margin: 0 !important;
	zoom: 1;
	margin-bottom: 0px;
}

.search-container .mega-entry
{
	width: 250px !important;
	height: 250px !important;
}

.search-container .search-title { padding: 10% !important; }

.search-container .search-title:after { display: none!important; }

.search-container .search-title .after { display: none!important; }

.search-container .mega-entry .mega-entry-innerwrap { border: 1px solid #ccc; }

.search-entry
{
	float:left;
	padding:5px;
}

.search-entry a
{
	background-image: url(../images/client-ico-plus.png);
	background-position: bottom right;
	background-repeat: no-repeat;
}

.search-entry div 
{
	width:275px;
	height:275px;
	background-color:white;		
}

.search-title
{
	display: table-cell;
	width: 100%;
	margin: 0;
	padding: 5% 5% 30px;
	color: #1a1a1a;
	font-size: 17px;
	font-weight: normal;
	line-height: 26px;
	text-align: center;
	text-transform: uppercase;
	vertical-align: middle;
}

.search-subtitle
{
	display: block;
	font-size: 10px;
	line-height: 15px;
	text-transform: none;
}

.search-subtitle-url
{
	display: block;
	font-size: 10px;
	line-height: 15px;
	text-transform: none;
	color:orange; 
	word-wrap: break-word;
	padding-right:5%;
}


.search-cols
{
	width: 100%;
	overflow: hidden;
}

.search-cols .search-primary
{
	float: left;
	width: 75%;
	margin: 0;
	padding-right: 5px;
	/*position:absolute;*/
}


html* .search-cols .search-primary
{
	width: 74%;
	padding: 0;
}

.search-cols .search-secondary
{
	float: right;
	margin: 6.2em 0 0;
	width: 25%;
	padding-left: 15px;
}

html* .search-cols .search-secondary
{
	width: 24%;
	padding: 0;
}

.search-cols .search-primary, .search-cols .search-secondary
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.search-hover-style-custom
{
	position: relative;
	overflow: hidden;
	z-index: 2;
}
