@font-face { font-family:flama; src:url(/common/media/fonts/flama-webfont.woff); }
		@font-face { font-family:proxima; src:url(/common/media/fonts/proximanova-regular.woff); }
		@font-face { font-family:alternategothic; src:url(/common/media/fonts/alternate-gothic.woff); }

		body { margin:0; width:100vw; height:100vw; font-family:helvetica, arial, sans-serif; overflow-x:hidden; }
		p { line-height:1.5em;  }

		code { border:1px solid silver; }

		.wordwrap { word-wrap:break-word; }
		.content_list a:link, .content_list a:visited {color:rgba(255,255,255,1); text-decoration:none; }
		.content_list a:link:active, .content_list a:visited:active { color:rgba(255,255,255,1); }

		#logo {background-color:rgb(255,255,255); width:74vw; margin:0 0 0 6%; overflow:hidden; }
		#logo img { width:40vw; padding-top:5%; cursor:pointer; }

		#top { width:50px; height:50px; position:fixed; bottom:10px; left:10px; cursor:pointer; background-image:url(/sdk/gen2/media/images/top.png); background-repeat:no-repeat; background-position:center center; background-size:contain; }

		.stronger { color:rgb(255,0,102); }

		#nav_holder { width:100vw; }
			.nav_button { float:left; width:12.6vw; color:white; padding:2%; text-align:center; cursor:pointer; }
				#apple_guides { background-color:rgba(31,144,245,1); }
				#android_guide { background-color:rgba(133,200,8,1); }
				#roku_guides { background-color:rgba(101,45,144,1); }
				#webkit_guide { background-color:rgba(218,27,81,1); }
				#ad_ops_guide, #home { background-color:rgba(0,0,0,1); }
	
		.select_guide { box-shadow:10px 12px 42px -10px rgba(0,0,0,0.2); width:26vw; background-color:black; line-height:1.2em; color:white; text-align:center; padding:4%; font-size:180%; float:left; margin-right:4%; cursor:pointer; border:1px solid rgba(0,0,0,0.2); margin-bottom:2%; }
			.ios { background:linear-gradient(to bottom right, rgba(5,68,255,1) 0%, rgba(1,181,244,1) 33%, rgba(132,222,65,1) 66%, rgba(209,240,14,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent;  }
			.android { background-color:rgba(133,200,8,1); color:white; }
			.roku { background-color:rgba(101,45,144,1); color:white; } 

		#keyval  { border-spacing:0px; border-left:1px solid rgba(0,0,0,0.3); border-top:1px solid rgba(0,0,0,0.3);}
		#keyval .header { background-color:rgba(128,100,162,1); color:white; }
		#keyval td { border-right:1px solid rgba(0,0,0,0.3); border-bottom:1px solid rgba(0,0,0,0.3); padding:0.8vw; }
		#keyval .alt { background-color:rgba(229,223,236,1) }
		#keyval .key { font-weight:bold; }

		#contents span { display:block; margin-bottom:2%; font-size:1.5em; margin-top:4%; }			
		#contents ul { margin:0; padding:0; list-style: none; }
			#contents li { cursor:pointer; border-bottom:1px solid rgba(0,0,0,0.1); padding:0.5%; font-weight:bold; }
				.sub { margin:0 0 0 2%; font-weight:normal !important; }
				.item { margin:0 0 0 4%; }
		
		#content_holder { width:88%; overflow:hidden; margin:6%; }
			.download_holder { width:100%; overflow:hidden; } 
			.body_content { margin-top:2px; }
			.lister li { margin:0 0 20px 0; }

		#tvos { background:linear-gradient(rgba(205,52,192,1), rgba(130,5,178,1)); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }
		#ios { background:linear-gradient(to bottom right, rgba(5,68,255,1) 0%, rgba(1,181,244,1) 33%, rgba(132,222,65,1) 66%, rgba(209,240,14,1) 100%); -webkit-background-clip:text; -webkit-text-fill-color:transparent; }

		h1 { color:rgb(94,65,157); font-weight:normal; }
		h2 { color:rgb(94,65,157); font-weight:normal; margin-top:40px; }
		h3 { color:rgb(22,101,171); font-weight:normal; font-size:1.3em; margin:20px 0 0 0; }
		h4 { color:rgb(22,101,171); font-weight:normal; font-size:1em; margin:20px 0 0 0; }


		.info { color:gray; line-height:1.5em; margin:0 0 100px 0; }
		.intro { color:rgb(22,101,171); font-size:1.2em; line-height:1.5em; margin:0 0 100px 0; }

		.note { margin:2.5% 0 2.5% 0; font-size:0.9em; line-height:1.4em; padding:2% 1% 2% 1%; outline:1px solid rgba(112, 173, 71, 1); border-left:20px solid rgba(112, 173, 71, 1); width:95%; background-color:rgba(254,249,240,1); }
		.note_warning { margin:2.5% 0 2.5% 0; font-size:0.9em; line-height:1.4em; padding:2% 1% 2% 1%; outline:1px solid rgba(255,0,102, 1); border-left:20px solid rgba(255,0,102, 1); width:95%; background-color:rgba(254,249,240,1); }
			.note_warning strong { color:solid rgba(255,0,102, 1) !important; }
		.callout { margin:5% 0 5% 0; font-size:0.9em; line-height:1.4em; padding:2% 1% 2% 1%; border:1px solid rgba(0,0,0,0.5); width:95%; background-color:rgba(254,249,240,1); }


		blockquote { margin-top:1%; margin-bottom:1%; border:1px solid rgba(0,0,0,0.1); padding:1%; background-color:rgba(94,65,157,0.05); }
		blockquote span { font-weight:bold; font-style:italic; }
		blockquote a:link, blockquote a:visited { color:rgb(22,101,171); text-decoration:none; }
		blockquote a:link:active, blockquote a:visited:active { color:rgb(22,101,171); }

		.goto { display:block; padding-top:0px; }

		.section { width:95%; padding:2%; border:1px solid rgba(0,0,0,0.3); }

		#demo { width:100%; }