/**
 * MDIF CSS
 *
 * @filename screen.css
 * @author Oliver Rowlands
 * @date 2012-06-01
 * @copyright Liquid Light Digital Ltd.
 * @url http://www.liquidlight.co.uk
 */

/**
 * Page
 */
#page {
	margin: 2em auto 4em auto;
}
#page > div.wrapper,
div.cookify div.message {
	max-width: 64.5em;
	margin: 0 auto;
}
#header {
	padding: 0;
	margin: 0 2.7em 1em 2.7em;
}
#content {
    margin: 0 2.7em 1em;
    padding: 0;
}
#upperFooter,
#middleFooter {
	padding: 1em 4em;
}
#lowerFooter {
	padding: 1em 4em 2.4em 4em;
}
p.more {
	margin: 0;
}

/**
 * Logo
 */
#logo {

	margin: 0em 0em 1.9em 0em;
	padding: 0em;
}


/**
 * Credits & Copyright
 */
#credits {
	float: right;
}
#copyright {
	float: left;
}

/**
 * Search
 */
#search {
	display: block;
	clear: right;
	float: right;
}
#search div.searchButton {
	display: none;
}

/**
 * Connect
 */
#connect {
	float: right;
}
#connect div.subscribe,
#connect ul li {
	float: left;
}

/**
 * Mobile Specific
 */
#mobileNavigation,
#searchBlockMobile {
	display: none !important;
}



/**
 * Navigation - Primary
 */
#primaryNavigation {
	display: block;
	float: right;
	clear: right;
	padding-bottom: 0;
}
#primaryNavigation ul ul {
	display: none;
}
#primaryNavigation li {
  float: left;
}
#primaryNavigation li a {
  margin-right: 1em;
}

/**
 * Navigation - Secondary
 */
#secondaryNavigation > div.wrapper > ul {
	margin: 0;
}
#secondaryNavigation {
  display: block;
	background: #f7f7f5;
	border: 1px solid #e1e1e1;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 2em;
}

/**
 * Navigation - Footer
 */
#footerNavigation ul li a {
	margin-right: 1.5em;
}

/**
 * Navigation - Mobile
 */
#mobileNavigation {
	display: none;
}

/**
 * Social
 */
ul.social {
	float: right;
}

/**
 * Page
 */
div.pageLayout.twoColumn > div > div.column {
	float: left;
}
div.pageLayout.twoColumn > div > div.column.header,
div.pageLayout.twoColumn > div > div.column.footer {
	float: none;
}
div.pageLayout.twoColumn > div > div.column.header {
	margin: 0 0 1.8em;
    overflow: hidden;
}

/**
 * Page - Two column
 */
div.pageLayout.twoColumn > div > div.column.primary {
	width: 69.9%;
}
div.pageLayout.twoColumn > div > div.column.secondary {
	float: right;
	width: 29.9%;
}
div.pageLayout.twoColumn > div > div.column.primary > div.wrapper {
	padding: 0 2.2em 0 0;
}
div.pageLayout.twoColumn > div > div.column.wide {
  width: 100%;
}
div.pageLayout.twoColumn > div > div.column.wide > div.wrapper {
  padding: 0;
}

/**
 * Page - Three column
 */
div.pageLayout.threeColumn > div > div.column.secondary {
	width: 20%;
}
div.pageLayout.threeColumn > div > div.column.primary {
	width: 60.99%;
}
div.pageLayout.threeColumn > div > div.column.tertiary {
	width: 19%;
}
div.pageLayout.threeColumn > div > div.column.primary > div.wrapper {
	padding: 0 1.6em;
}

/**
 * Layout
 */
div.layout > div > div.column {
	padding: 0 0 1em 0;
	float: left;
}

/* overide */
#middleFooter div.layout > div > div.column {
	padding: 0em;
}

/**
 * Layout - Two column
 */
div.layout.twoColumn > div > div.column.one,
div.layout.twoColumn > div > div.column.two {
	width: 49.9%;
}
div.layout.twoColumn.thirtySeventy > div > div.column.one,
div.layout.twoColumn.seventyThirty > div > div.column.two {
	width: 35%;
}
div.layout.twoColumn.thirtySeventy > div > div.column.two,
div.layout.twoColumn.seventyThirty > div > div.column.one {
	width: 64%;
}
div.layout.twoColumn.fiftyFifty > div > div.column.one > div.wrapper {
	padding: 0 1em 0 0;
}
div.layout.twoColumn.thirtySeventy > div > div.column.one > div.wrapper,
div.layout.twoColumn.seventyThirty > div > div.column.one > div.wrapper {
	padding: 0 1.8em 0 0;
}


/**
 * Layout - Three column
 */
div.layout.threeColumn {
	margin: 0 0 0.1em 0;
}
div.layout.threeColumn > div > div.column {
	width: 33.3%;
	float: left;
}
div.layout.threeColumn > div > div.column.one > div.wrapper {
	padding: 0 1.6em 0 0;
}
div.layout.threeColumn > div > div.column.two > div.wrapper {
	padding: 0 0.8em 0 0;
}
div.layout.threeColumn > div > div.column.three > div.wrapper {
	padding: 0 0 0 0.8em;
}

/**
 * Content - Layout - Four column
 */
div.layout.fourColumn > div > div.column {
	width: 24.99%;
}
div.layout.fourColumn > div > div.column > div.wrapper {
	padding: 0 0.4em 0 0;
}

/**
 * Content - Layout - Five column
 */
div.layout.fiveColumn > div > div.column {
	width: 19.9%;
}

/**
 * Pagination
 */
div.pagination p {
	float: left;
	width: 54%;
	margin: 0;
}
div.pagination ul {
	list-style-type: none;
	float: right;
}

/**
 * Catalog - Careers
 */
div.careers.list div.filter.sectors {
	width: 50%;
	margin-bottom: 0.6em;
}
div.careers.list div.filter.sectors select {
	width: 80%;
}

/**
 * Slider
 */
div.pageLayout.twoColumn div.slider {
	margin-bottom: 0;
}
div.pageLayout.twoColumn div.slider div.orbit-wrapper div.content {
	position: absolute;
	top: 0;
	left: 0em;
	padding: 1em 0 0 1em;
	width: 52%;
	background: none;
}
div.pageLayout.twoColumn div.slider div.orbit-wrapper div.content p {
	font-size: 110%;
	font-weight: 400;
}
div.slider div.orbit-wrapper div.content {
	position: absolute;
	bottom: 3em;
	right: 0em;
	padding: 1em;
	width: 40%;
}
div.pageLayout.oneColumn div.column.one div.slider {
	margin-bottom: 1.5em;
}


/* overide */
div#upperFooter div.csc-textpic-image {
	margin-left: 0em;
}

/**
 * Home page
 */
div.pageLayout.oneColumn div.layout.twoColumn div.column.one em {
	font-size: 190%;
	font-style: normal;
  line-height: 1.3em;
}

/**
 * Footer
 */
#middleFooter span,
#upperFooter span {
	display: none;
}
#upperFooter img,
#middleFooter div.twoColumn img {
	display: block;
}

#upperFooter img,
#middleFooter div.seventyThirty div.column.one img {
	float: left;
	width: auto;
  margin-right: 1em;
}
#middleFooter div.seventyThirty div.column.two img {
	float: right;
	width: auto;
	margin: 0 0 0 1.8em;
}
div.webLinks img {
	float: right;
	width: auto;
	margin: 0 0 0 1.8em;
}

@media (max-width: 800px) {
	div.slider div.orbit-wrapper div.content {
		position: absolute;
		bottom: 0;
		background: rgba(48,48,48,0.9);
		width: 80%;
		color: #fff;
		padding: 1em;
	}
}