/*	==========================================================================
	 Base Page Layout
	========================================================================== */

html, body {
    height: 100%;
    margin: 0;
}
.pageWrapper {
	display: table;
	height: 100%;
	width: 100%;
	overflow: hidden;
}

main {
    display: table-row;
    height: 100%;
}

footer {
    display: table-row;
}


.container {
	position: relative;
	overflow: hidden;
}

.mp-pusher {
	position: relative;
	left: 0;
	height: 100%;
}

.scroller {
	overflow-y: scroll;
}

.scroller-inner {
	position: relative;
}

/*	==========================================================================
	 Inputs
	========================================================================== */

.fullwidth-input {
	width: 100%;
}

/*	==========================================================================
	  Colophon
	========================================================================== */

.colophon {
	background-color: #fff;
}

.colophon a {
	color: #999999;
	font-size: 13px;
	float: left;
	text-decoration: none;
}

.colophon .text-link {
	padding: 35px 20px ;
}

/*	==========================================================================
	 Formatting
	========================================================================== */

/* For modern browsers */
.clearfix:before,
.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
    zoom:1;
}

.l-inner {
	width: 960px;
	margin: 0 auto;
	padding: 0 10px;

	-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			  box-sizing: border-box;
}

@media only screen and (max-width: 980px) {
	.l-inner {
	width: 620px;
	}

}
@media only screen and (max-width: 660px) {
	.l-inner {
	width: 320px;
	}

}

.l-left {
	float: left;
}

.l-right {
	float: right;
}

.l-hor-center {
	margin-left: auto;
	margin-right: auto;
}

/*	==========================================================================
	 jcarousel core style
	========================================================================== */

/*
This is the visible area of you carousel.
Set a width here to define how much items are visible.
The width can be either fixed in px or flexible in %.
Position must be relative!
*/
.jcarousel {
	position: relative;
	overflow: hidden;
}

/*
This is the container of the carousel items.
You must ensure that the position is relative or absolute and
that the width is big enough to contain all items.
*/
.jcarousel ul {
	width: 20000em;
	position: relative;

	/* Optional, required in this case since it's a <ul> element */
	list-style: none;
	margin: 0;
	padding: 0;
}

/*
These are the item elements. jCarousel works best, if the items
have a fixed width and height (but it's not required).
*/
.jcarousel li {
	/* Required only for block elements like <li>'s */
	float: left;
}