/* Foundation v2.1.4 http://foundation.zurb.com */
/* Artfully Masterminded by ZURB */
/* -------------------------------------------------- 
    Table of Contents
-----------------------------------------------------
:: Reset & Standards
:: Links
:: Lists
:: Tables
:: Misc
*/
/*	--------------------------------------------------
	:: Global Reset & Standards
	-------------------------------------------------- */
	/* 
		Eric Meyer's CSS Reset
		http://meyerweb.com/eric/tools/css/reset/ 
		v2.0 | 20110126
   		License: none (public domain)
	*/
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: inherit;
  vertical-align: baseline;
}

html {
  font-size: 62.5%;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

body {
  background: #fff;
  font-family: "Helvetica Neue", "HelveticaNeue", Helvetica, Arial, "Lucida Grande", sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #555;
  position: relative;
}

/*	--------------------------------------------------
	:: Links
	-------------------------------------------------- */
a {
  color: #2a85e8;
  text-decoration: none;
  line-height: inherit;
}

a:hover {
  color: #11639d;
}

a:focus {
  color: #cc4714;
  outline: none;
}

p a, p a:visited {
  line-height: inherit;
}

/*	--------------------------------------------------
	:: Lists
	-------------------------------------------------- */
ul, ol {
  margin-bottom: 18px;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

ol, ul.square, ul.circle, ul.disc {
  margin-left: 30px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul.disc {
  list-style: disc outside;
}

li {
  margin-bottom: 12px;
}

ul.large li {
  line-height: 21px;
}

/* -------------------------------------------------- 
	:: Misc
---------------------------------------------------*/
.left {
  float: left;
}

.right {
  float: right;
}

.hide {
  display: none;
}

.highlight {
  background: #ff0;
}

/* Arfully Masterminded by ZURB */
/*	--------------------------------------------------
    :: Typography
	-------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  color: #181818;
  font-weight: bold;
  line-height: 1.25;
}

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

h1 {
  font-size: 46px;
  font-size: 4.6rem;
  margin-bottom: 12px;
}

h2 {
  font-size: 35px;
  font-size: 3.5rem;
  margin-bottom: 9px;
}

h3 {
  font-size: 28px;
  font-size: 2.8rem;
  margin-bottom: 9px;
}

h4 {
  font-size: 21px;
  font-size: 2.1rem;
  margin-bottom: 3px;
}

h5 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: normal;
  margin-bottom: 3px;
}

h6 {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: normal;
}

.subheader {
  color: #777;
  font-weight: 300;
  margin-bottom: 24px;
}

p {
  line-height: 17px;
  margin: 0 0 18px;
}

p img {
  margin: 0;
}

p.lead {
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 24px;
}

em, i {
  font-style: italic;
  line-height: inherit;
}

strong, b {
  font-weight: bold;
  line-height: inherit;
}

small {
  font-size: 60%;
  line-height: inherit;
}

h1 small, h2 small, h3 small, h4 small, h5 small {
  color: #777;
}

/*	Blockquotes  */
blockquote, blockquote p {
  line-height: 20px;
  color: #777;
}

blockquote {
  margin: 0 0 18px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}

blockquote cite {
  display: block;
  font-size: 12px;
  font-size: 1.2rem;
  color: #555;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a, blockquote cite a:visited {
  color: #555;
}

hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 12px 0 18px;
  height: 0;
}

abbr, acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #222;
  border-bottom: 1px solid #ddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

	/**
 	 * Print styles.
	 *
	 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
	 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
	 */
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: black !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }

  /* Black prints faster: sanbeiji.com/archives/953 */
  p a, p a:visited {
    color: #444 !important;
    text-decoration: underline;
  }

  p a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }

  /* Don't show links for images, or javascript/internal links */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid;
  }

  @page {
    margin: 0.5cm;
}

  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }

  h2, h3 {
    page-break-after: avoid;
  }

  .hide-on-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }
}
/* Arfully Masterminded by ZURB */
/* --------------------------------------------------
	:: Grid
	
	This is the mobile-friendly, responsive grid that
	lets Foundation work much of its magic.
	
	-------------------------------------------------- */
.container {
  padding: 0 20px;
}

.row {
  width: 100%;
  max-width: 980px;
  min-width: 727px;
  margin: 0 auto;
}

/* To fix the grid into a certain size, set max-width to width */
.row .row {
  min-width: 0;
}

.column, .columns {
  margin-left: 4.4%;
  float: left;
  min-height: 1px;
  position: relative;
}

.column:first-child, .columns:first-child {
  margin-left: 0;
}

.row .one.columns {
  width: 4.3%;
}

.row .two.columns {
  width: 13%;
}

.row .three.columns {
  width: 21.68%;
}

.row .four.columns {
  width: 30.37%;
}

.row .five.columns {
  width: 39.1%;
}

.row .six.columns {
  width: 47.8%;
}

.row .seven.columns {
  width: 56.5%;
}

.row .eight.columns {
  width: 65.2%;
}

.row .nine.columns {
  width: 73.9%;
}

.row .ten.columns {
  width: 82.6%;
}

.row .eleven.columns {
  width: 91.3%;
}

.row .twelve.columns {
  width: 100%;
}

.row .offset-by-one {
  margin-left: 13.1%;
}

.row .offset-by-two {
  margin-left: 21.8%;
}

.row .offset-by-three {
  margin-left: 30.5%;
}

.row .offset-by-four {
  margin-left: 39.2%;
}

.row .offset-by-five {
  margin-left: 47.9%;
}

.row .offset-by-six {
  margin-left: 56.6%;
}

.row .offset-by-seven {
  margin-left: 65.3%;
}

.row .offset-by-eight {
  margin-left: 74.0%;
}

.row .offset-by-nine {
  margin-left: 82.7%;
}

.row .offset-by-ten {
  margin-left: 91.4%;
}

.row .centered {
  float: none;
  margin: 0 auto;
}

.row .offset-by-one:first-child {
  margin-left: 8.7%;
}

.row .offset-by-two:first-child {
  margin-left: 17.4%;
}

.row .offset-by-three:first-child {
  margin-left: 26.1%;
}

.row .offset-by-four:first-child {
  margin-left: 34.8%;
}

.row .offset-by-five:first-child {
  margin-left: 43.5%;
}

.row .offset-by-six:first-child {
  margin-left: 52.2%;
}

.row .offset-by-seven:first-child {
  margin-left: 60.9%;
}

.row .offset-by-eight:first-child {
  margin-left: 69.6%;
}

.row .offset-by-nine:first-child {
  margin-left: 78.3%;
}

.row .offset-by-ten:first-child {
  margin-left: 87%;
}

.row .offset-by-eleven:first-child {
  margin-left: 95.7%;
}

/* Source Ordering */
.push-two {
  left: 17.4%;
}

.push-three {
  left: 26.1%;
}

.push-four {
  left: 34.8%;
}

.push-five {
  left: 43.5%;
}

.push-six {
  left: 52.2%;
}

.push-seven {
  left: 60.9%;
}

.push-eight {
  left: 69.6%;
}

.push-nine {
  left: 78.3%;
}

.push-ten {
  left: 87%;
}

.pull-two {
  right: 17.4%;
}

.pull-three {
  right: 26.1%;
}

.pull-four {
  right: 34.8%;
}

.pull-five {
  right: 43.5%;
}

.pull-six {
  right: 52.2%;
}

.pull-seven {
  right: 60.9%;
}

.pull-eight {
  right: 69.6%;
}

.pull-nine {
  right: 78.3%;
}

.pull-ten {
  right: 87%;
}

.row img, .row object, .row embed {
  max-width: 100%;
  height: auto;
}

img {
  -ms-interpolation-mode: bicubic;
}

/* Nicolas Gallagher's micro clearfix */
.row:before, .row:after, .clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.row:after, .clearfix:after {
  clear: both;
}

.row, .clearfix {
  zoom: 1;
}

/*	--------------------------------------------------
	:: Block grids
	
	These are 2-up, 3-up, 4-up and 5-up ULs, suited
	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid
	(one item per line) on phones
	
	For IE7/8 compatibility block-grid items need to be
	the same height. You can optionally uncomment the
	lines below to support arbitrary height, but know
	that IE7/8 do not support :nth-child.
	-------------------------------------------------- */
.block-grid {
  display: block;
  overflow: hidden;
}

.block-grid > li {
  display: block;
  height: auto;
  float: left;
}

.block-grid.two-up {
  margin-left: -4%;
}

.block-grid.two-up > li {
  margin-left: 4%;
  width: 46%;
}

/* 	.block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
.block-grid.three-up {
  margin-left: -2%;
}

.block-grid.three-up > li {
  margin-left: 2%;
  width: 31.3%;
}

/* 	.block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
.block-grid.four-up {
  margin-left: -2%;
}

.block-grid.four-up > li {
  margin-left: 2%;
  width: 23%;
}

/* 	.block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
.block-grid.five-up {
  margin-left: -1.5%;
}

.block-grid.five-up > li {
  margin-left: 1.5%;
  width: 18.5%;
}

/* 	.block-grid.five-up>li:nth-child(5n+1) {clear: left;} */
/* Artfully masterminded by ZURB  */
/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Buttons
:: Alerts
:: Notices/Alerts
:: Tabs
:: Pagination
:: Lists
:: Panels
:: Nav
:: Video
:: Microformats
*/
/*	--------------------------------------------------
	Buttons
	-------------------------------------------------- */
.button {
  background: #00a6fc;
  display: inline-block;
  text-align: center;
  padding: 9px 34px 11px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  line-height: 1;
  font-family: "Helvetica Neue", "Helvetica", Arial, Verdana, sans-serif;
  position: relative;
  cursor: pointer;
  border: none;
}

/* Don't use native buttons on iOS */
input[type=submit].button {
  -webkit-appearance: none;
}

.button.nice {
  background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.28);
  background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, transparent 100%);
  background: #00a6fc url(../images/misc/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(100%, transparent));
  border: 1px solid #0593dc;
  -webkit-transition: background-color .15s ease-in-out;
  -moz-transition: background-color .15s ease-in-out;
  -o-transition: background-color .15s ease-in-out;
}

.button.radius {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.button.round {
  -moz-border-radius: 1000px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
}

.button.full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}

.button.left-align {
  text-align: left;
  text-indent: 12px;
}

/* Sizes ---------- */
.small.button {
  font-size: 11px;
  padding: 8px 20px 10px;
  width: auto;
}

.medium.button {
  font-size: 13px;
  width: auto;
}

.large.button {
  font-size: 18px;
  padding: 11px 48px 13px;
  width: auto;
}

/* Nice Sizes ---------- */
.nice.small.button {
  background-position: 0 -36px;
}

.nice.large.button {
  background-position: 0 -30px;
}

/* Colors ---------- */
.blue.button {
  background-color: #00a6fc;
}

.red.button {
  background-color: #e91c21;
}

.white.button {
  background-color: #e9e9e9;
  color: #333;
}

.black.button {
  background-color: #141414;
}

/* Nice Colors ---------- */
.nice.blue.button {
  border: 1px solid #0593dc;
}

.nice.red.button {
  border: 1px solid #b90b0b;
}

.nice.white.button {
  border: 1px solid #cacaca;
  text-shadow: none !important;
}

.nice.black.button {
  border: 1px solid #000;
}

/* Hovers ---------- */
.button:hover, .button:focus {
  background-color: #0192dd;
  color: #fff;
}

.blue.button:hover, .blue.button:focus {
  background-color: #0192dd;
}

.red.button:hover, .red.button:focus {
  background-color: #d01217;
}

.white.button:hover, .white.button:focus {
  background-color: #dadada;
  color: #333;
}

.black.button:hover, .black.button:focus {
  background-color: #000;
}

/* Disabled ---------- */
.button.disabled, .button[disabled] {
  opacity: 0.6;
  cursor: default;
}

/*	--------------------------------------------------
	Alerts
	-------------------------------------------------- */
div.alert-box {
  display: block;
  padding: 6px 7px;
  font-weight: bold;
  font-size: 13px;
  background: #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  margin-bottom: 12px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-shadow: 0 1px rgba(255, 255, 255, 0.9);
  position: relative;
}

.alert-box.success {
  background-color: #7fae00;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

.alert-box.warning {
  background-color: #c08c00;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

.alert-box.error {
  background-color: #c00000;
  color: #fff;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

.alert-box a.close {
  color: #000;
  position: absolute;
  right: 4px;
  top: 0;
  font-size: 18px;
  opacity: 0.2;
  padding: 4px;
}

.alert-box a.close:hover, .alert-box a.close:focus {
  opacity: 0.4;
}

/*    --------------------------------------------------
    Tabs
    -------------------------------------------------- */
dl.tabs {
  display: block;
  margin: 0 0 20px 0;
  padding: 0;
  height: 30px;
  border-bottom: solid 1px #ddd;
}

dl.tabs dt {
  display: block;
  width: auto;
  height: 30px;
  padding: 0 9px 0 20px;
  line-height: 30px;
  float: left;
  color: #999;
  font-size: 11px;
  text-transform: uppercase;
  cursor: default;
}

dl.tabs dt:first-child {
  padding: 0 9px 0 0;
}

dl.tabs dd {
  display: block;
  width: auto;
  height: 30px;
  padding: 0;
  float: left;
}

dl.tabs dd a {
  display: block;
  width: auto;
  height: 29px;
  padding: 0 9px;
  line-height: 30px;
  border: solid 1px #ddd;
  margin: 0 -1px 0 0;
  color: #555;
  background: #eee;
}

dl.tabs dd a.active {
  background: #fff;
  border-width: 1px 1px 0 1px;
  height: 30px;
}

.nice.tabs {
  border-bottom: solid 1px #eee;
  margin: 0 0 30px 0;
  height: 43px;
}

.nice.tabs dd a {
  padding: 7px 18px 9px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #555555;
  background: none;
  border: none;
}

.nice.tabs dd a.active {
  font-weight: bold;
  color: #333;
  background: #fff;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: 3px solid #00a6fc;
  margin: 0 10px;
  position: relative;
  top: -5px;
}

.nice.tabs dd:first-child a.active {
  margin-left: 0;
}

dl.tabs.vertical {
  height: auto;
}

dl.tabs.vertical dt, dl.tabs.vertical dd, dl.nice.tabs.vertical dt, dl.nice.tabs.vertical dd {
  float: none;
  height: auto;
}

dl.tabs.vertical dd a {
  display: block;
  width: auto;
  height: auto;
  padding: 15px 20px;
  line-height: 1;
  border: solid 0 #ccc;
  border-width: 1px 1px 0;
  margin: 0;
  color: #555;
  background: #eee;
  font-size: 15px;
  font-size: 1.5rem;
}

dl.tabs.vertical dd a.active {
  height: auto;
  margin: 0;
  border-width: 1px 0 0;
  background: #fff;
}

.nice.tabs.vertical {
  border-bottom: solid 1px #eee;
  height: auto;
}

.nice.tabs.vertical dd a {
  padding: 15px 20px;
  border: none;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  border-top: 1px solid #eee;
  background: #fff;
}

.nice.tabs.vertical dd a.active {
  border: none;
  background: #00a6fc;
  color: #fff;
  margin: 0;
  position: static;
  top: 0;
  height: auto;
}

.nice.tabs.vertical dd:first-child a.active {
  margin: 0;
}

ul.tabs-content {
  margin: 0;
  display: block;
}

ul.tabs-content > li {
  display: none;
}

ul.tabs-content > li.active {
  display: block;
}

dl.contained, dl.nice.contained {
  margin-bottom: 0;
}

dl.contained.tabs dd a {
  padding: 0 14px;
}

dl.nice.contained.tabs dd a {
  padding: 7px 18px 9px;
}

ul.contained.tabs-content {
  padding: 0;
}

ul.contained.tabs-content > li {
  padding: 20px;
  border: solid 0 #ddd;
  border-width: 0 1px 1px 1px;
}

ul.nice.contained.tabs-content > li {
  border-color: #eee;
}

/*  --------------------------------------------------
    Pagination
    -------------------------------------------------- */
ul.pagination {
  display: block;
  height: 24px;
  margin-left: -5px;
}

ul.pagination li {
  float: left;
  display: block;
  height: 24px;
  color: #999;
  font-size: 15px;
  margin-left: 5px;
}

ul.pagination li a {
  display: block;
  padding: 6px 7px 4px;
  color: #555;
}

ul.pagination li.current a, ul.pagination li:hover a, ul.pagination li a:focus {
  border-bottom: solid 2px #00a6fc;
  color: #141414;
}

ul.pagination li.unavailable a {
  cursor: default;
  color: #999;
}

ul.pagination li.unavailable:hover a, ul.pagination li.unavailable a:focus {
  border-bottom: none;
}

/*  --------------------------------------------------
    Lists
    -------------------------------------------------- */
ul.nice, ol.nice {
  list-style: none;
  margin: 0;
}

ul.nice li, ol.nice li {
  padding-left: 13px;
  position: relative;
}

ul.nice li span.bullet, ol.nice li span.number {
  position: absolute;
  left: 0;
  top: 0;
  color: #ccc;
}

/*	--------------------------------------------------
	Panels
	-------------------------------------------------- */
div.panel {
  padding: 20px 20px 2px 20px;
  background: #efefef;
  background: -moz-linear-gradient(top, white 0%, #f4f4f4 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f4f4f4));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  margin: 0 0 20px 0;
}

/*	--------------------------------------------------
   	Nav Bar with Dropdowns
	-------------------------------------------------- */
.nav-bar {
  height: 45px;
  background: #fff;
  margin-top: 20px;
  border: 1px solid #ddd;
}

.nav-bar > li {
  float: left;
  display: block;
  position: relative;
  padding: 0;
  margin: 0;
  border-right: 1px solid #ddd;
  line-height: 45px;
}

.nav-bar > li > a {
  position: relative;
  font-size: 14px;
  padding: 0 20px;
  display: block;
  text-decoration: none;
  font-size: 15px;
  font-size: 1.5rem;
}

.nav-bar > li > input {
  margin: 0 16px;
}

.nav-bar > li ul {
  margin-bottom: 0;
}

.nav-bar > li li {
  line-height: 1.3;
}

.nav-bar > li.has-flyout > a {
  padding-right: 36px;
}

.nav-bar > li.has-flyout > a:after {
  content: "";
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #2a85e8;
  display: block;
  position: absolute;
  right: 18px;
  bottom: 20px;
}

.nav-bar > li:hover > a {
  color: #141414;
  z-index: 2;
}

.nav-bar > li:hover > a:after {
  border-top-color: #141414;
}

.flyout {
  background: #fff;
  margin: 0;
  padding: 20px;
  border: 1px solid #ddd;
  position: absolute;
  top: 45px;
  left: -1px;
  width: 400px;
  z-index: 10;
}

.flyout.small {
  width: 200px;
}

.flyout.large {
  width: 600px;
}

.flyout.right {
  left: auto;
  right: 0;
}

.flyout p:last-child {
  margin-bottom: 0;
}

.nav-bar > li .flyout {
  display: none;
}

.nav-bar > li:hover .flyout {
  display: block;
}

/*	--------------------------------------------------
   	Video
   	Mad props to http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
	-------------------------------------------------- */
.flex-video {
  position: relative;
  padding-top: 25px;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 16px;
  overflow: hidden;
}

.flex-video.widescreen {
  padding-bottom: 57.25%;
}

.flex-video.vimeo {
  padding-top: 0;
}

.flex-video iframe,
.flex-video object,
.flex-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/*	--------------------------------------------------
   	Microformats
	-------------------------------------------------- */
/* hCard */
ul.vcard {
  display: inline-block;
  margin: 0 0 12px 0;
  border: 1px solid #ddd;
  padding: 10px;
}

ul.vcard li {
  margin: 0;
  display: block;
}

ul.vcard li.fn {
  font-weight: bold;
  font-size: 15px;
  font-size: 1.5rem;
}

p.vevent span.summary {
  font-weight: bold;
}

p.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 1px;
}

/* 	Artfully masterminded by ZURB  
	Make sure to include app.js / foundation.js if you are going to use inline label inputs 
*/
/* -----------------------------------------
   Standard Forms
----------------------------------------- */
form {
  margin: 0 0 18px;
}

form label {
  display: block;
  font-size: 13px;
  line-height: 18px;
  cursor: pointer;
  margin-bottom: 9px;
}

input.input-text, textarea {
  border-right: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
}

input.input-text, textarea, select {
  display: block;
  margin-bottom: 9px;
}

label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown {
  margin-top: -9px;
}

/* Text input and textarea font and padding */
input.input-text, textarea {
  font-size: 13px;
  padding: 4px 3px 2px;
  background: #fff;
}

input.input-text:focus, textarea:focus {
  outline: none !important;
}

input.input-text.oversize, textarea.oversize {
  font-size: 18px !important;
  padding: 4px 5px !important;
}

input.input-text:focus, textarea:focus {
  background: #f9f9f9;
}

/* Inlined Label Style */
input.placeholder, textarea.placeholder {
  color: #888;
}

/* Text input and textarea sizes */
input.input-text, textarea {
  width: 254px;
}

input.small, textarea.small {
  width: 134px;
}

input.medium, textarea.medium {
  width: 254px;
}

input.large, textarea.large {
  width: 434px;
}

/* Fieldsets */
form fieldset {
  padding: 9px 9px 2px 9px;
  border: solid 1px #ddd;
  margin: 18px 0;
}

/* Inlined Radio & Checkbox */
.form-field input[type=radio], div.form-field input[type=checkbox] {
  display: inline;
  width: auto;
  margin-bottom: 0;
}

/* Errors */
.form-field.error input, input.input-text.red {
  border-color: #C00000;
  background-color: rgba(255, 0, 0, 0.15);
}

.form-field.error label, label.red {
  color: #C00000;
}

.form-field.error small, small.error {
  margin-top: -6px;
  display: block;
  margin-bottom: 9px;
  font-size: 11px;
  color: #C00000;
  width: 260px;
}

.small + small.error {
  width: 140px;
}

.medium + small.error {
  width: 260px;
}

.large + small.error {
  width: 440px;
}

/* -----------------------------------------
   Nicer Forms
----------------------------------------- */
form.nice div.form-field input, form.nice input.input-text, form.nice textarea {
  border: solid 1px #bbb;
  border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
}

form.nice div.form-field input, form.nice input.input-text, form.nice textarea {
  font-size: 13px;
  padding: 6px 3px 4px;
  outline: none !important;
  background: url(../images/misc/input-bg.png) white;
}

form.nice div.form-field input:focus, form.nice input.input-text:focus, form.nice textarea:focus {
  background-color: #f9f9f9;
}

form.nice fieldset {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

form.nice div.form-field input[type=radio], form.nice div.form-field input[type=checkbox] {
  display: inline;
  width: auto;
  margin-bottom: 0;
}

form.nice div.form-field.error small, form.nice small.error {
  padding: 6px 4px;
  border: solid 0 #C00000;
  border-width: 0 1px 1px 1px;
  margin-top: -10px;
  background: #C00000;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-bottomright: 2px;
}

form.nice div.form-field.error .small + small, form.nice .small + small.error {
  width: 132px;
}

form.nice div.form-field.error .medium + small, form.nice .medium + small.error {
  width: 252px;
}

form.nice div.form-field.error .large + small, form.nice .large + small.error {
  width: 432px;
}

/* -----------------------------------------
   Custom Forms
----------------------------------------- */
form.custom span.custom {
  display: inline-block;
  width: 14px;
  height: 14px;
  position: relative;
  top: 2px;
  border: solid 1px #ccc;
  background: url(../images/misc/custom-form-sprites.png) 0 0 no-repeat;
}

form.custom span.custom.radio {
  border-radius: 7px;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
}

form.custom span.custom.radio.checked {
  background-position: 0 -14px;
}

form.custom span.custom.checkbox.checked {
  background-position: 0 -28px;
}

form.custom div.custom.dropdown {
  position: relative;
  display: inline-block;
  width: auto;
  height: 28px;
  margin-bottom: 9px;
}

form.custom div.custom.dropdown a.current {
  display: block;
  width: auto;
  line-height: 26px;
  padding: 0 38px 0 6px;
  border: solid 1px #ddd;
  color: #141414;
}

form.custom div.custom.dropdown a.selector {
  position: absolute;
  width: 26px;
  height: 26px;
  display: block;
  background: url(../images/misc/custom-form-sprites.png) -14px 0 no-repeat;
  right: 0;
  top: 0;
  border: solid 1px #ddd;
}

form.custom div.custom.dropdown:hover a.selector,
form.custom div.custom.dropdown.open a.selector {
  background-position: -14px -26px;
}

form.custom div.custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: 0;
  top: 27px;
  margin: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.9);
  border: solid 1px #ddd;
  z-index: 10;
}

form.custom div.custom.dropdown ul li {
  cursor: pointer;
  padding: 3px 38px 3px 6px;
  margin: 0;
  white-space: nowrap;
}

form.custom div.custom.dropdown ul li.selected {
  background: url(../images/misc/custom-form-sprites.png) right -52px no-repeat;
}

form.custom div.custom.dropdown ul li:hover {
  background-color: #2a85e8;
  color: #fff;
}

form.custom div.custom.dropdown ul li.selected:hover {
  background: url(../images/misc/custom-form-sprites.png) #2a85e8 right -78px no-repeat;
}

form.custom div.custom.dropdown ul.show {
  display: block;
}

form.custom div.custom.dropdown.open ul {
  display: block;
}

/* CSS for jQuery Orbit Plugin 1.2.3
 * www.ZURB.com/playground
 * Copyright 2010, ZURB
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* PUT IN YOUR SLIDER ID AND SIZE TO MAKE LOAD BEAUTIFULLY
   ================================================== */
#caseStudies {
  width: 1000px;
  height: 210px;
  background: white url("../images/orbit/loading.gif") no-repeat center center;
  overflow: hidden;
}

#caseStudies > img,
#caseStudies > div,
#caseStudies > a {
  display: none;
}

/* CONTAINER
   ================================================== */
div.orbit-wrapper {
  width: 1px;
  height: 1px;
  position: relative;
}

div.orbit {
  width: 1px;
  height: 1px;
  position: relative;
  overflow: hidden;
}

div.orbit.with-bullets {
  margin-bottom: 40px;
}

div.orbit > img {
  position: absolute;
  top: 0;
  left: 0;
  /* display: none; */
}

div.orbit > a {
  border: none;
  position: absolute;
  top: 0;
  left: 0;
  line-height: 0;
  display: none;
}

.orbit > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */
/* TIMER
   ================================================== */
div.timer {
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: absolute;
  top: 10px;
  right: 10px;
  opacity: .6;
  cursor: pointer;
  z-index: 1001;
}

span.rotator {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: -20px;
  background: url(../images/orbit/rotator-black.png) no-repeat;
  z-index: 3;
}

span.mask {
  display: block;
  width: 20px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  overflow: hidden;
}

span.rotator.move {
  left: 0;
}

span.mask.move {
  width: 40px;
  left: 0;
  background: url(../images/orbit/timer-black.png) repeat 0 0;
}

span.pause {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 0;
  background: url(../images/orbit/pause-black.png) no-repeat;
  z-index: 4;
  opacity: 0;
}

span.pause.active {
  background: url(../images/orbit/pause-black.png) no-repeat 0 -40px;
}

div.timer:hover span.pause,
span.pause.active {
  opacity: 1;
}

/* CAPTIONS
   ================================================== */
.orbit-caption {
  display: none;
  font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif;
}

.orbit-wrapper .orbit-caption {
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1000;
  color: #fff;
  text-align: center;
  padding: 7px 0;
  font-size: 13px;
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
}

/* DIRECTIONAL NAV
   ================================================== */
div.slider-nav {
  display: block;
}

div.slider-nav span {
  width: 78px;
  height: 100px;
  text-indent: -9999px;
  position: absolute;
  z-index: 1000;
  top: 50%;
  margin-top: -50px;
  cursor: pointer;
}

div.slider-nav span.right {
  background: url(../images/orbit/right-arrow.png);
  right: 0;
}

div.slider-nav span.left {
  background: url(../images/orbit/left-arrow.png);
  left: 0;
}

/* BULLET NAV
   ================================================== */
.orbit-bullets {
  position: absolute;
  z-index: 1000;
  list-style: none;
  bottom: -40px;
  left: 50%;
  margin-left: -50px;
  padding: 0;
}

.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999;
  text-indent: -9999px;
  background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
  width: 13px;
  height: 12px;
  overflow: hidden;
}

.orbit-bullets li.active {
  color: #222;
  background-position: -8px 0;
}

.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}

.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid #000;
}

/* FLUID LAYOUT
   ================================================== */
.orbit .fluid-placeholder {
  visibility: hidden;
  position: static;
  display: block;
  width: 100%;
}

.orbit, .orbit-wrapper {
  width: 100% !important;
}

.orbit-bullets {
  position: absolute;
  z-index: 1000;
  list-style: none;
  bottom: -50px;
  left: 50%;
  margin-left: -50px;
  padding: 0;
}

.orbit-bullets li {
  float: left;
  margin-left: 5px;
  cursor: pointer;
  color: #999;
  text-indent: -9999px;
  background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
  width: 13px;
  height: 12px;
  overflow: hidden;
}

.orbit-bullets li.has-thumb {
  background: none;
  width: 100px;
  height: 75px;
}

.orbit-bullets li.active {
  color: #222;
  background-position: -8px 0;
}

.orbit-bullets li.active.has-thumb {
  background-position: 0 0;
  border-top: 2px solid #000;
}

/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: #000;
  z-index: 2000;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  top: 100px;
  left: 50%;
  margin-left: -300px;
  width: 520px;
  background: #eeeeee url(../images/misc/modal-gloss.png) no-repeat -200px -80px;
  position: absolute;
  z-index: 2001;
  padding: 30px 40px 34px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}

.reveal-modal.small {
  width: 200px;
  margin-left: -140px;
}

.reveal-modal.medium {
  width: 400px;
  margin-left: -240px;
}

.reveal-modal.large {
  width: 600px;
  margin-left: -340px;
}

.reveal-modal.xlarge {
  width: 800px;
  margin-left: -440px;
}

.reveal-modal .close-reveal-modal {
  font-size: 22px;
  line-height: .5;
  position: absolute;
  top: 8px;
  right: 11px;
  color: #aaa;
  text-shadow: 0 -1px 1px rbga(0, 0, 0, 0.6);
  font-weight: bold;
  cursor: pointer;
}

.reveal-modal .row {
  min-width: 0;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: url(/img/colorbox/overlay.png) repeat 0 0;
}

#cboxTopLeft {
  width: 21px;
  height: 21px;
  background: url(/img/colorbox/controls.png) no-repeat -101px 0;
}

#cboxTopRight {
  width: 21px;
  height: 21px;
  background: url(/img/colorbox/controls.png) no-repeat -130px 0;
}

#cboxBottomLeft {
  width: 21px;
  height: 21px;
  background: url(/img/colorbox/controls.png) no-repeat -101px -29px;
}

#cboxBottomRight {
  width: 21px;
  height: 21px;
  background: url(/img/colorbox/controls.png) no-repeat -130px -29px;
}

#cboxMiddleLeft {
  width: 21px;
  background: url(/img/colorbox/controls.png) left top repeat-y;
}

#cboxMiddleRight {
  width: 21px;
  background: url(/img/colorbox/controls.png) right top repeat-y;
}

#cboxTopCenter {
  height: 21px;
  background: url(/img/colorbox/border.png) 0 0 repeat-x;
}

#cboxBottomCenter {
  height: 21px;
  background: url(/img/colorbox/border.png) 0 -29px repeat-x;
}

#cboxContent {
  background: #fff;
  overflow: hidden;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  margin-bottom: 28px;
}

#cboxTitle {
  position: absolute;
  bottom: 4px;
  left: 0;
  text-align: center;
  width: 100%;
  color: #949494;
}

#cboxCurrent {
  position: absolute;
  bottom: 4px;
  left: 58px;
  color: #949494;
}

#cboxSlideshow {
  position: absolute;
  bottom: 4px;
  right: 30px;
  color: #0092ef;
}

#cboxPrevious {
  position: absolute;
  bottom: 0;
  left: 0;
  background: url(/img/colorbox/controls.png) no-repeat -75px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxPrevious:hover {
  background-position: -75px -25px;
}

#cboxNext {
  position: absolute;
  bottom: 0;
  left: 27px;
  background: url(/img/colorbox/controls.png) no-repeat -50px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxNext:hover {
  background-position: -50px -25px;
}

#cboxLoadingOverlay {
  background: url(/img/colorbox/loading_background.png) no-repeat center center;
}

#cboxLoadingGraphic {
  background: url(/img/colorbox/loading.gif) no-repeat center center;
}

#cboxClose {
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(/img/colorbox/controls.png) no-repeat -25px 0;
  width: 25px;
  height: 25px;
  text-indent: -9999px;
}

#cboxClose:hover {
  background-position: -25px -25px;
}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft {
  background: url(/img/colorbox/ie6/borderTopLeft.png);
}

.cboxIE6 #cboxTopCenter {
  background: url(/img/colorbox/ie6/borderTopCenter.png);
}

.cboxIE6 #cboxTopRight {
  background: url(/img/colorbox/ie6/borderTopRight.png);
}

.cboxIE6 #cboxBottomLeft {
  background: url(/img/colorbox/ie6/borderBottomLeft.png);
}

.cboxIE6 #cboxBottomCenter {
  background: url(/img/colorbox/ie6/borderBottomCenter.png);
}

.cboxIE6 #cboxBottomRight {
  background: url(/img/colorbox/ie6/borderBottomRight.png);
}

.cboxIE6 #cboxMiddleLeft {
  background: url(/img/colorbox/ie6/borderMiddleLeft.png);
}

.cboxIE6 #cboxMiddleRight {
  background: url(/img/colorbox/ie6/borderMiddleRight.png);
}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
  _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

.tipsy {
  font-size: 12px;
  font-weight: bold;
  position: absolute;
  padding: 5px;
  z-index: 100000;
}

.tipsy-inner {
  background-color: #000;
  color: #FFF;
  max-width: 200px;
  padding: 5px 8px 4px 8px;
  text-align: center;
}

/* Rounded corners */
.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

/* Uncomment for shadow */
/*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
.tipsy-arrow {
  position: absolute;
  width: 0;
  height: 0;
  line-height: 0;
  border: 5px dashed #000;
}

/* Rules to colour arrows */
.tipsy-arrow-n {
  border-bottom-color: #000;
}

.tipsy-arrow-s {
  border-top-color: #000;
}

.tipsy-arrow-e {
  border-left-color: #000;
}

.tipsy-arrow-w {
  border-right-color: #000;
}

.tipsy-n .tipsy-arrow {
  top: 0px;
  left: 50%;
  margin-left: -5px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
  border-bottom-style: solid;
  border-top: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  border-top-style: solid;
  border-bottom: none;
  border-left-color: transparent;
  border-right-color: transparent;
}

.tipsy-e .tipsy-arrow {
  right: 0;
  top: 50%;
  margin-top: -5px;
  border-left-style: solid;
  border-right: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.tipsy-w .tipsy-arrow {
  left: 0;
  top: 50%;
  margin-top: -5px;
  border-right-style: solid;
  border-left: none;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

body {
  background: #f0f0f0 url("/img/tile.png") repeat;
  background-size: 153px 23px;
  width: 100%;
}

.cursive {
  font-family: "SusaLight", "Georgia", Serif;
  font-weight: 100;
  font-size: 18px;
  text-transform: lowercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
}

ul.horizontal li {
  display: inline;
  list-style-type: none;
  padding-right: 12px;
}

div.divider {
  width: 70%;
  margin: 10px auto;
  min-height: 5px;
  background: url("/img/horizontal-separator.png") bottom repeat-x;
}

.row.centered {
  text-align: center;
}

section {
  padding: 14px 20px;
  background: #f0f0f0;
  box-shadow: inset 0px 2px 4px 0 rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
}

section.altbg {
  background: #e6e6e6;
  box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
  -moz-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
  -webkit-box-shadow: inset 0px 2px 4px 0px rgba(0, 0, 0, 0.24);
}

.button.nice {
  background: #00a6fc url(/img/foundation/button-gloss.png) repeat-x 0 -34px;
  background: #00a6fc url(/img/foundation/button-gloss.png) repeat-x 0 -34px, -moz-linear-gradient(top, rgba(255, 255, 255, 0.4) 0%, transparent 100%);
  background: #00a6fc url(/img/foundation/button-gloss.png) repeat-x 0 -34px, -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 0.4)), color-stop(100%, transparent));
}

.button.white {
  background-color: #e9e9e9;
  color: #333333;
}

.green.button {
  background-color: #4ba105;
}
.green.button.nice {
  border: 1px solid #3b8104;
}
.green.button:hover {
  background-color: #408704;
}

#topbar {
  width: 1024px;
  height: 96px;
  margin: 0 auto;
  background-color: #212121;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -o-border-bottom-left-radius: 8px;
  -ms-border-bottom-left-radius: 8px;
  -khtml-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -o-border-bottom-right-radius: 8px;
  -ms-border-bottom-right-radius: 8px;
  -khtml-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.75);
}
#topbar #logo {
  width: 203px;
  height: 59px;
  margin-top: 19px;
  margin-left: -4px;
  background: url(/img/logo.png) left top no-repeat;
  background-size: 203px 59px;
}
#topbar #logo span {
  display: none;
}
#topbar a img {
  border-style: none;
}

dd.mobile-app-selector img {
  width: 32px;
  height: 32px;
  margin-bottom: -12px;
}

ul#contactus {
  float: right;
  margin-top: 7px;
  margin-right: -15px;
}
ul#contactus span {
  display: none;
}
ul#contactus li {
  list-style: none;
  margin: 0;
}
ul#contactus li a {
  display: block;
  height: 36px;
  width: 42px;
}
ul#contactus li.email {
  background: url(/img/mail.png) left top no-repeat;
  background-size: 42px 43px;
}
ul#contactus li.twitter {
  background: url(/img/twitter.png) left top no-repeat;
  background-size: 42px 43px;
}

#contentarea {
  min-height: 600px;
}

#spotlight {
  width: 980px;
  padding: 40px 20px 20px;
  margin: 0 auto;
}
#spotlight > .row {
  -webkit-border-radius: 8px 8px;
  -moz-border-radius: 8px / 8px;
  -o-border-radius: 8px / 8px;
  -ms-border-radius: 8px / 8px;
  -khtml-border-radius: 8px / 8px;
  border-radius: 8px / 8px;
  background-color: #212121;
  -moz-box-shadow: 0px 2px 5px black;
  -webkit-box-shadow: 0px 2px 5px black;
  -o-box-shadow: 0px 2px 5px black;
  box-shadow: 0px 2px 5px black;
  text-align: center;
}
#spotlight .flex-video.vimeo {
  margin: 20px 20px 20px 0;
  padding-bottom: 55%;
}
#spotlight .left {
  padding-top: 65px;
}
#spotlight a {
  font-weight: bold;
  color: #add6ec;
  text-shadow: 0px 0px 10px #add6ec !important;
}
#spotlight a:hover {
  color: #81a0b1;
  text-shadow: 0px 0px 10px #81a0b1 !important;
}
#spotlight a.button {
  margin: 12px 0 12px 0;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  color: white;
}
#spotlight h1 {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 70px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  padding-bottom: 20px;
  line-height: 50px;
  font-weight: normal !important;
  color: white;
  text-shadow: 0px 0px 40px white, 1px 1px 0px black, 2px 2px 0px black, 3px 3px 0px black, 4px 4px 0px black !important;
}
#spotlight h1 strong {
  font-weight: bold;
}
#spotlight h2 {
  font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: normal;
  color: white;
  line-height: 23px;
  text-shadow: 0px 1px 0px #6c6c6c !important;
}
#spotlight h3 {
  font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: white;
  line-height: 23px;
  text-shadow: 0px 1px 0px #6c6c6c !important;
}

#contentarea #badges {
  width: 980px;
  margin: 0 auto;
  padding: 20px 0;
}
#contentarea #badges .badge a {
  font-family: "Verdana", "Helvetica", Sans-Serif;
  font-weight: 400;
  font-size: 11px;
  text-transform: lowercase;
  color: #484848;
  text-shadow: 0 1px 1px white;
  margin: 0;
  -webkit-border-radius: 8px 8px;
  -moz-border-radius: 8px / 8px;
  -o-border-radius: 8px / 8px;
  -ms-border-radius: 8px / 8px;
  -khtml-border-radius: 8px / 8px;
  border-radius: 8px / 8px;
  border: 1px solid #d2d2d2;
  color: #3c3c3c;
  display: block;
  padding: 170px 0 20px 0;
  text-align: center;
  text-shadow: white 0 1px 0;
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
}
#contentarea #badges .badge a .appName {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  padding-bottom: 8px;
  display: block;
}
#contentarea #badges .badge a .appSlogan {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
}
#contentarea #badges .badge a.divvy {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: url(/divvy/icon-128.png);
  background-repeat: no-repeat;
  background-position: center 25px;
  background-size: 128px 128px;
}
#contentarea #badges .badge a.padlock {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: url(/padlock/icon-128.png);
  background-repeat: no-repeat;
  background-position: center 25px;
  background-size: 128px 128px;
}
#contentarea #badges .badge a.shortstop {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: url(/shortstop/icon-128.png);
  background-repeat: no-repeat;
  background-position: center 25px;
  background-size: 128px 128px;
}
#contentarea #badges .badge a.shush {
  background-color: rgba(0, 0, 0, 0.06);
  background-image: url(/shush/icon-128.png);
  background-repeat: no-repeat;
  background-position: center 25px;
  background-size: 128px 128px;
}

#contentarea .disclaimer img {
  margin-bottom: -3px;
  padding-right: 7px;
}

#contentarea .notice {
  margin: 5px auto 15px;
  padding: 10px;
  -webkit-border-radius: 8px 8px;
  -moz-border-radius: 8px / 8px;
  -o-border-radius: 8px / 8px;
  -ms-border-radius: 8px / 8px;
  -khtml-border-radius: 8px / 8px;
  border-radius: 8px / 8px;
  border: 1px solid #d2d2d2;
  color: #3c3c3c;
  display: block;
  font-family: pill-gothic-300mg, Sans-Serif;
  font-size: 15px;
  text-shadow: 0px 1px 1px white;
  background-color: rgba(128, 0, 128, 0.05);
}

#apppage .screenshots-wrapper {
  text-align: center;
  width: 100%;
}
#apppage .screenshots-wrapper ul.screenshots {
  list-style: none outside;
  display: inline-block;
  margin: 0 auto;
  padding: 0;
}
#apppage .screenshots-wrapper ul.screenshots li:first-child {
  margin-left: 0;
}
#apppage .screenshots-wrapper ul.screenshots li {
  float: left;
  width: 160px;
  position: relative;
  display: block;
  height: auto;
  margin: 10px 0 10px 28px;
}
#apppage .screenshots-wrapper ul.screenshots li p {
  color: #4c4c5b;
  background: url(/img/featurestar.png) top left no-repeat;
  background-size: 13px 14px;
  height: auto;
  width: 145px;
  margin-left: 0px;
  padding-left: 20px;
  display: block;
  font-size: 11px;
  font-family: "museo-slab", "Helvetica Neue", Helvetica, sans-serif;
  font-weight: bold;
  line-height: 13px;
  text-align: left;
  clear: both;
}
#apppage .screenshots-wrapper ul.screenshots li a {
  float: left;
  position: relative;
  top: -2px;
  left: -2px;
}
#apppage .screenshots-wrapper ul.screenshots li a img {
  width: 160px;
  border: 5px solid white;
  position: relative;
  margin-bottom: 7px;
  z-index: 1;
  max-width: none;
}
#apppage .screenshots-wrapper ul.screenshots li a .gloss {
  top: 0;
  left: 0;
  padding: 0;
  width: 170px;
  height: 140px;
  position: absolute;
  background: url("/img/screenshot-gloss.png") no-repeat 0 0;
  z-index: 2;
  vertical-align: top;
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  -o-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
}
#apppage .screenshots-wrapper ul.screenshots-wide {
  list-style: none outside;
  margin: 0;
  padding: 0;
}
#apppage .screenshots-wrapper ul.screenshots-wide li {
  display: block;
  margin: 0 auto 28px;
  text-align: center;
}
#apppage .screenshots-wrapper ul.screenshots-wide li p {
  display: none;
}
#apppage .screenshots-wrapper ul.screenshots-wide li a img {
  width: 720px;
  border: 5px solid white;
  margin-bottom: 7px;
  -moz-box-shadow: 0px 0px 5px #333333;
  -webkit-box-shadow: 0px 0px 5px #333333;
  -o-box-shadow: 0px 0px 5px #333333;
  box-shadow: 0px 0px 5px #333333;
}
#apppage .screenshots-wrapper ul.screenshots-wide li a .gloss {
  display: none;
}

.wf-loading .left .title.apptitle {
  visibility: hidden !important;
}
.wf-loading .left .title.appsubtitle {
  visibility: hidden !important;
}
.wf-loading .left .title.apptagline {
  visibility: hidden !important;
}

#apppage {
  width: 980px;
  margin: 0 auto;
  padding: 20px;
}
#apppage h1 {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: 700;
  font-size: 38px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
}
#apppage h1 span {
  font-size: 24px;
}
#apppage h2 {
  font-family: "Helvetica Neue", Tahoma, Helvetica, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
}
#apppage .copy {
  font-size: 13px;
  font-weight: 500;
  font-family: "museo-slab", "Helvetica Neue", Helvetica, sans-serif;
}
#apppage .copy ul {
  list-style: disc inside;
  line-height: 0.8em;
}
#apppage .copy p {
  margin: 0.5em 0 1.5em;
  margin-bottom: 1.33em;
  line-height: 1.8em;
  display: block;
}
#apppage .center .copy {
  width: 80%;
  padding: 0 10% 0 10%;
}
#apppage .center .title {
  width: 50%;
  padding: 0 25% 20px 25%;
  margin: 0 auto;
  text-align: center;
}
#apppage .center .title p.apptitle {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  font-weight: bold;
  line-height: 0.8;
  color: #282828;
  padding-bottom: 6px;
  text-shadow: 1px 1px 0px #e8e8e8, 2px 2px 0px #8c9ba0, 3px 3px 0px #8c9ba0, 4px 4px 0px #8c9ba0;
}
#apppage .center .title p.descriptionOne {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 26;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  line-height: 0.9;
  color: #282828;
  padding-bottom: 4px;
}
#apppage .center .title p.descriptionTwo {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 26;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  line-height: 0.9;
  color: #282828;
}
#apppage .left .title .screencast {
  width: 70%;
  padding: 0 15% 0 15%;
  margin: 0 auto;
  text-align: center;
}
#apppage .left .title .noscreencast {
  width: 60%;
  padding: 0 20% 0 20%;
  margin: 0 auto;
  text-align: center;
}
#apppage .left .title p.apptitle {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  font-weight: bold;
  line-height: 0.8;
  color: #282828;
  padding-bottom: 6px;
  text-shadow: 1px 1px 0px #e8e8e8, 2px 2px 0px #8c9ba0, 3px 3px 0px #8c9ba0, 4px 4px 0px #8c9ba0;
}
#apppage .left .title p.descriptionOne {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 26;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  line-height: 0.9;
  color: #282828;
  padding-bottom: 4px;
}
#apppage .left .title p.descriptionTwo {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 26;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  line-height: 0.9;
  color: #282828;
}
#apppage .right .screencast {
  -webkit-border-radius: 3px 3px;
  -moz-border-radius: 3px / 3px;
  -o-border-radius: 3px / 3px;
  -ms-border-radius: 3px / 3px;
  -khtml-border-radius: 3px / 3px;
  border-radius: 3px / 3px;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #545454), color-stop(100%, #101010));
  background-image: -webkit-linear-gradient(top, #545454, #101010);
  background-image: -moz-linear-gradient(top, #545454, #101010);
  background-image: -o-linear-gradient(top, #545454, #101010);
  background-image: -ms-linear-gradient(top, #545454, #101010);
  background-image: linear-gradient(top, #545454, #101010);
  -moz-box-shadow: 0px 2px 5px black;
  -webkit-box-shadow: 0px 2px 5px black;
  -o-box-shadow: 0px 2px 5px black;
  box-shadow: 0px 2px 5px black;
  padding: 6px;
  margin-bottom: 20px;
}
#apppage .right .screencast .vimeo {
  border: 1px solid black;
  margin: 0 0 3px 0;
  padding-bottom: 190px;
}
#apppage .altPlatform {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 16px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  margin-top: 25px;
  text-align: center;
}

.appcell {
  padding-top: 12px;
  text-align: center;
  margin: 0 auto;
}
.appcell .appicon {
  padding-bottom: 20px;
  width: 212px;
  height: 212px;
}
.appcell .divvy-appicon {
  background: url(/divvy/icon-256.png) top center no-repeat;
  background-size: 212px 212px;
}
.appcell .windivvy-appicon {
  background: url(/windivvy/icon-256.png) top center no-repeat;
  background-size: 212px 212px;
}
.appcell .padlock-appicon {
  background: url(/padlock/icon-256.png) top center no-repeat;
  background-size: 212px 212px;
}
.appcell .shortstop-appicon {
  background: url(/shortstop/icon-256.png) top center no-repeat;
  background-size: 212px 212px;
}
.appcell .shush-appicon {
  background: url(/shush/icon-256.png) top center no-repeat;
  background-size: 212px 212px;
}
.appcell .button {
  max-width: 80px;
}
.appcell a {
  margin: 0 auto;
}
.appcell .apptitle h1 {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: 700;
  font-size: 24px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  color: #282828;
}
.appcell .apptitle h1 span.cursive {
  font-family: "SusaLight", "Georgia", Serif;
  font-weight: 100;
  font-size: 24px;
  text-transform: lowercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
}
.appcell .appsubtitle h2 {
  font-family: "Verdana", "Helvetica", Sans-Serif;
  font-weight: 400;
  font-size: 11px;
  text-transform: lowercase;
  color: #484848;
  text-shadow: 0 1px 1px white;
  margin: 0;
  color: #484848;
}
.appcell .appinfo h3 {
  font-family: pill-gothic-300mg, Sans-Serif;
  font-weight: bold;
  font-size: 14px;
  text-transform: uppercase;
  text-shadow: 0px 1px 1px white;
  margin: 0;
  padding-bottom: 6px;
}
.appcell .appstorebadge {
  margin-top: 6px;
  line-height: 30px;
}
.appcell .appstorebadge a {
  display: block;
  margin-top: 6px;
  background: url(/img/appstore.png) top left no-repeat;
  background-size: 145px 44px;
  width: 145px;
  height: 44px;
  font-size: 0;
}
.appcell .labsinfo {
  font-family: "Verdana", "Helvetica", Sans-Serif;
  font-weight: 400;
  font-size: 11px;
  text-transform: lowercase;
  color: #484848;
  text-shadow: 0 1px 1px white;
  margin: 0;
  font-weight: heavy;
  font-size: 11px;
  text-transform: none;
  color: #484848;
  margin: 10px 0 0 10px;
}
.appcell .labsinfo p {
  margin: 0;
  padding: 0;
}
.appcell .labshidden {
  margin: 20px 0 0 0;
  visibility: hidden;
}
.appcell .labshidden #newsletter {
  margin-right: 7px;
}
.appcell .labshidden #email {
  margin-bottom: 7px;
}
.appcell .labshidden p {
  margin-bottom: 3px;
}
.appcell .labshidden a {
  margin-top: 7px;
}
.appcell .thankyou {
  margin-top: 20px;
  font-size: 20px;
}

.quotes {
  margin-top: 30px;
  font-size: 13px;
  text-align: center;
}
.quotes blockquote {
  display: block;
  border: none;
}
.quotes blockquote span:before {
  content: "\201C";
}
.quotes blockquote span:after {
  content: "\201D";
}

.reviews {
  margin-top: 30px;
  font-size: 13px;
  text-align: center;
}
.reviews blockquote {
  display: block;
  border: none;
}

#social {
  background-color: #f8f8f8;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  -o-border-top-right-radius: 8px;
  -ms-border-top-right-radius: 8px;
  -khtml-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -o-border-bottom-right-radius: 8px;
  -ms-border-bottom-right-radius: 8px;
  -khtml-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -moz-box-shadow: #bbbbbb 1px 1px 0px, #555555 2px 2px 3px;
  -webkit-box-shadow: #bbbbbb 1px 1px 0px, #555555 2px 2px 3px;
  -o-box-shadow: #bbbbbb 1px 1px 0px, #555555 2px 2px 3px;
  box-shadow: #bbbbbb 1px 1px 0px, #555555 2px 2px 3px;
  float: left;
  padding: 3px 6px;
  text-align: center;
  z-index: 2;
}
#social .socialItem {
  padding-top: 3px;
  margin-left: auto;
  margin-right: auto;
}

#privacyPolicyPop {
  background: url("/img/adam-textured-bg.jpg") repeat;
  height: 600px;
  padding: 10px 20px;
}
#privacyPolicyPop h1 {
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  color: #282828;
  text-shadow: 0px 1px 1px white;
  margin-bottom: 20px;
  text-align: center;
}
#privacyPolicyPop h2 {
  font-weight: bold;
  font-size: 18px;
  text-transform: uppercase;
  color: #282828;
  text-shadow: 0px 1px 1px white;
  margin-bottom: 20px;
  text-align: center;
}
#privacyPolicyPop p {
  color: #484848;
  text-shadow: 0px 1px 1px white;
  line-height: 120%;
}
#privacyPolicyPop .formElements {
  margin-left: 10px;
}
#privacyPolicyPop .formElements .error {
  color: red;
  font-size: 24px;
}
#privacyPolicyPop label {
  width: auto;
  padding-left: 10px;
  margin: 10px;
}

#footer {
  width: 100%;
  padding: 0;
  text-align: left;
  font-family: "Verdana", "Helvetica", sans-serif;
  font-size: 11px;
}
#footer h1 {
  font-weight: bold;
  font-size: 24px;
  text-transform: uppercase;
  color: #282828;
  text-shadow: 0px 1px 1px white;
  margin-bottom: 10px;
}
#footer p {
  color: #484848;
  text-shadow: 0px 1px 1px white;
  line-height: 120%;
}
#footer #copyright {
  width: 1024px;
  margin: 0 auto;
  padding: 20px 0;
  text-align: center;
}
#footer #copyright p {
  font-family: "Verdana", "Helvetica", Sans-Serif;
  font-weight: 400;
  font-size: 10px;
  text-transform: lowercase;
  color: #484848;
  text-shadow: 0 1px 1px white;
  margin: 0;
}

.slabtexted .slabtext {
  display: inline-block;
  white-space: nowrap;
}

.slabtextinactive .slabtext {
  display: inline;
  white-space: normal;
}

.slabtextdone .slabtext {
  display: block;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  body {
    background-image: url(/img/tile@2x.png);
  }

  #topbar #logo {
    background-image: url(/img/logo@2x.png);
  }

  ul#contactus li.email {
    background-image: url(/img/mail@2x.png);
  }
  ul#contactus li.twitter {
    background-image: url(/img/twitter@2x.png);
  }

  #apppage .screenshots-wrapper ul.screenshots li p {
    background-image: url(/img/featurestar@2x.png);
  }

  .appcell .appstorebadge a {
    background-image: url(/img/appstore@2x.png);
  }

  #contentarea #badges .badge a.divvy {
    background-image: url(/divvy/icon-256.png);
  }
  #contentarea #badges .badge a.padlock {
    background-image: url(/padlock/icon-256.png);
  }
  #contentarea #badges .badge a.shortstop {
    background-image: url(/shortstop/icon-256.png);
  }
  #contentarea #badges .badge a.shush {
    background-image: url(/shush/icon-256.png);
  }

  .appcell .divvy-appicon {
    background-image: url(/divvy/icon-512.png);
  }
  .appcell .windivvy-appicon {
    background-image: url(/windivvy/icon-512.png);
  }
  .appcell .padlock-appicon {
    background-image: url(/padlock/icon-512.png);
  }
  .appcell .shortstop-appicon {
    background-image: url(/shortstop/icon-512.png);
  }
  .appcell .shush-appicon {
    background-image: url(/shush/icon-512.png);
  }
}