/* Reset some pesky defaults. */

* {
	margin: 0;
	padding: 0;
	outline: none;
}

html
{
	background: #ebebeb;
	background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 30%, #1c1c1c 100%);
}

a {
	text-decoration: none;
	color: inherit;
}

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

body {
	min-width: 1000px;
	background: #1c1c1c;
	background-image: -webkit-linear-gradient(bottom, #ebebeb 0%, #ebebeb 30%, #1c1c1c 100%);
	/* font-family: "Chrono Regular"; */
	font-family: "Booton";
	}

/* @font-face {
  font-family: "Chrono Regular";
  src: url("/fonts/ChronoWeb_EOT/ChronoWebRegular.eot");
  src: local("☺"),
    url("/fonts/ChronoWeb_WOFF/ChronoWebRegular.woff") format("woff");
  }
@font-face {
  font-family: "Chrono Medium";
  src: url("/fonts/ChronoWeb_EOT/ChronoWebMedium.eot");
  src: local("☺"),
    url("/fonts/ChronoWeb_WOFF/ChronoWebMedium.woff") format("woff");
  }
@font-face {
  font-family: "Chrono Bold";
  src: url("/fonts/ChronoWeb_EOT/ChronoWebBold.eot");
  src: local("☺"),
    url("/fonts/ChronoWeb_WOFF/ChronoWebBold.woff") format("woff");
  }
@font-face {
  font-family: "Chrono Light";
  src: url("/fonts/ChronoWeb_EOT/ChronoWebLight.eot");
  src: local("☺"),
    url("/fonts/ChronoWeb_WOFF/ChronoWebLight.woff") format("woff");
  } */

		@font-face
  {
	  font-family: 'Booton';
	  src: url('https://assets.panic.com/fonts/booton/Booton-Thin.woff2') format('woff2'),
	  url('https://assets.panic.com/fonts/booton/Booton-Thin.woff') format('woff');
	  font-weight: 100;
	  font-style: normal;
	  font-display: fallback;
  }

  @font-face
  {
	  font-family: 'Booton';
	  src: url('https://assets.panic.com/fonts/booton/Booton-ExtraLight.woff2') format('woff2'),
	  url('https://assets.panic.com/fonts/booton/Booton-ExtraLight.woff') format('woff');
	  font-weight: 200;
	  font-style: normal;
	  font-display: fallback;
  }

  @font-face
  {
	  font-family: 'Booton';
	  src:
	  url('https://assets.panic.com/fonts/booton/Booton-Light.woff') format('woff');
	  font-weight: 300;
	  font-style: normal;
	  font-display: fallback;
  }

  @font-face
  {
	  font-family: 'Booton';
	  src: url('https://assets.panic.com/fonts/booton/Booton-Regular.woff2') format('woff2'),
	  url('https://assets.panic.com/fonts/booton/Booton-Regular.woff') format('woff');
	  font-weight: 400;
	  font-style: normal;
	  font-display: fallback;
  }

  @font-face
  {
	  font-family: 'Booton';
	  src: url('https://assets.panic.com/fonts/booton/Booton-Medium.woff2') format('woff2'),
	  url('https://assets.panic.com/fonts/booton/Booton-Medium.woff') format('woff');
	  font-weight: 500;
	  font-style: normal;
	  font-display: fallback;
  }
  @font-face
  {
	  font-family: 'Booton';
	  src: url('https://assets.panic.com/fonts/booton/Booton-SemiBold.woff2') format('woff2'),
	  url('https://assets.panic.com/fonts/booton/Booton-SemiBold.woff') format('woff');
	  font-weight: 600;
	  font-style: normal;
	  font-display: fallback;
  }
  @font-face
  {
	  font-family: 'Booton';
	  src: url('https://assets.panic.com/fonts/booton/Booton-Bold.woff2') format('woff2'),
	  url('https://assets.panic.com/fonts/booton/Booton-Bold.woff') format('woff');
	  font-weight: 700;
	  font-style: normal;
	  font-display: fallback;
  }
  @font-face
  {
	  font-family: 'Booton';
	  src: url('https://assets.panic.com/fonts/booton/Booton-Heavy.woff2') format('woff2'),
	  url('https://assets.panic.com/fonts/booton/Booton-Heavy.woff') format('woff');
	  font-weight: 800;
	  font-style: normal;
	  font-display: fallback;
  }


#above-support {
	float: left;
	width: 100%;
	top: 0;
	left: 0;
	background: #ebebeb;
	background: rgb(235, 235, 235) -webkit-linear-gradient(left, #e0f1f6 0%, rgb(235, 235, 235) 10%, rgb(235, 235, 235) 90%, #e0f1f6 100%);
	background: rgb(235, 235, 235) -moz-linear-gradient(left, #e0f1f6 0%, rgb(235, 235, 235) 10%, rgb(235, 235, 235) 90%, #e0f1f6 100%);
	background: rgb(235, 235, 235) -o-linear-gradient(left, #e0f1f6 0%, rgb(235, 235, 235) 10%, rgb(235, 235, 235) 90%, #e0f1f6 100%);
	background: rgb(235, 235, 235) -ms-linear-gradient(left, #e0f1f6 0%, rgb(235, 235, 235) 10%, rgb(235, 235, 235) 90%, #e0f1f6 100%);
	background: rgb(235, 235, 235) linear-gradient(left, #e0f1f6 0%, rgb(235, 235, 235) 10%, rgb(235, 235, 235) 90%, #e0f1f6 100%);
}

.contentwidth {
	width: 1000px;
	margin: 0 auto;
	}

.hidetext {
	color: transparent;
	text-indent: -9999px;
}


/* ! Header stuff */

header {

	}

header h1 {
	background: url(../images/big-logo.png) no-repeat 50% 50px;
	-webkit-background-size: 226px 233px;
	-moz-background-size: 226px 233px;
	background-size: 226px 233px;
	height: 310px;
	color: transparent;
	text-indent: -9999px;
	position: relative;
}

header #welcome h2 {
	width: 860px;
	margin: 0 auto;
	color: #571778;
	/* font: 48px/48px "Chrono Light"; */
	font-size: 48px;
	line-height: 1;
	font-weight: 300;
	letter-spacing: -2px;
	text-align: center;
/* 	background: -webkit-linear-gradient(top, #491364 0%, #671b8e 100%), transparent; */
	background: url(../images/bg-gradient-2.png), transparent;
	-webkit-background-clip: text, border;
	-webkit-text-fill-color: transparent;
}

header #welcome h2 em {
	font: 48px/48px "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W8", "HiraKakuProN-W6" sans-serif;
/*
	-webkit-background-clip: text, border;
	-webkit-text-fill-color: #ea3c5d;
	background: rgb(235, 235, 235);
*/
}

body.gecko header #welcome h2 { /* Firefox fallback */
	background: none;
}

body.gecko header #welcome h2 em {
	font: 48px/48px "ヒラギノ角ゴ Std W8";
}

/* ! Navbar stuff */

nav {
	padding-top: 40px;
	text-align: center;
}

nav ul li {
	display: inline-block;
	position: relative;
}

nav ul li>a {
	display: inline-block;
	width: 234px;
	height: 234px;
	color: transparent;
	text-indent: -9999px;
	background-position: center center;
	background-repeat: no-repeat;
	border-radius: 42px;
	-webkit-transition: all .15s ease-in-out;
	-moz-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

nav ul li#app_coda>a     {
	background-image: url(../images/icon-coda25.png);
	-webkit-background-size: 197px 192px;
	background-size: 197px 192px;
}
nav ul li#app_coda>a:hover {
	-webkit-background-size: 234px 231px;
	background-size: 234px 231px;
}

nav ul li#app_transmit>a {
	background-image: url(../images/icon-transmit.png);
	-webkit-background-size: 187px 196px;
	background-size: 187px 196px;
}
nav ul li#app_transmit>a:hover {
	-webkit-background-size: 215px 224px;
	background-size: 215px 224px;
}

nav ul li#app_unison>a   {
	background-image: url(../images/icon-unison.png);
	-webkit-background-size: 178px 176px;
	background-size: 178px 176px;
}
nav ul li#app_unison>a:hover {
	-webkit-background-size: 206px 204px;
	background-size: 206px 204px;
}

nav ul li#app_prompt>a   {
	background-image: url(../images/icon-prompt3.png);
	-webkit-background-size: 180px 181px;
	background-size: 180px 181px;
}
nav ul li#app_prompt>a:hover   {
	-webkit-background-size: 209px 209px;
	background-size: 209px 209px;
}

nav ul li#app_code-editor>a   {
	background-image: url(../images/icon-code-editor.png);
	-webkit-background-size: 181px 181px;
	background-size: 181px 181px;
}
nav ul li#app_code-editor>a:hover   {
	-webkit-background-size: 209px 209px;
	background-size: 209px 209px;
}

nav ul li#app_statusboard>a   {
	background-image: url(../images/icon-statusboard.png);
	-webkit-background-size: 181px 181px;
	background-size: 181px 181px;
}
nav ul li#app_statusboard>a:hover   {
	-webkit-background-size: 209px 209px;
	background-size: 209px 209px;
}

nav ul li#app_transmit-ios>a   {
	background-image: url(../images/icon-transmit-ios.png);
	-webkit-background-size: 181px 181px;
	background-size: 181px 181px;
}
nav ul li#app_transmit-ios>a:hover   {
	-webkit-background-size: 209px 209px;
	background-size: 209px 209px;
}

nav ul li#app_teaser3>a   {
	background-image: url(../images/icon-teaser3.png);
	-webkit-background-size: 192px 188px;
	background-size: 192px 188px;
	/* The teaser ison sits too high up */
	background-position: center 26px;
}
nav ul li#app_teaser3>a:hover   {
	-webkit-background-size: 209px 209px;
	background-size: 209px 209px;
	background-position: center 16px;
}

nav ul li .popover {
	position: absolute;
	width: 250px;
	top: -90px;
	background: white;
	border-radius: 10px;
	padding: 20px;
	/* font: 16px/20px "Chrono Light"; */
	font-size: 16px;
	line-height: 20px;
	font-weight: 300;
	color: #444;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
nav ul li .popover h3 {
	/* font: 48px/48px "Chrono Medium"; */
	font-size: 48px;
	line-height: 48px;
	font-weight: 500;
	letter-spacing: -1px;
	margin-bottom: 10px;
	color: #008ff2;
	background: -webkit-linear-gradient(top, #22a3f4 0%, #0074ee 100%),
transparent;
	-webkit-background-clip: text, border;
	-webkit-text-fill-color: transparent;
}

nav ul li .popover p.sync
{
	font-size: 14px;
	line-height: 24px;
	color: #60CEAD;
	margin: 14px 0;
	/* font-family: "Chrono Light"; */
	font-weight: 300;
}

nav ul li:hover .popover {
	visibility: visible;
	opacity: 1;
	top: -120px;
}

nav ul li#app_coda .popover     { left: -30px; }
nav ul li#app_transmit .popover { left: -20px; }
nav ul li#app_unison .popover   { left: -30px; }
nav ul li#app_candybar .popover { left: -40px; }
nav ul li#app_prompt .popover   { left: -27px; }
nav ul li#app_code-editor .popover { left: -27px; }
nav ul li#app_transmit-ios .popover { left: -42px; width: 280px;}
nav ul li#app_statusboard .popover { left: -50px; }
nav ul li#app_teaser3 .popover { left: -54px; }

/* "Status Board" is a long name; instead of wrapping it, try fitting on one line */
nav ul li#app_statusboard .popover  {
	width: 300px;
}

/* "Coming Soon" is a long name; instead of wrapping it, try fitting on one line */
nav ul li#app_teaser3 .popover  {
	width: 300px;
}

.popover {
	box-shadow: 0 5px 20px rgba(0,0,0,.5);
	position: relative;
	z-index: 3;
}

.popover:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20px;
	right: 20px;
	height: 22px;
	background: white;
}

.popover:after {
	content: "";
	z-index: -1;
	width: 16px;
	height: 16px;
	background: #fff;
	margin-left: -10px;
	position: absolute;
	bottom: -8px;
	left: 50%;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0px 5px 20px rgba(0,0,0,.5);
}



/* ! Also stuff */

section#also {
	margin: 20px auto 0px auto;
}

section#also h2 {
	margin: 0 auto;
	text-align: center;
	/* font: 48px/48px "Chrono Light"; */
	font-size: 48px;
	line-height: 48px;
	font-weight: 300;
	letter-spacing: -1px;
	color: #57a6e2;
/*
	background: -webkit-linear-gradient(top, #4c91c6 0%, #64bfff 100%),
transparent;
*/
	background: url(../images/bg-gradient-3.png),
transparent;
	-webkit-background-clip: text, border;
	-webkit-text-fill-color: transparent;
}
section#also a {
/* 	text-decoration: underline; */
	border-bottom: 2px solid #2e8ad1;
/*
	-webkit-background-clip: text, border;
	-webkit-text-fill-color: #2570aa;
	background: rgb(235, 235, 235);
*/
}

body.gecko section#also h2 { /* Firefox fallback */
	background: none;
}
body.gecko section#also h2 a {
	color: #2570aa;
}

/* ! Support stuff */

div#arrows {
	float: left;
	clear: both;
	width: 100%;
	min-width: 1000px;
	height: 373px;
	background: url(../images/arrows.png) center bottom no-repeat;
	-webkit-background-size: 962px 343px;
	-moz-background-size: 962px 343px;
	-o-background-size: 962px 343px;
	-ms-background-size: 962px 343px;
	background-size: 962px 343px;
}

section#support {
	float: left;
	width: 100%;
	min-width: 1000px;
	padding-top: 30px;
	background: -webkit-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%), transparent;
	background: -moz-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%), transparent;
	background: -o-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%), transparent;
	background: -ms-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%), transparent;
	background: linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%), transparent;
}

section#support h2 {
	/* font: 38px/46px "Chrono Light"; */
	font-size: 38px;
	line-height: 46px;
	font-weight: 300;
	letter-spacing: -1px;
	text-align: center;
	color: black;
	text-shadow: 0px 1px 2px rgba(255,255,255,0.15);
}

section#support ul {
	margin: 30px auto 0 auto;
	width: 580px;
	padding-left: 20px;
	/* font: 24px/46px "Chrono Regular"; */
	font-size: 24px;
	line-height: 46px;
	font-weight: 400;
	color: #ddd;
	text-shadow: 0px 1px 0px rgba(0,0,0,.25);
	list-style-type: none;
/* 	outline: 1px solid yellow; */
}

section#support ul li {
	display: block;
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: 32px 32px;
	-moz-background-size: 32px 32px;
	-o-background-size: 32px 32px;
	-ms-background-size: 32px 32px;
	background-size: 32px 32px;
	padding-left: 44px;
}

section#support ul li#support_twitter { background-image: url(../images/mini-twitter.svg); }
section#support ul li#support_support { background-image: url(../images/mini-support.svg); }
section#support ul li#support_serial  { background-image: url(../images/mini-serial.svg); }
section#support ul li#support_museum  { background-image: url(../images/mini-museum.svg); }
section#support ul li#support_compatibility  { background-image: url(images/mini-compatibility.svg); }
section#support ul li#support_library  { background-image: url(../images/mini-library.svg); }
section#support ul li#support_sync  { background-image: url(../images/mini-panic-sync.svg); }

section#support select {
	-moz-appearance: none;
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
 	/* width: 177px; */ /* Enabling this will align the two Go buttons */
	color: #ddd;
	border: 1px solid black;
	/* font: 24px/24px "Chrono Regular"; */
	font-size: 24px;
	line-height: 24px;
	font-weight: 400;
	padding: 5px 35px 5px 10px;
	margin: 0;
	background: black;
	background: url(../images/popup-disclosure2.png), -webkit-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background: url(../images/popup-disclosure2.png), -moz-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background: url(../images/popup-disclosure2.png), -o-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background: url(../images/popup-disclosure2.png), -ms-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background: url(../images/popup-disclosure2.png), linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background-repeat: no-repeat, no-repeat;
	background-position: center right, top left;
	-webkit-background-size: 19px 17px, 100% 100%;
	-moz-background-size: 19px 17px, 100% 100%;
	-o-background-size: 19px 17px, 100% 100%;
	-ms-background-size: 19px 17px, 100% 100%;
	background-size: 19px 17px, 100% 100%;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5);
	-o-box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5);
	-ms-box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5);
	box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,.5);
}
section#support select option {
	font-size: 13px;
}

body.gecko section#support select {
	background: black;
	border: none;
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.25);
	padding: 2px 5px;
	height: 32px;
}

section#support input[type="text"] {
	-webkit-appearance: none;
	-o-appearance: none;
	width: 161px;
	color: #ddd;
	/* font: 16px/16px "Chrono Regular"; */
	font-size: 16px;
	line-height: 16px;
	font-weight: 400;
	padding: 10px 0px 2px 2px;
	margin: 2px 0 0 4px;
	border: 0px;
	background: black;
	background: -webkit-linear-gradient(top, #000 0%, #1f1f1f 100%);
	background: -moz-linear-gradient(top, #000 0%, #1f1f1f 100%);
	background: -o-linear-gradient(top, #000 0%, #1f1f1f 100%);
	background: linear-gradient(top, #000 0%, #1f1f1f 100%);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.25);
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.25);
	-o-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.25);
	-ms-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.25);
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 1px 0px rgba(255,255,255,0.25);
}
section#support input[type="text"]:focus {
	-webkit-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 0px 4px #74c2ff;
	-moz-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 0px 2px #74c2ff;
	-o-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 0px 2px #74c2ff;
	-ms-box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 0px 2px #74c2ff;
	box-shadow: inset 0px 1px 3px rgba(0,0,0,0.5), 0px 0px 2px #74c2ff;
}

section#support input[type="submit"] {
	-webkit-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	position: relative;
	top: -3px;
	width: 40px;
	color: #ccc;
	border: 1px solid black;
	/* font: 18px/24px "Chrono Regular"; */
	font-size: 18px;
	line-height: 24px;
	font-weight: 400;
	text-align: center;
	padding: 5px 4px 5px 4px;
	margin: 0;
	background: black;
	background: -webkit-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background: -moz-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background: -o-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background: -ms-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	background: linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5);
	-moz-box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5);
	-o-box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5);
	-ms-box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5);
	box-shadow: inset 0px 1px 3px rgba(255,255,255,0.5), 0px 1px 2px rgba(0,0,0,.5);
}
section#support input[type="submit"]:active {
	background: black;
	background: -webkit-linear-gradient(top, #0c0c0c 0%, #0f0f0f 10%, #0c0c0c 100%);
	background: -moz-linear-gradient(top, #0c0c0c 0%, #0f0f0f 10%, #0c0c0c 100%);
	background: -o-linear-gradient(top, #0c0c0c 0%, #0f0f0f 10%, #0c0c0c 100%);
	background: -ms-linear-gradient(top, #0c0c0c 0%, #0f0f0f 10%, #0c0c0c 100%);
	background: linear-gradient(top, #0c0c0c 0%, #0f0f0f 10%, #0c0c0c 100%);
}

section#support #support_serial input[type="button"] {
	position: relative;
	top: -3px;
}

section#support a:hover {
	text-decoration: underline;
}

footer {
	padding: 25px 0 10px 0;
	/* font: 16px/46px "Chrono Light"; */
	font-size: 16px;
	line-height: 46px;
	font-weight: 300;
	text-align: center;
	color: #666;
}

/* ! Retina Support */

@media (-webkit-min-device-pixel-ratio:2) {

	header h1 {
		background-image: url(../images/big-logo@2x.png);
	}

	nav ul li#app_coda>a     {
		background-image: url(../images/icon-coda25@2x.png);
	}
	nav ul li#app_transmit>a     {
		background-image: url(../images/icon-transmit@2x.png);
		background-image: url(../images/icon-transmit5.png);
	}
	nav ul li#app_unison>a     {
		background-image: url(../images/icon-unison@2x.png);
	}
	nav ul li#app_transmit-ios>a     {
		background-image: url(../images/icon-transmit-ios@2x.png);
	}
	nav ul li#app_statusboard>a     {
		background-image: url(../images/icon-statusboard@2x.png);
	}
	nav ul li#app_prompt>a     {
		background-image: url(../images/icon-prompt3.png);
	}
	nav ul li#app_code-editor>a     {
		background-image: url(../images/icon-code-editor@2x.png);
	}

	div#arrows {
		background-image: url(../images/arrows@2x.png);
		-webkit-background-size: 962px 343px;
		-moz-background-size: 962px 343px;
		-o-background-size: 962px 343px;
		-ms-background-size: 962px 343px;
		background-size: 962px 343px;
	}

	section#support ul li#support_twitter { background-image: url(../images/mini-twitter@2x.png); }
	section#support ul li#support_support { background-image: url(../images/mini-support@2x.png); }
	section#support ul li#support_serial  { background-image: url(../images/mini-serial@2x.png); }
	section#support ul li#support_museum  { background-image: url(../images/mini-old@2x.png); }

	section#support select {
		background-image: url(../images/popup-disclosure2@2x.png), -webkit-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
		background-image: url(../images/popup-disclosure2@2x.png), -moz-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
		background-image: url(../images/popup-disclosure2@2x.png), -o-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
		background-image: url(../images/popup-disclosure2@2x.png), -ms-linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
		background-image: url(../images/popup-disclosure2@2x.png), linear-gradient(top, #1c1c1c 0%, #2f2f2f 10%, #1c1c1c 100%);
	}

}

/* iPhone */

@media only screen and (max-device-width: 480px)
{
	/* Fix gradient fill text */
	section#also h2  {
		background-image: none !important;
		-webkit-background-clip: border !important;
		background-clip: border !important;
		-webkit-text-fill-color: currentcolor !important;
		text-fill-color: currentcolor !important;
	}

	section#support div.contentwidth ul {
		padding-left: 0;
		width: 620px;
	}
}

/* iPads */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px)
{
	/* Fix gradient fill text */
	section#also h2  {
		background-image: none !important;
		-webkit-background-clip: border !important;
		background-clip: border !important;
		-webkit-text-fill-color: currentcolor !important;
		text-fill-color: currentcolor !important;
	}
}