<style><![CDATA[
	document {
		background-color: #ffffff;
		font-family: Swift LT Std;
		font-size: 11px;
		flash-text-anti-alias-type: advanced;
		sharpness: -50;
		thickness: 10;
		width: 100%;
		height: 100%;
		scrollbar-scale-slider: false;
		scroll-tween-ease: fl.transitions.easing.Strong.easeOut;
		scroll-scale-tween-duration: false;
		scroll-tween-duration: 15;
		scroll-tween-use-secs: false;
	}
	manager {
		hide-unselected: true;
		tween-container-init: true;
	}
	text {
		mouse-wheel-enabled: false;
		link-color: #58585a;
		hover-color: #000000;
	}
	
	.fadeInOnLoad {
		style-tween-duration: 25;

		@onFirstRender {
			fforwardStyleTween();
		}
		
		@onLoaded {
			sS("alpha", 0);
			tweenTo (this, "alpha", 1);
		}
	}
	
	#mainContent {
		layout: stack; 
		width: 100%; 
		height: 100% leftover;
		leading: 10px;
		letter-spacing: .4px;
		condense-white: true;
		multiline: true;
		word-wrap: true;
		
		@onFirstRender { loadMusic(); }
	}
	#contentMgr {
		//deep-link: path;
		
		@setDeepLinkTitle {
			title = "J. Christopher Capital, LLC | New York + Shanghai | " + (next == null ? current.gA("name") : next.gA("name"));
		}
		
		@onSelect {
			switch (next.gA("id")) {
				case "philosophySection":
				case "leadershipSection":
				case "investmentSection":
				case "currentHoldingsSection":
				case "pastHoldingsSection":
					raiseMenu();
					break;
				default:
					lowerMenu();
			}
			
			switch (next.gA("id")) {
				case "homeSection":
					if (document.dynamic.canvas && document.dynamic.canvas.resume) {
						document.dynamic.canvas.resume(new flash.geom.Point (document.dynamic.canvas.canvas.scrollRect.x, 420));
					}
					break;
				default:
					if (document.dynamic.canvas && document.dynamic.canvas.deactivate) {
						document.dynamic.canvas.deactivate();
					}
			}
		}
	}
	.section {
		height: 100%;
		width: 100%;
		background-color: #ffffff;
		background-alpha: 0;
		overflow: visible;
	}
	.section, .subsection, .page {
		@onSelect {
			if (gA ( "delayParsing" ) == "true") {
				sA ("delayParsing", "false");
			}
		}
		
		@onMouseMoveRaw {
		 	// we only need to call this once - when we've deep-linked into a section other than home
			if (document.dynamic.canvas && document.dynamic.canvas.mouseIn) {
				document.dynamic.canvas.mouseIn = false;
				sA("onMouseMoveRaw", undefined);
			}
		}
	}
	.sectionWrapper {
		background-color: #ffffff;
		width: 630px;
		height: 400px;
		margin: auto;
		overflow: visible;
		blend-mode: layer;
	}
	.squareSectionWrapper {
		background-color: #ffffff;
		width: 400px;
		height: 400px;
		margin: auto;
		overflow: visible;
		blend-mode: layer
	}
	.slideshowContainer {
		layout: stack;
	}
	.leftWindow {
		background-color: #ffffff;
		width: 66.5%;
		height: 100%;
		float: left;
		overflow: hidden;
	}
	.canvasWidget {
		width: 100%;
		height: 100%;
		resize-scale-origin: center middle;
		resize-scale: showmost;
		
		@onLoaded {
			image.content.registerBgLoadCallbackContainer(this);
		}
		
		@onBgsLoaded {
			document.dynamic.bgsLoaded = true;
			if (gE("menuBar", false) != null) gE("menuBar", false).runInteractions("reveal");
		}
		
		@getImageDimensions {
			return {width:1280, height:720};
		}
		@onEnterFrame {
			// Start up the brushstroke
			try {
				if (image.content.resume != undefined) {
					if (! document.dynamic.canvasInitYet) {
						image.content.resume(null);
						document.dynamic.canvasInitYet = true;
						document.dynamic.canvas = image.content;
						image.content.mouseIn = true;
					}
					
					com.frontalcode.Scheduler.setTimeoutInFrames (function(){image.content.mouseIn = false;}, 2);
					sA("onEnterFrame", undefined);
					//document.gE("debugBox", false).sS("display", "block");
					//document.gE("debugBox", false).text = image.content.scrollSpeed + ' | ' + (image.content.mouseIntroFramesLeft);
				}
			}
			catch (e) {
				
			}
		}
	}
	#debugBox {
		display: none;
	}
	#homeSection {
		
		@onMouseMoveRaw {
			if (document.dynamic.canvas && ! document.dynamic.canvas.mouseIn) {
				document.dynamic.canvas.mouseIn = true;
			}
		}
		@onMouseOutRaw {
			if (document.dynamic.canvas && document.dynamic.canvas.mouseIn) {
				document.dynamic.canvas.mouseIn = false;
			}
		}
	}
	.rightWindow {
		background-color: #f7f7f7;
		width: 33.5%;
		height: 100% leftover;
		right: 100%;
	}
	.rightWindow > * {
		margin-left: 28px;
	}
	.rightWindow > text {
		width: 100% leftover;
		margin-right: 45px;
	}
	.scrollerFadeContainer {
		overflow: hidden; 
		width: 100% leftover; 
		height: 100% leftover;
		layout: stack;
	}
	.copyWrapper {
		top: 0px;
		left: 324px;
		width: 275px;
		height: 398px;
		overflow: visible;
	}
	.squareCopyWrapper {
		top: 0px;
		left: 30px;
		width: 340px;
		height: 398px;
		overflow: visible;
	}
	.textCopyWrapper {
		top: 0px;
		margin: auto;
		width: 275px;
		height: 398px;
		overflow: visible;
	}
	.fadeTop {
		z-index: 2;
		width: 303px;
		height: 35px;
	}
	.fadeBottom {
		z-index: 2;
		bottom: 405px;
		width: 340px;
		height: 35px;
		overflow: hidden;
	}
	.fadeTopLong {
		z-index: 2;
		width: 303px;
		height: 30px;
	}
	.fadeBottomLong {
		z-index: 2;
		bottom: 400px;
		width: 340px;
		height: 30px;
		overflow: hidden;
	}
	.hRule {
		border-top-width: 1px; 
		border-color: #dedede; 
		height: 1px;
		margin-bottom: 5px;
	}
	.scroller {
		scroll: auto;
		width: 336px;
		height: 398px;
		z-index: 1;
		top: 1px;
		background-color: #ffffff;
		background-alpha: 0;
		left: 0px;
		overflow: hidden;
		blend-mode: layer;
	}
	.scroller > header, .scroller > text, .scroller > .hRule {
		width: 275px;
	}
	.scroller > text.frMarker, .scroller > text.frLink {
		width: auto;
	}
	.scroller > .hRule {
		margin-top: 20px;
	}
	.squareScroller {
		scroll: auto;
		width: 391px;
		height: 398px;
		z-index: 1;
		top: 1px;
		background-color: #ffffff;
		background-alpha: 0;
		left: 0px;
		overflow: hidden;
		blend-mode: layer;
	}
	.squareScroller > header, .squareScroller > text, .squareScroller > .hRule {
		width: 340px;
	}
	.squareScroller > text.frMarker, .squareScroller > text.frLink {
		width: auto;
	}
	.squareScroller > .hRule {
		margin-top: 10px;
	}
	.header {
		color: #575759;
		top: 27px;
		font-size: 13px;
		letter-spacing: 1.6;
		sharpness: -70;
		thickness: 0;
		text-align: center
	}
	.wrapper {
		width: 275px;
		height: auto;
		padding-right: 30px;
	}
	.wrapper > text {
		width: 245;
	}
	
	.logoListItem {
		border-bottom-width: 1px;
		border-color: #dedede;
		background-color: #ffffff;
		background-alpha: 0;
		height: 80px;
		width: 275px;
		margin-left: 32px;
	}
	.imageWrapper {
		height: 80px;
		width: 100px;
		float: left;
	}
	.imageWrapper > img {
		margin: auto;
	}
	.textWrapper {
		width: 175px;
		float: left;
	}
	.textWrapper > text {
		width: 175px;
		margin-top: auto;
		margin-bottom: auto;
		padding-left: 10px;
		text-align: center;
		letter-spacing: .5px;
		leading: 2px;
	}
	
	.portraitListItem {
		background-alpha: 1;
		height: 120px;
		width: 275px;
		margin-left: 32px;
		margin-top: 30px;
		padding-bottom: 25px;
		border-bottom-width: 1px;
		border-color: #dedede;
	}
	.portraitImageWrapper {
		height: 120px;
		width: 90px;
		float: left;
	}
	.portraitImageWrapper > img {
		margin: auto;
	}
	.portraitTextWrapper {
		width: 175px;
		float: left;
		margin-left: 10px;
	}
	.portraitTextWrapper > text {
		width: 185px;
		letter-spacing: .5px;
		leading: 2px;
	}
	.portraitTextWrapper > .frLink {
		width: auto;
	}
	.partnerCopy {
		margin-top: 8px;
	}
			
	.projectMarker {
		color: #000000;
	}
	.projectMarker:hover {
		color: #58585a;
	}
	.projectDetailSlideshow {
		margin-top: 45px;
		margin-bottom: 0px;
		margin-right: 45px;
		background-color: #000000;
		overflow: hidden;
	}
	.projectDetailSlideshowMgr {
		auto-play: false;
		hold-time-use-secs: true; 
		hold-time: 4;
	}
	.projectDetailSlideshowMgr ~ img {
		width: 100%;
		height: 38%;
		resize-scale: showmost;
		overflow: hidden;
	}
	.counter {
		float: left;
		is-marker: false;
		is-link: false;
		color: #000000;
		margin-top: 7px;
		
		@onSelect { 
			text = event.next.childIndex+ 1 + " of " + event.manager.managedContainers.length;
		}
	} 
	
	.spacer {
		width: 275px;
		height: 20px;
	}
	.address {
		leading: 5px;
	}
	.careerListItem {
		width: 275px;
		margin-left: 32px;
		margin-top: 15px;
		padding-bottom: 8px;
		border-bottom-width: 1px;
		border-color: #dedede;
	}
	.title {
		font-family: Swift LT Std Bold;
	}
	.careerCopy {
		letter-spacing: 0px;
		leading: 2px;
	}
	.careerLink {
		width: 340px;
	}
	.credit {
		padding-top: 20px;
		font-size: 9px;
		sharpness: -25;
		thickness: 100;
	}
	
	.sectionImage {
		top: 0px;
		left: 0px;
		width: 264px;
		height: 338px;
		margin: 30px;
	}

	/* Menu Stuff */
	#menuBarWrap {
		height: 87px; width: 100%;
	}
	
	#menuBar {
		width: 100% leftover;
		height: 63px;
		top: 87px;
		padding: 12px;
		background-color: #ffffff;
        style-tween-duration: 60;

		@onFirstRender {
			if (document.dynamic.bgsLoaded) runInteractions("reveal");
		}

		@reveal {
			tweenTo (this, "top", 0, 120);
		}
	}
	#btnBg {
		float: left;
		background-color: #ffffff;
		width: 814px;
		z-index: 1;
	}
	#topLvlBtns {
        style-tween-duration: 6;
		margin-top: 21px;
		float: left;
		letter-spacing: 1px;
	}
	#homeBtn {
		float: left;
		color: #000000;
		height: 58px;
		background-color: #ffffff;
		background-alpha: 0;
		margin-top: auto;
		margin-bottom: auto;
		margin-left: 18px;
		font-size: 11px;
		sharpness: -100;
		thickness: -20;
		letter-spacing: 1.3px;
		font-family: Swift LT Std Bold;
	}
	#homeBtn > * {
		float: left;
	}
	#homeBtn text {
		top: 23px;
	}
	#logo {
		margin-left: 23px;
		top: 0px;
	}
	
	.menuEntry							{ color: #58585a; }
	.menuEntry:link 					{ color: #58585a; }
	.menuEntry:visited 					{ color: #58585a; }
	.menuEntry:focus, .menuEntry:hover 	{ color: #000000; }
	.menuEntry:active					{ color: #000000; }
	.menuEntry:selected 				{ color: #000000; }
	
/*	.expandingBtn {
		@onClickRaw {
			raiseMenu ();
		}
	}*/
	.expandingBtn:siblingSelected		{ color: #000000; }
	
	.subMenuEntry { 
		alpha: 0; 
		height: 0px;
	}
	.subMenuEntry:selected, .subMenuEntry:siblingSelected, .subMenuEntry:parentSelected(1) { alpha: 1; height: 16px; }
	
	.menuBtn {
		float: left;
		margin-left: 14px;
	}
	.subMenu {
		width: 120px;
		margin-left: 4px; 
		padding-left: 5px;
		overflow: hidden;
	}
	.menuPipe {
		float: left;
		width: 1px;
		height: 0px;
		background-color: #000000;
		margin-top: 2px;
		margin-left: -3px;
	}

	#companySubMenu > .menuPipe:selected, #companySubMenu > .menuPipe:siblingSelected, #companySubMenu > .menuPipe:parentSelected(1) { alpha: 1; height: 41px; }
	#portfolioSubMenu > .menuPipe:selected, #portfolioSubMenu > .menuPipe:siblingSelected, #portfolioSubMenu > .menuPipe:parentSelected(1) { alpha: 1; height: 24px; }

	#speakerBtn {
		right: 100%;
		margin-top: auto;
		margin-bottom: auto;
		margin-right: 28px;
		z-index: 0;
		
		@onClick {
			toggleMusicMute();
		}
	}
	
	
	.frMarker							{ color: #58585a; }
	.frMarker:link 						{ color: #58585a; }
	.frMarker:visited 					{ color: #58585a; }
	.frMarker:focus, .frMarker:hover 	{ color: #000000; }
	.frMarker:active					{ color: #000000; }
	.frMarker:selected 					{ color: #000000; }
	
	.frLink								{ color: #58585a; }
	.frLink:link 						{ color: #58585a; }
	.frLink:visited 					{ color: #58585a; }
	.frLink:focus, .frLink:hover 		{ color: #000000; }
	.frLink:active						{ color: #000000; }
	.frLink:selected 					{ color: #000000; }
	
]]></style>
