html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

article, aside, figure, footer, header, hgroup, menu, nav, section { 
	display: block;
}

.portfolioPage {
	position: relative;
	margin: 0;	
}

#trace {
	position: absolute;
	width: 400px;
	height: 400px;
	background: #FFFFFF;
	z-index: 2500;
	display: none;
}

html, body { height: 100%; }

html {
	overflow-x: scroll;
	overflow-y: scroll;
}

body {
	background: #EFEFEF;
	color: #868B95;
	font-family: Arial, Helvetica, sans-serif;
	font-size:100%;
	line-height: 1.2;
}

.clearer { clear: both;	}

#backer { position: fixed; }

#overall {	
	display: none;
}

img { border-style: none; }

p { font-family: Georgia, "Times New Roman", Times, serif; }

li { list-style: none; }

h1 {
	color: #FF8E3E;
	font-size: 2.5em;
	width: 100%;
	text-align: center;
	margin-bottom: 15px;
	margin-top: 20px;
	text-transform: uppercase;
	font-family:"VAG Rundschrift Light", sans-serif; font-size-adjust:0.504; font-weight:200; font-style:normal;
}

h1.home {
	display: block;
	font-size: 7.3em;
	color: #252525;
	padding: 20px 0px;
	text-align: center;
	line-height: 0.9em;
	text-shadow: #FFFFFF 3px 0px 0px;
	font-family:"VAG Rundschrift Regular", sans-serif; font-size-adjust:0.516; font-weight:normal; font-style:normal;
	margin-bottom: 20px;
}

h1.whoTitle {
	margin-top: 0 !important;
	text-align: center;
}

.sansText {
	font-family:"VAG Rundschrift Light", sans-serif; font-size-adjust:0.504; font-weight:200; font-style:normal;
	text-transform: uppercase;
}

.slabText {
	font-family:"VAG Rundschrift Regular", sans-serif; font-size-adjust:0.516; font-weight:normal; font-style:normal;
}

h2 {
	font-family:"VAG Rundschrift Light", sans-serif; font-size-adjust:0.504; font-weight:200; font-style:normal;
	margin-bottom: 12px;
	font-size: 1.5em;
	line-height: 0.9em;
	color: #A4E25B;
	font-weight: normal;
}

h2.noSub { margin-bottom: 20px; }

a {
	text-decoration: none;
	color: #424242;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #00ACED;
}

#main {
	position: relative;
	padding-bottom: 200px;
}

#mainContent {
	position: relative;
	top: 70px;
}

#mainBackground {
	position: fixed;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

#mainBackgroundTexture {
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/background_pattern.gif);	
}

#mainBackgroundImg {
	position: absolute;
}

#loading {
	position: absolute;
	width: 30px;
	height: 30px;
	left: 50%;
	top: 50%;
	margin-left: -15px;
	margin-top: -15px;
	background: url(../images/loading.gif) no-repeat;
	z-index: 20000;
	display: none;
}

/* NAVIGATION */


nav {
	position: relative;
	padding: 50px 30px 0 30px;
	background: rgb(35, 35, 35); /* Old browsers */
	backgroun: rgba(0, 0, 0, 0.8);
	z-index: 500;
}

nav #selectNav { display: none; width: 100%; margin-bottom: 10px; }

#innerNav {
	width: 1464px;
	margin: 0 auto;
	padding: 5px 3px 5px 5px;
}

@media screen and (max-width: 1550px) {
	#innerNav {
		width: 1020px;
	}
	
	ul.mainNav li {
		width: 200px !important;
		height: 130px !important;
	}
}

@media screen and (max-width: 1100px) {
	#innerNav {
		width: 816px;
	}
}

@media screen and (max-width: 880px) {
	#innerNav {
		width: 616px;
	}
	
	ul.mainNav li {
		width: 150px !important;
		height: 97px !important;
	}
	
	ul.mainNav li a {
		font-size: 1em !important;
	}
	
	span.navSub {
		font-size: 0.7em !important;
	}
}

#navTab {
	position: absolute;
	width: 80px;
	height: 70px;
	overflow: hidden;
	top: -20px;
	left: 50%;
	margin-left: -40px;
	background: #53C7E0;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	z-index: 1000;
	color: #FFFFFF;
}

#innerNavTab {
	overflow: hidden;
	position: absolute;
	height: 140px;
	top: -70px;
}

.innerNavTabContent {
	width: 80px;
	line-height: 40px;
}

#navTab.closeNav { background: #F4F4F4; }


ul.mainNav {
	display: block;
}

ul.mainNav li {
	position: relative;
	disaply: inline;
	float: left;
	width: 240px;
	height: 155px;
	overflow: hidden;
	margin: 0px 4px 4px 0px;
}

ul.mainNav li.last {
	margin: 0px;
}

ul.mainNav li a {
	position: relative;
	display: block;
	width: 100%;
	overflow: hidden;
	color: #FFFFFF;
	text-align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.5em;
	font-family:"VAG Rundschrift Light", sans-serif; font-size-adjust:0.504; font-weight:200; font-style:normal;
}

ul.mainNav li a img {
	width: 100%;
}

ul.mainNav li a div {
	position: absolute;
	top: 0;
	height: 100%;
	width: 100%;
	padding: 8px;
	background: #000000;
	background: rgba(0, 0, 0, 0.5);
}

ul.mainNav li a.seen {
	-moz-box-shadow: inset 0 0 1px 2px rgba(0,0,0,0.05);
	-webkit-box-shadow: inset 0 0 1px 2px rgba(0,0,0,0.05);
	box-shadow: inset 0 0 1px 2px rgba(0,0,0,0.05);
	background: #F8F8F8;
}

ul.mainNav li a.seen:hover {
	background: #FFFFFF;
}

ul.mainNav li a:active, ul.mainNav li a.current {
	-moz-box-shadow: inset 0px 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 1px 1px rgba(0,0,0,0.2);
}

ul.mainNav li a:active { background: #EAEAEA; }

ul.mainNav li a.home { background-color: #FF8E3E; }
ul.mainNav li a.who { background-color: #5675D2; }
ul.mainNav li a.what { background-color: #53C7E0; }
ul.mainNav li a.where { background-color: #2DBEA1; }

span.navSub {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.5em;
	font-weight: normal;
	font-style: italic;
	display: block;
}

ul.mainNav li a.downNav {
	cursor: default;
}

#topNavPagers {
	
}

.topPager {
	position: relative;
	float: left;
	width: 49%;
	margin-right: 1%;
	height: 40px;
	text-align: center;
	line-height: 40px;
	background: #1A1A1A;
	cursor: pointer;
}

.topPager.rightTop {
	margin-right: none;
}

/* SPRITES */

/*  */

/* BASE */

.pagers {
	position: fixed;
	top: 50%;
	margin-top: -50px;
	z-index: 400;
	width: 130px;
	height: 70px;
	background: #53C7E0;
	cursor: pointer;
	overflow: hidden;
	font-size: 1.2em;
	color: #FFFFFF;
}

#navTab:active, .pagers:active {
	-moz-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
	box-shadow: inset 0 0 2px 2px rgba(0,0,0,0.4);
	text-shadow:0px 1px 0px rgba(0,0,0,0.4);
}

div#next {
	text-align: left;
	right: -50px;
}

div#previous {
	text-align: right;
	left: -50px;	
}

.innerPagers {
	overflow: hidden;
	position: absolute;
	width: 260px;
}

.innerPagersContent {
	float: left;
	width: 130px;
	line-height: 70px;
}

.innerPagersContent img {
	vertical-align: middle;
}

div#innerNext { left: -130px; }

div#innerPrevious { right: -130px; }

p.next { padding-left: 20px; }

p.previous { padding-right: 20px; }

#baseJourneyBg {
	position: relative;
	margin: 15px 25px 5px 25px;
	padding: 5px;
	background: #343434;
	box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.7), 0 1px 0px 1px rgba(255, 255, 255, 0.2);
	-moz-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.7), 0 1px 0px 1px rgba(255, 255, 255, 0.2);
	-webkit-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.7), 0 1px 0px 1px rgba(255, 255, 255, 0.2);
	/*border: 1px solid #444444;*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#baseJourney {
	height: 10px;
	background: #A4E25B;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

p#currentNumber {
	position: absolute;
	bottom: 30px;
	left: 30px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 0.7em;
}

p#currentNumber span {
	float: left;
	font-weight: bold;
	font-family:"VAG Rundschrift Light", sans-serif; font-size-adjust:0.504; font-weight:200; font-style:normal;
	color: #DBDBD7;
	font-size: 3em;
}

#socialNav {
	padding: 20px;
	clear: both;
}

#socialNav ul {
	margin: auto;
	width: 222px;
	text-align: center;	
}

#socialNav ul li {
	position: relative;
	width: 30px;
	float: left;
	margin-right: 7px;
}

a.circleIcon {
	position: relative;
	width: 30px;
	height: 30px;
	display: block;
	overflow: hidden;
	outline: 0;
}

a.circleIcon:hover, a.circleIcon.hover,  a.circleIcon:focus { 
	background-position: 0px -30px;
}

a.circleIcon:active { background-position: 0px -60px; }

.googlePlus { background: url(../images/nav/google_plus.png) no-repeat; }
.email { background: url(../images/nav/email.png) no-repeat; }
.spotify { background: url(../images/nav/spotify.png) no-repeat; }
.linkedIn { background: url(../images/nav/linkedIn.png) no-repeat; }
.twitter { background: url(../images/nav/twitter.png) no-repeat; }
.dribbble { background: url(../images/nav/dribbble.png) no-repeat; }

/*  */

img#rightArrow, img#leftArrow {
	position: absolute;
	width: 70px;
	height: 110px;
	left: 50%;
	top: 50%;
	margin-left:-35px;
	margin-top:-55px;
}

#imageCopy {  }

#imageBacker {
	position: relative;
	background: #FFFFFF;
	padding: 10px 40px 10px 40px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	z-index: 300;
	margin: 0 auto 40px auto;
	width: 80%;
	min-width: 750px;
	max-width: 1200px;
}

#imageHolder {
	position: relative;
	overflow: hidden;
	cursor: pointer;
	border-bottom: 1px solid #E4E4E4;
}

.lightInnerShadow {
	box-shadow: inset 0 0 0 4px #F4F4F4;	
}

img.imageSlide {
	position: absolute;
	width: 100%;	
}

#imageTop {
	position: relative;
	border-bottom: 1px solid #E4E4E4;
	height: 35px;
}

#imageTop h1 {
	font-size: 1em;
	padding: 5px 0px 5px 0px;
	margin: 0px 20px 0px 0px;
	text-align: left;
}

#imageTop ul li {
	float: left;
	display: inline;
}

#imageTop a {
	float: left;
	padding: 0px 30px 0 5px;
	background-image: url(../images/out_link.png);
	background-repeat: no-repeat ;
	background-position: top right;
	margin-right: 5px;
}

.textButtonBorder {
	line-height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-transform: uppercase;
	font-size: 0.9em;
	cursor: pointer;
	border: 1px solid #FFFFFF;
	color: #A4A4A4;
	text-align: center;
	padding: 0px 30px 0 5px;
}

.textButtonBorder:hover {
	background-color: #F8F8F8;
	color: #53C7E0;
}

.textButtonBorder:active {
	background-color: #F4F4F4;
	border: 1px solid #CCCCCC;
	
	text-shadow: 0px 1px 0px #FFFFFF;
}

#imageSub {
	position: relative;
	width: 200px;
	text-align: center;
	background: #000000;
	margin: -30px auto 30px auto;
	z-index: 5000;
}

#imageSub ul {
	
}

#imageSub ul li {
	display: inline;
	float: left;
	width: 12px;
	height: 12px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
	background: #53C7E0;
	margin-right: 5px;
}

#imageSub ul li:hover { background: #FF8E3E; }
#imageSub ul li:active { background: #D97833; }

#imageSub ul li.activeSub { background: #BBBBC1; }

#imageSub p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 4px;
	font-style: italic;
	color: #868B95;
}

/*  */

#homeContent {
	position: relative;
	width: 800px;
	overflow: hidden;
	margin: 0px auto 20px auto;	
}

#homeContent ul {
	position: relative;
	width: 320px;
	margin: 0 auto;
	margin-bottom: 20px;
}

#homeContent ul li {
	display: block;
	position: relative;
	float: left;
	width: 150px;
	height: 150px;
	text-align: center;
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	margin-right: 10px;
	border-radius: 75px;
	background: #53C7E0;
	overflow: hidden;
	cursor: pointer;
}

.circles {
	-moz-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4);
	-webkit-box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4);
	box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.4);
}

.circles:active {
	-moz-box-shadow: inset 0px 1px 1px 1px rgba(0,0,0,0.2);
	-webkit-box-shadow: inset 0px 1px 1px 1px rgba(0,0,0,0.2);
	box-shadow: inset 0px 1px 1px 1px rgba(0,0,0,0.2);
}

#homeContent ul li.homeWhat { background: #5675D2; }

#homeContent ul li a {
	display: none;
}

div.homeCircleInner {
	position: absolute;
	width: 300px;
	left: -150px;
}

div.homeCircle {
	font-family:"VAG Rundschrift Light", sans-serif; font-size-adjust:0.504; font-weight:200; font-style:normal;
	color: #FFFFFF;
	display: block;
	font-size: 2.5em;
	color: #FFFFFF;
	float: left;
	width: 150px;
	height: 70px;
	margin-top: 38px;
	text-align: center;
}

div.homeCircle span {
	display: block;
	font-size: 0.4em;
	margin-top: 0px;
}

div.homeCircle img { margin: -15px 0 0 10px; }

.pageContent {
	position: relative;
	background: #FAFAFA;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0;
	margin-top: 0;
	width: 570px;
	padding: 30px 0px;
	min-height: 10px;
}

.gap { height: 30px; }

.pageLast {
	margin-bottom: 20px;
}

.pageTop {
	
}

#nextImage, #previousImage {
	position: absolute;
	width: 30px;
	height: 100px;
	top: 50%;
	margin-top: -50px;
	overflow: hidden;
	z-index: 4000;
	font-size: 0.7em;
	line-height: 1000px;
	color: #424242;
}

#nextImage:hover, #previousImage:hover {
	background-color: #000000;
}

#nextImage {
	right: 0;
	text-align: right;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	-webkit-border-radius: 2px 0 0 2px;
	border-radius: 2px 0 0 2px;
	background: #FFFFFF url(../images/image_arrow_right.png) no-repeat  center right;
}

#previousImage {
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-radius: 0 2px 2px 0;
	border-radius: 0 2px 2px 0;
	background: #FFFFFF url(../images/image_left.png) no-repeat center left;
}

p.pull {
	font-style:normal;
	color: #53C7E0;
	text-align: center;
	font-size: 1.8em;
	padding: 0px 80px;
	line-height: 1.4;
}

p.mainCopy {
	color: #7E8289;
	padding: 0px 60px;
	line-height: 1.5;
}

p.onGrey { color: #9DA3B0; }

p.extract {
	margin: 20px 0px;
}

span.extract {
	font-style: italic;	
}

p.drop:first-letter {
	font-family:"VAG Rundschrift Light", sans-serif; font-size-adjust:0.504; font-weight:200; font-style:normal;
	float: left;
	font-weight: bold;
	font-size: 5em;
	font-weight: normal;
	line-height: 0.8;
	color: #A4E25B;
	margin: -7px 5px 0px 0px;
}

.widePullOut {
	position: relative;
	width: 710px;
	margin: 0 auto;
	padding: 30px 0px 40px 0px;
	background: #FFFFFF;
	border-top: 10px solid #A4E25B;
	border-bottom: 10px solid #A4E25B;
	/*-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;*/
}

#imageCopy .widePullOut {
	width: 90%;
}

.plain {
	border: none;
	/*padding-bottom: 30px;*/	
}

.baseBorder {
	border-bottom: 10px solid #A4E25B;
}

.whereGap {
	positon: relative;
	height: 20px;
	margin-bottom: 30px;
	border-bottom: 1px solid #EFEFEF;
}

.wideLeft, .wideRight {
	color: #7E8289;
	padding: 0px 40px 0 0;
	line-height: 1.5;
}

p.wideRight {
	text-align: right;	
}

div.circleButton {
	display: block;
	position: relative;
	float: left;
	width: 100px;
	height: 100px;
	-webkit-border-radius: 50px;
	-moz-border-radius: 50px;
	border-radius: 50px;
	background: #53C7E0;
	margin: 0px 15px 5px -30px;
	overflow: hidden;
	cursor: pointer;
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.58);
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.58);
	box-shadow: 0 1px 1px rgba(0,0,0,0.32), inset 0 1px 0 rgba(255,255,255,0.58);
}

div.circleButton:active {
	
}

div.circleButton a {
	display: none;
}

div.circleButtonInner {
	position: absolute;
	width: 200px;
	left: -100px;
}

div.rightCircle {
	float: right;
	margin: 0px -30px 5px 15px;	
}

div.innerCircle {
	font-family:"VAG Rundschrift Regular", sans-serif; font-size-adjust:0.516; font-weight:normal; font-style:normal;
	color: #FFFFFF;
	float: left;
	width: 100px;
	height: 100px;
	display: block;
	text-align: center;
	line-height: 100px;
	font-size: 1.5em;
}

.leftContentKeyboard, .leftContent, .rightContent {
	position: relative;
	float: left;
	width: 100%;
}

.rightContent {
	float: right;
}

.rightContentHeader {
	text-align: right;
	padding-right: 40px;	
}

.rightContentKeyboard {
	float: right;
	width: 325px;
	margin-right: 30px;
}

.graph {
	float: left;
	width: 220px;	
	padding: 10px 5px;
	text-align: center;
	margin: 0 30px 0 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.graph p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.4em;
	text-transform: uppercase;
	color: #9DA3B0;
	margin-top: 2px;
	padding-top: 2px;
}

.graph p img { vertical-align: middle; margin: 4px; }

.rightGraph {
	float: right;
	margin: 0 20px 0 30px;
}

.rightGraph.portfolio { margin: 0 0px 0 30px; }

ul.keyboard {
	padding: 5px;
}

li.keyboardKey {
	display: inline;
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	background: url(../images/keyboard_keys.png) no-repeat;
	margin: 5px;	
	border: 5px solid #EFEFEF;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}

li.previousPage { background-position: 0 0; }
li.nextPage { background-position: -50px 0; }
li.previousImage { background-position: -100px 0; }
li.nextImage { background-position: -150px 0; }
li.toggle { background-position: -200px 0; }
li.random { background-position: -250px 0; }

li.keyboardActive {
	border: 5px solid #53C7E0;
	background-color: #53C7E0;
}

.widePullOut p span {
	color: #53C7E0;
}

.widePullOut p span.keyboardActive {
	color: #FF8E3E;
}

#keyboardTitle {
	opacity: 0;
	filter: alpha(opacity=0);
	clear: right;
	float: left;
	color: #A4E25B;
	width: 100%;
	margin-top: 5px;
}

.border5 {
	/*-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	*/
}

#keyboardTitle h3 {
	font-family:"VAG Rundschrift Light", sans-serif; font-size-adjust:0.504; font-weight:200; font-style:normal;
	text-align: center;
	font-size: 1.2em;
	padding: 10px;
}

p.subTitle {
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 0.7em;
	margin-bottom: 25px;
}

.leftOffset { padding-left: 40px; }

a.highLight {
	padding: 2px;
	color: #FFFFFF;	
	background: #53C7E0;
	text-transform: none;
	font-style: italic;
	-webkit-transition: all 0.4s ;
	-moz-transition: all 0.4s ;
	-o-transition: all 0.4s ;
	transition: all 0.4s ;
}

a.highLight:hover {
	background: #FF8E3E;
}

span.highLight {
	color: #B4B4B4;	
	text-transform: none;
	font-style: italic;
}

/* TOUCH */

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

	#main {
		padding-bottom: 20px;
	}
	
	#mainContent {
		padding: 0 !important;
		margin: 0 !important;
		top: 0 !important;
	}
	
	nav #selectNav { display: block; }

	#mainBackground { display: none; }

	#innerNav {
		/*width: 250px;*/
		width: 90%;
	}
	
	ul.mainNav { display: none; }

	#navTab {
		position: relative !important;
		width: 100%;
		left: 0;
		margin-left: 0;
	}

	#homeContent {
		position: relative;
		width: 100%;
		margin: 0;	
	}
	
	#homeContent ul {
		position: relative;
		width: 280px;
	}
	
	#homeContent ul li {
		width: 130px;
		height: 130px;
		-webkit-border-radius: 65px;
		-moz-border-radius: 65px;
		border-radius: 65px;
	}
	
	div.homeCircle {
		font-size: 2em;
		width: 130px;
		height: 50px;
		margin-top: 32px;
	}
	
	div.homeCircleInner {
		width: 260px;
		left: -130px;
	}
	
	div.homeCircle img { margin: -20px 0 0 5px; }
	
	h1 { font-size: 2em; }
	
	h1.home {
		font-size: 5em;
		padding: 0p;
	}

	div#pagersHolder {
		clear: both;
		width: 100%;
		overflow: hidden;
	}
	
	.pagers {
		position: relative;
		float: left;
		width: 49%;
		top: 0 !important;
		margin: 0;
	}
	
	.innerPagers {
		width: 100%;
		overflow: hidden;
	}
	
	.innerPagersContent {
		width: 40%;
		line-height: 70px;
	}
	
	div#innerNext { left: 0; }

	div#innerPrevious { right: 0; }
	
	div#next {
		float: right;
		right: 0;
	}
	
	div#previous {
		left: 0;
		margin-right: 1%;
	}
	
	#imageBacker {
		width: 100%;
		min-width: 0;
		margin: 0;
		padding: 0;
		clear: both;
	}
	
	#imageHolder {
		margin: 0;
		border-top: 1px solid #E4E4E4;
	}
	
	#imageTop {
		margin: 10px 20px 5px 20px;
		border-bottom: 0;
		line-height: 30px;
	}
		
	.pageContent {
		width: 100%;
		padding: 20px 0;
		min-height: 10px;
	}
	
	p.mainCopy, p.pull {
		padding: 0;
		width: 80%;
		margin: 0 auto;
	}
	
	p.pull { font-size: 1.4em; }
	
	.widePullOut {
		position: relative;
		width: 100%;
	}
		
	#nextImage, #previousImage, .graph, .textButtonBorder, #baseJourneyBg, .circleButton {
		display: none !important;
	}
	
	#imageSub {
		margin: 10px auto 10px auto;
	}
	
	#imageSub ul li.activeSub { background: #D4D4D4; }
	
	#baseJourneyBg { margin: 15px 0px 5px 0px; }

}