/* --------------------------------------------------------------

   Reset default browser CSS.

   Based on work by Eric Meyer:
   http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */

/* v1.0 | 20080212 */

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

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

body {
	line-height: 1;
}

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

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	/*border-collapse: collapse;*/
	border-spacing: 0;
}

a img {
	border: none;
}

/************************************************************************************

 General styles

 NB .ie7 styles mostly to correct sub pixel rounding errors - values rounded down overall

 *************************************************************************************/

body {
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	color: #3b3b3b;
	font-weight: normal;
	background: #fff url(/img/bg-body.jpg) repeat scroll left top;
	-webkit-text-size-adjust: none;
}

@font-face {
	font-family: 'HeroRegular';
	src: url('/fonts/hero-webfont.eot');
	src: url('/fonts/hero-webfont.eot?#iefix') format('embedded-opentype'), url('/fonts/hero-webfont.woff') format('woff'),
		url('/fonts/hero-webfont.ttf') format('truetype'), url('/fonts/hero-webfont.svg#HeroRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

a {
	text-decoration: underline;
	color: #aa141a;
}

a:hover {
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
dl {
	margin: 0.7em 0 0.9em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: HeroRegular, 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: 1.1em;
	color: #343433;
	letter-spacing: -1px;
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.1em;
}

h3 {
	font-size: 1.75em;
	margin-bottom: 0.25em;
}

h4 {
	font-size: 1.125em;
	text-transform: none;
	font-weight: 600;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0;
}

h5 {
	font-size: 0.875em;
	text-transform: none;
	font-weight: 600;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0;
	text-transform: uppercase;
}

h6 {
	font-size: 1.375em;
}

img,
object,
embed {
	-ms-interpolation-mode: bicubic; /*IE only*/
	max-width: 100%;
	height: auto;
}

strong {
	font-weight: 600;
}

.accessibility {
	left: -9999em;
	position: absolute;
}

em {
	font-style: italic;
}

/*main page blocks*/

header,
.inner {
	max-width: 70em; /* 1120px / 16px = 60*/
	margin: 0pt auto;
	overflow: hidden;
	position: relative;
}

.home .content,
section.key-features {
	overflow: hidden;
	position: relative;
	background: url(../img/bg-divider.jpg) repeat-x left bottom;
	padding-bottom: 1em;
}

.content .inner {
	padding-bottom: 2.5em;
}

.home .content .inner {
	padding-bottom: 1.25em;
}

.main-content,
.sub-nav {
	margin-left: 5%;
	margin-right: 5%;
}

.sub-nav {
	margin-bottom: 1.25em;
	/* pull sub nav up to banner for smaller screens */
	margin-top: -4em;
}

p.logo {
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1.25em;
	xheight: 87px; /* prevent top menu shift on page load */
}

/************************************************************************************

 Nav styles

 *************************************************************************************/

/*main nav styles*/

nav ul {
	overflow: hidden;
	margin-left: 2.5%;
	margin-right: 2.5%;
	list-style: none;
}

nav ul li {
	float: left;
	width: 45%;
	margin-left: 2.5%;
	margin-right: 2.5%;
	margin-bottom: 0.25em;
}

.ie7 nav ul li {
	width: 44.5%;
}

nav ul li a,
.btn-link {
	text-transform: lowercase;
	text-decoration: none;
	display: block;
	font-size: 0.875em;
	padding: 0.375em 1.25em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	text-shadow: 1px 1px 1px rgb(255, 255, 255);
	color: #7d7878;
	background: #e2e2e2 url(../img/ie-bg-nav.jpg) repeat-x top left; /* IE old */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(238, 238, 238, 0.85) 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(1%, rgba(255, 255, 255, 0.85)),
		color-stop(100%, rgba(238, 238, 238, 0.85))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0.85) 1%,
		rgba(238, 238, 238, 0.85) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(238, 238, 238, 0.85) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(238, 238, 238, 0.85) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(255, 255, 255, 0.85) 1%, rgba(238, 238, 238, 0.85) 100%); /* W3C */
	border: 1px solid #eeecec;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}

nav ul li a.sel,
nav ul li a.sel:hover {
	background: #2c2c2b url(../img/ie-bg-nav-sel.jpg) repeat-x top left; /* IE old */
	background: -moz-linear-gradient(top, rgba(68, 68, 67, 1) 1%, rgba(44, 44, 43, 1) 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(1%, rgba(68, 68, 67, 1)),
		color-stop(100%, rgba(44, 44, 43, 1))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(68, 68, 67, 1) 1%, rgba(44, 44, 43, 1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(68, 68, 67, 1) 1%, rgba(44, 44, 43, 1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(68, 68, 67, 1) 1%, rgba(44, 44, 43, 1) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(68, 68, 67, 1) 1%, rgba(44, 44, 43, 1) 100%); /* W3C */
	color: #fff;
	text-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}

nav ul li a:hover,
a:hover .btn-link {
	background: #ebebeb;
	background: rgba(214, 214, 214, 0.35);
	color: #595957;
}

/* sub nav styles */

.sub-nav ul {
	overflow: hidden;
	list-style: none;
	margin-top: 0;
	margin-bottom: 0;
	background: #f7f1f2;
	background: rgba(170, 20, 26, 0.04);
	-webkit-border-bottom-right-radius: 0.45em;
	-webkit-border-bottom-left-radius: 0.45em;
	-moz-border-radius-bottomright: 0.45em;
	-moz-border-radius-bottomleft: 0.45em;
	border-bottom-right-radius: 0.45em;
	border-bottom-left-radius: 0.45em;
	padding: 3em 1.25em 1.5625em;
	border: 1px solid #efdadb;
	border: 1px solid rgba(170, 20, 26, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sub-nav ul li a {
	text-decoration: none;
	display: block;
	color: #aa141a;
	font-weight: normal;
	padding: 0 0 0.375em;
}

.sub-nav ul li.sel a {
	font-weight: bold;
}

/* hide sub nav sub menu for smaller screens */

.sub-nav ul li ul {
	display: none;
}

/************************************************************************************

 Banner styles

 *************************************************************************************/

.banner,
.demo-home {
	margin-left: 5%;
	margin-right: 5%;
}

.banner div {
	display: block;
	background: #2f2f2f url(../img/bg-banner.jpg) left top repeat;
	padding: 1em 1.25em 1.65em;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
}

.banner {
	background: url(../img/tail.png) 1.5em bottom no-repeat;
	padding-bottom: 16px;
	position: relative;
	margin-bottom: 2em;
}

.banner h1,
.banner p {
	color: #fff;
	margin: 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

.banner p {
	font-size: 1em;
	line-height: 1.1em;
	margin-top: 0.25em;
}

.demo-home {
	overflow: hidden;
}

.demo-home div {
	padding-bottom: 0.875em;
}

.demo-home ul {
	list-style-type: none;
}

.demo-home ul li,
.call-to-action ul li {
	margin-bottom: 0.75em;
}

.button {
	text-transform: uppercase;
	display: block;
	line-height: 1.1em;
	padding: 0.75em 0.6875em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
	font-size: 1em;
	text-align: center;
	box-shadow: 0 1px 3px rgba(0, 0, 1, 0.2);
	border: 1px solid rgb(255, 255, 255);
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding-box;
	background-clip: padding-box;
	font-family: 'news-gothic-std', 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
}

.demo-home ul li#take-tour .button,
.call-to-action ul li#take-tour .button,
.call-to-action ul li#view-demos .button,
.download-table .button.download {
	background: #ef6725 url(../img/bg-take-tour.jpg) repeat-x left top; /*non gradient browsers*/
	background: -moz-linear-gradient(top, #fcdb11 1%, #ef6925 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(1%, #fcdb11),
		color-stop(100%, #ef6925)
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fcdb11 1%, #ef6925 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fcdb11 1%, #ef6925 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fcdb11 1%, #ef6925 100%); /* IE10+ */
	background: linear-gradient(top, #fcdb11 1%, #ef6925 100%); /* W3C */
}

.demo-home ul li#take-tour .button:hover,
.call-to-action ul li#take-tour .button:hover,
.call-to-action ul li#view-demos .button:hover,
.download-table .button.download:hover {
	background: #fcdb11;
}

.demo-home ul li#download .button,
.call-to-action ul li#download .button,
.download-table .button.buy {
	background: #3a9805 url(../img/bg-download.jpg) repeat-x left top; /*non gradient browsers*/
	background: -moz-linear-gradient(top, #7bc70c 0%, #3b9705 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0%, #7bc70c),
		color-stop(100%, #3b9705)
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7bc70c 0%, #3b9705 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7bc70c 0%, #3b9705 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7bc70c 0%, #3b9705 100%); /* IE10+ */
	background: linear-gradient(top, #7bc70c 0%, #3b9705 100%); /* W3C */
}

.demo-home ul li#download .button:hover,
.call-to-action ul li#download .button:hover,
.download-table .button.buy:hover {
	background: #7bc70c;
}

/* home page specific styles */

section.key-features ul {
	margin: 1em 2.5% 1.25em;
	overflow: hidden;
	list-style-type: none;
}

section.key-features ul li {
	margin-left: 2.5%;
	margin-right: 2.5%;
	padding-bottom: 0.25em;
}

section.key-features ul li.feature-set ul,
section.key-features ul li.feature-set ul li {
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
}

section.key-features ul li.feature-set ul li {
	padding-bottom: 0.75em;
}

section.key-features ul.support-list,
section.key-features ul.support-list li {
	margin-left: 0;
	margin-right: 0;
	padding-bottom: 0;
}

section.key-features ul.support-list ul {
	overflow: hidden;
	list-style-type: none;
	margin-left: 0;
	margin-right: 0;
}

section.key-features ul.support-list ul li {
	width: 32px;
	height: 32px;
	display: inline;
	float: left;
	margin-left: 0;
	margin-right: 0.25em;
	text-indent: -5000em;
}

li.ie {
	background: url(../img/browser-ie.png) no-repeat left top;
}

li.ff {
	background: url(../img/browser-ff.png) no-repeat left top;
}

li.chrome {
	background: url(../img/browser-chrome.png) no-repeat left top;
}

li.safari {
	background: url(../img/browser-safari.png) no-repeat left top;
}

li.opera {
	background: url(../img/browser-opera.png) no-repeat left top;
}

li.windows {
	background: url(../img/os-windows.png) no-repeat left top;
}

li.linux {
	background: url(../img/os-linux.png) no-repeat left top;
}

li.apple {
	background: url(../img/os-apple.png) no-repeat left top;
}

li.android {
	background: url(../img/android.png) no-repeat left top;
}

li.ios {
	background: url(../img/ios.png) no-repeat left top;
}

/************************************************************************************

 Main content styles

 *************************************************************************************/

/* content images */

figure {
	margin-top: 1.5em;
	margin-bottom: 2.5em;
	padding: 1.25em;
	background: #fff;
	border: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0.25em;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);
}

figcaption {
	font-family: Georgia, Garamond, serif;
	font-size: 0.875em;
	margin: 0.5em 0;
	font-style: italic;
}

/* content lists */

div.main-content ul,
div.main-content ol {
	list-style-position: outside;
	margin-left: 3em;
	padding-left: 0;
}

div.main-content ul li,
div.main-content ol li {
	padding-bottom: 0.5em;
}

section.call-to-action ul {
	list-style-type: none;
}

/* features list styles */

ul.features {
	margin-top: 1.75em;
	list-style-type: none;
}

div.main-content ul.features,
div.main-content ul.features li {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.25em;
	overflow: hidden;
}

ul.features li {
	margin-top: 0;
	padding-left: 62px;
}

ul.features li h4 {
	margin-bottom: 0;
	margin-top: 0;
}

ul.features li h4 + p {
	margin-top: 0.25em;
}

ul.features li.easy-add {
	background: url(../img/features/add.png) no-repeat top left;
}

ul.features li.right-click {
	background: url(../img/features/right-click.png) no-repeat top left;
}

ul.features li.download {
	background: url(../img/features/download.png) no-repeat top left;
}

ul.features li.password {
	background: url(../img/features/password.png) no-repeat top left;
}

ul.features li.universal-play {
	background: url(../img/features/universal-play.png) no-repeat top left;
}

ul.features li.navigation {
	background: url(../img/features/navigation.png) no-repeat top left;
}

ul.features li.resize {
	background: url(../img/features/resize.png) no-repeat top left;
}

ul.features li.flickr {
	background: url(../img/features/flickr.png) no-repeat top left;
}

ul.features li.website {
	background: url(../img/features/website.png) no-repeat top left;
}

ul.features li.builder {
	background: url(../img/features/builder.png) no-repeat top left;
}

ul.features li.plugins {
	background: url(../img/features/spanner.png) no-repeat top left;
}

ul.features li.thumbs {
	background: url(../img/features/thumbs.png) no-repeat top left;
}
ul.features li.multisize {
	background: url(../img/features/multisize.png) no-repeat top left;
}

ul.features li.customize {
	background: url(../img/features/customize.png) no-repeat top left;
}

ul.features li.purchase {
	background: url(../img/features/purchase.png) no-repeat top left;
}

ul.features li.pro-config {
	background: url(../img/features/pro-config.png) no-repeat top left;
}

ul.features li.music {
	background: url(../img/features/music.png) no-repeat top left;
}

ul.features li.back {
	background: url(../img/features/back.png) no-repeat top left;
}

ul.features li.support {
	background: url(../img/features/support.png) no-repeat top left;
}

ul.features li.images {
	background: url(../img/features/images.png) no-repeat top left;
}

ul.features li.autoplay {
	background: url(../img/features/autoplay.png) no-repeat top left;
}

ul.features li.performance {
	background: url(../img/features/smiley.png) no-repeat top left;
}

ul.features li.seo {
	background: url(../img/features/search.png) no-repeat top left;
}

ul.features li.no-branding {
	background: url(../img/features/star.png) no-repeat top left;
}

ul.features li.randomize {
	background: url(../img/features/tip.png) no-repeat top left;
}

ul.features li.adv-flickr {
	background: url(../img/features/tag.png) no-repeat top left;
}

ul.features li.watermarking {
	background: url(../img/features/wm.png) no-repeat top left;
}

ul.features li.email {
	background: url(../img/features/email.png) no-repeat top left;
}

ul.features li.api {
	background: url(../img/features/api.png) no-repeat top left;
}

ul.features li.seo {
	background: url(../img/features/seo.png) no-repeat top left;
}

ul.features li.sharing {
	background: url(../img/features/sharing.png) no-repeat top left;
}

ul.features li.shopping {
	background: url(../img/features/shopping.png) no-repeat top left;
}

ul.features li.retina {
	background: url(../img/features/retina.png) no-repeat top left;
}
ul.features li.jquery {
	background: url(../img/features/jquery.png) no-repeat top left;
}
/* donwload reasons list */

ul.download-reasons {
	list-style-type: none;
	overflow: hidden;
	margin: 2.75em 2.5% 2em;
}

ul.download-reasons li {
	margin-left: 2.5%;
	margin-right: 2.5%;
}

/* inner page call to action div */

aside.call-to-action {
	margin-left: 5%;
	margin-right: 5%;
	overflow: hidden;
	clear: both;
}

aside.call-to-action h3 {
	font-size: 2.2em;
	margin-bottom: 0.45em;
}

section.call-to-action,
section.reviews {
	display: block;
	overflow: hidden;
	position: relative;
	background: rgba(204, 204, 204, 0.1);
	border-top: 1px solid #eaeaea;
	border-top: 1px solid rgba(204, 204, 204, 0.2);
	padding-bottom: 4em;
	padding-top: 1em;
}

.ie8 section.call-to-action,
.ie7 section.call-to-action,
.ie6 section.call-to-action {
	background: url(../img/ie-bg-section-cta.jpg) repeat top left;
}

section.call-to-action h3,
section.call-to-action p,
section.call-to-action ul {
	margin-left: 5%;
	margin-right: 5%;
}

section.call-to-action p {
	color: #343433;
}

section.call-to-action h3 {
	font-size: 1.5em;
	color: #343433;
}

/* download table */

table.download-table {
	margin: 2em 5%;
	width: 90%;
	border-collapse: collapse;
}

table.download-table.buy {
	margin-bottom: 4em;
}

table.download-table td,
table.download-table th {
	padding: 0.75em 0.5em;
	border-right: 1px solid #fff;
	vertical-align: middle;
}

table.download-table .even td {
	background: #f1f1f1;
	background: rgba(51, 51, 51, 0.04);
}

table.download-table .even .table-col-0 {
	background: #fcf3cd;
	background: rgba(250, 208, 18, 0.2);
}

table.download-table .odd .table-col-0 {
	background: #fefcf2;
	background: rgba(250, 208, 18, 0.05);
}

table.download-table .even .table-col-1,
table.download-table .even .table-col-2,
table.download-table .even .table-col-3 {
	background: #e2f2ce;
	background: rgba(113, 192, 10, 0.2);
}

table.download-table .odd .table-col-1,
table.download-table .odd .table-col-2,
table.download-table .odd .table-col-3 {
	background: #f1f5ec;
	background: rgba(113, 192, 10, 0.05);
}

table.download-table .button {
	font-size: 0.875em;
	display: inline-block;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
}

table.download-table .button span {
	display: none;
}

table.download-table td .button {
	margin-top: 0.875em;
}

table.download-table th,
table.download-table tfoot td {
	padding: 0;
	vertical-align: bottom;
	text-align: center;
}

table.download-table th {
	border-bottom: 1px solid #ffffff;
	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;
	border-top-left-radius: 0.5em;
	border-top-right-radius: 0.5em;
}

table.download-table tfoot td {
	border-top: 1px solid #ffffff;
	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

table.download-table th div,
table.download-table td,
table.download-table tfoot td {
	font-size: 0.75em;
	line-height: 1.2;
	padding: 1em;
}

table.download-table th em,
table.download-table tfoot em {
	display: block;
	font-size: 1.25em;
	font-weight: bold;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.75);
	font-style: normal;
}

table.download-table td img {
	width: 16px;
	height: 16px;
}

table.download-table th.lite,
table.download-table tfoot .lite {
	background: #fdeca0;
	background: none repeat scroll 0 0 rgba(250, 208, 18, 0.4);
}

table.download-table th,
table.download-table tfoot .pro-cell {
	background: #c6e69d;
	background: none repeat scroll 0 0 rgba(113, 192, 10, 0.4);
}

table.download-table th:first-child {
	background: none; /* remove bg on first th cell */
}

table.download-table .table-col-0,
table.download-table .table-col-1,
table.download-table .table-col-2,
table.download-table .table-col-3 {
	text-align: center;
}

span.flickr-gallery {
	display: block;
	font-size: 0.815em;
}

table.download-table th .options,
table.download-table tfoot td.options {
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.75em;
}

/* buy table */

table.download-table.buy tr td {
	background: #e2f2ce;
	background: rgba(113, 192, 10, 0.2);
	padding: 0.75em 1.25em;
}

table.download-table.buy tr.cta td {
	background: #e2f2ce;
	background: none repeat scroll 0 0 rgba(113, 192, 10, 0.05);
	-webkit-border-bottom-right-radius: 0.5em;
	-webkit-border-bottom-left-radius: 0.5em;
	-moz-border-radius-bottomright: 0.5em;
	-moz-border-radius-bottomleft: 0.5em;
	border-bottom-right-radius: 0.5em;
	border-bottom-left-radius: 0.5em;
}

table.download-table.buy th {
	text-align: left;
	padding: 0.75em 1.25em;
	font-size: 0.75em;
	font-weight: bold;
}

table.download-table.buy label:hover {
	cursor: pointer;
}

table.download-table.buy td img {
	width: auto;
	height: auto;
}

table.download-table.buy th,
table.download-table.buy td {
	vertical-align: top;
}

table.download-table.buy ul {
	list-style-type: none;
}

table.download-table.buy p.buy-options span {
	display: block;
	margin-bottom: 0.75em;
}

/* special offer styles */

.special-offer {
	display: block;
	color: #ffffff;
	margin-bottom: 0.5em;
	-webkit-border-top-left-radius: 0.25em;
	-webkit-border-top-right-radius: 0.25em;
	-moz-border-radius-topleft: 0.25em;
	-moz-border-radius-topright: 0.25em;
	border-top-left-radius: 0.25em;
	border-top-right-radius: 0.25em;
	padding: 0.25em;
	background: url(../img/bg-banner.jpg) repeat scroll left top #2f2f2f;
}

.special-offer p {
	font-size: 1.275em;
	margin: 0;
	text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
}

.special-offer p span {
	display: block;
	font-size: 0.875em;
	text-decoration: line-through;
	margin-bottom: -0.25em;
}

p.buy-options img {
	vertical-align: middle;
}

p.terms {
	font-family: Georgia, Garamond, serif;
	font-size: 0.875em;
	font-style: italic;
	margin-top: 2em;
	border-top: 1px dotted #94ba64;
	padding-top: 1em;
}

p.buy-options {
	margin-top: 1.5em;
}

div.main-content section {
	margin-bottom: 1em;
}

/* Secondary content on home page */

.secondary-content div.image,
.secondary-content div.content-sample {
	margin-left: 5%;
	margin-right: 5%;
}

.secondary-content div.image p {
	text-align: center;
}

/* Demo promos styles on home page */

.home section.demos {
	padding-bottom: 1.25em;
}

div.intro h3,
div.intro p {
	margin-left: 5%;
	margin-right: 5%;
}

ul.demo-promos,
ul.reviews-promos {
	overflow: hidden;
	margin-left: 5%;
	margin-right: 5%;
	margin-top: 1.25em;
	list-style-type: none;
}

ul.demo-promos li {
	margin-bottom: 1.75em;
}

ul.demo-promos li p {
	margin-left: 0;
	margin-right: 0;
}

ul.demo-promos li p.thumb img {
	padding: 0.625em;
	background: #fff;
	border: 1px solid #e5e5e5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-transition: opacity 0.5s ease;
	-webkit-transition: opacity 0.5s ease;
	-o-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
	border-radius: 0.25em;
}

ul.demo-promos li a {
	color: #3b3b3b;
	text-decoration: none;
}

ul.demo-promos li a:hover {
	color: #1c1e1f;
}

ul.demo-promos li a:hover img {
	opacity: 0.6;
}

.demo-promos p.btn-link {
	display: inline-block;
}

.ie8 ul.demo-promos li p.thumb img,
.ie7 ul.demo-promos li p.thumb img,
.ie6 ul.demo-promos li p.thumb img {
	padding: 2.5%;
	width: 94%; /* give IE8 and below total width of 99% plus 1px border*/
}

ul.reviews-promos li {
	margin-bottom: 2.25em;
}

blockquote {
	font-family: Georgia, Garamond, serif;
	font-size: 1.2em;
	font-style: italic;
	line-height: 125%;
	margin: 0.5em 0;
}

/* pro class */

.pro:after {
	content: 'pro';
	text-transform: uppercase;
	margin-left: 0.8em;
	vertical-align: top;
	border-radius: 0.25em;
	font-size: 0.5em;
	padding: 0.25em 0.4em;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
}

.sub-nav ul li a.pro:after {
	background: #cb4f54;
	color: #fff;
}

.main-content h2.pro:after {
	color: #fff;
	background: #774617;
	font-size: 0.375em;
	letter-spacing: 0;
}

.main-content h3.pro:after {
	color: #fff;
	background: #343433;
	font-size: 0.375em;
	letter-spacing: 0;
}

.overview h3.pro:after {
	background: #774617;
	color: #fff;
	font-size: 0.5em;
}

h4.pro:after {
	background: #3b3b3b;
	color: #fff;
	font-size: 0.5em;
}

/************************************************************************************

 Footer styles

 *************************************************************************************/

footer {
	background: #2f2f2f url(../img/bg-banner.jpg) left top repeat;
	color: #fcfcfc;
}

footer .inner {
	overflow: visible;
	padding-top: 4em;
	padding-bottom: 1em;
}

footer div#logo-splash {
	width: 70px;
	height: 82px;
	position: absolute;
	display: block;
	background: url(../img/logo-footer.png) left top no-repeat;
	left: 5%;
	top: -41px;
}

footer h6 {
	color: #fcfcfc;
	margin-top: 0;
	text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
}

footer a {
	color: #fcfcfc;
}

footer a:hover {
	color: #fff;
}

footer ul {
	margin-left: 2.5%;
	margin-right: 2.5%;
	overflow: hidden;
}

footer ul li {
	margin-left: 2.5%;
	margin-right: 2.5%;
	list-style-type: none;
	margin-bottom: 2em;
}

footer ul.site-info-links,
footer ul.site-info-links li {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}

small {
	display: block;
	margin-top: 0.25em;
}

li.site-info {
	border-top: 1px dotted #6b6b6d;
	border-top: 1px dotted rgba(255, 255, 255, 0.25);
	margin-top: 1em;
	padding-top: 1.125em;
}

/* footer tweet styles */

ul.tweet_list {
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 1.25em;
	background: #3b3d3e;
	background: rgba(255, 255, 255, 0.1);
	overflow: visible;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	position: relative;
	padding: 0;
	position: relative;
}

ul.tweet_list li {
	padding: 1.25em;
	margin: 0;
}

span.tweet_text,
span.tweet_time {
	display: block;
}

span.tweet_time {
	font-size: 0.8125em;
}

span.tweet_text {
	font-family: Georgia, Garamond, serif;
	font-size: 1em;
	font-style: italic;
}

ul.tweet_list:after {
	content: '';
	display: block; /* reduce the damage in FF3.0 */
	position: absolute;
	bottom: -10px; /* value = - border-top-width - border-bottom-width */
	left: 20px; /* controls horizontal position */
	width: 0;
	height: 0;
	border-width: 10px 10px 0; /* vary these values to change the angle of the vertex */
	border-style: solid;
	border-color: rgba(255, 255, 255, 0.1) transparent;
}

.ie8 ul.tweet_list,
.ie7 ul.tweet_list,
.ie6 ul.tweet_list {
	background: url(../img/ie-bg-tweet-box.jpg) repeat left top;
}

.ie8 ul.tweet_list:after,
.ie7 ul.tweet_list:after,
.ie6 ul.tweet_list:after {
	display: none; /* remove transparent tail effect */
}

li.twitter-feed p {
	padding: 0 1.25em;
}

a.twitter-link {
	background: url(/img/twitter-icon.png) no-repeat left top;
	padding-left: 36px;
	min-height: 32px;
	display: inline-block;
}

/* mailing list form styles */

.mailing-list label {
	display: none;
}

.mailing-list input[type='email'] {
	border: #555 solid 1px;
	width: 80%;
}

.mailing-list input {
	background: #ffffff;
	color: #3b3b3b;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	display: block;
	width: 100%;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0.375em 0.625em;
	border: #555 solid 1px;
}

.ie9 .mailing-list input,
.ie8 .mailing-list input,
.ie7 .mailing-list input,
.ie6 .mailing-list input {
	width: 95%;
	padding: 2.5%;
}

.mailing-list input[type='submit'] {
	background: -moz-linear-gradient(top, rgb(233, 233, 233) 1%, rgba(158, 156, 156, 0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(1%, rgb(233, 233, 233)),
		color-stop(100%, rgba(158, 156, 156, 0.75))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgb(233, 233, 233) 1%,
		rgba(158, 156, 156, 0.75) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(233, 233, 233) 1%, rgba(158, 156, 156, 0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(233, 233, 233) 1%, rgba(158, 156, 156, 0.75) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(233, 233, 233) 1%, rgba(158, 156, 156, 0.75) 100%); /* W3C */
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	color: #444546;
	cursor: pointer;
	padding: 0.675em 1.625em;
	text-decoration: none;
	vertical-align: bottom;
	width: auto;
	text-transform: uppercase;
	font-size: 0.875em;
	font-family: 'news-gothic-std', 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	text-shadow: 1px 1px 1px rgba(229, 228, 228, 0.65);
}

.ie8 .mailing-list input[type='submit'],
.ie7 .mailing-list input[type='submit'],
.ie6 .mailing-list input[type='submit'] {
	background: #858384 url(../img/ie-bg-mailing-btn.jpg) repeat-x left top; /* IE8 - 6 */
	padding-top: 0.75em;
}

.mailing-list input:hover[type='submit'] {
	background: rgb(233, 233, 233); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(255, 255, 255) 1%, rgba(158, 156, 156, 0.35) 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(1%, rgb(255, 255, 255)),
		color-stop(100%, rgba(158, 156, 156, 0.35))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgb(255, 255, 255) 1%,
		rgba(158, 156, 156, 0.35) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgb(255, 255, 255) 1%, rgba(158, 156, 156, 0.35) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgb(255, 255, 255) 1%, rgba(158, 156, 156, 0.35) 100%); /* IE10+ */
	background: linear-gradient(top, rgb(255, 255, 255) 1%, rgba(158, 156, 156, 0.35) 100%); /* W3C */
	color: #313436;
}

.mailing-list input {
	margin-bottom: 0.875em;
}

/* placeholder styles */

::-webkit-input-placeholder {
	color: #666666;
	font-style: normal;
}

.mailing-list input:-moz-placeholder {
	color: #666666;
	font-style: normal;
}

/* support overview styles */

.overview {
	background: rgba(246, 217, 17, 0.1);
	border: 1px solid #fbf2b0;
	border: 1px solid rgba(246, 217, 17, 0.25);
	padding: 5%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-moz-border-radius: 0.45em;
	-webkit-border-radius: 0.45em;
	border-radius: 0.45em;
	margin-bottom: 2em;
	color: #774617;
}

.ie8 .overview,
.ie7 .overview,
.ie6 .overview {
	background: #fefbe6 url(../img/ie-bg-overview.jpg) repeat left top;
}

.overview h2 {
	font-size: 2.25em;
	margin-bottom: 0;
	margin-top: 0;
}

.overview h2,
.overview p,
.overview a,
.overview a:hover {
	color: #774617;
}

.overview h3 {
	color: #774617;
	font-size: 1.125em;
	text-transform: none;
	font-weight: 600;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	letter-spacing: 0;
}

.overview p {
	font-size: 1.125em;
}

/*code styles */

code {
	background: rgba(80, 80, 80, 0.15);
	color: #000000;
	display: inline-block;
	font-family: Courier, monospace;
	font-size: 0.875em;
	padding: 0 4px;
}

pre {
	background-color: #f9f9f9;
	border: 1px dashed #c9c9c9;
	color: #000000;
	display: block;
	line-height: 1.5em;
	padding: 1em;
	white-space: pre-wrap;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	font-family: Courier, monospace;
	white-space: pre-wrap;
	word-wrap: break-word; /* Internet Explorer 5.5+ fix */
	font-size: 0.875em;
}

.overview code {
	background: #e9e0c7;
	background: rgba(119, 70, 23, 0.15);
	color: #4a2705;
}

.overview pre {
	border: 1px dashed #d3c39c;
}

/* config options table styles */

table.config-options {
	width: 100%;
	margin-bottom: 1.5625em;
	margin-top: 1.25em;
}

table.config-options th,
table.config-options td {
	text-align: left;
	border: 1px solid #ffffff;
	border-bottom: 1px solid #d9e8c4;
	border-bottom: 1px solid rgba(135, 190, 63, 0.25);
	border-top: 2px solid #ffffff;
	padding: 0.25em;
	font-size: 0.75em;
}

table.config-options tr td:nth-child(3n) {
	color: #293817;
}

table.config-options tr td:first-child,
table.config-options tr td:nth-child(2n) {
	font-family: Courier, monospace;
	font-size: 0.875em;
	font-weight: bold;
	color: #3f6908;
}

table.config-options th {
	background: #87be3f;
	color: #ffffff;
	font-weight: bold;
}

table.config-options tr:nth-child(odd) {
	background: rgba(135, 190, 63, 0.05);
}

table.config-options tr:nth-child(even) {
	background: rgba(135, 190, 63, 0.08);
}

.ie8 table.config-options tr,
.ie7 table.config-options tr,
.ie6 table.config-options tr {
	background: #f5f9ef url(../img/ie-bg-config-table.jpg) repeat left top;
}

table.config-options tr:hover {
	background: rgba(135, 190, 63, 0.15);
}

div.main-content table.config-options ul,
div.main-content table.config-options ol {
	margin-left: 1em;
}

table.config-options code {
	background: #ffffff;
}

/* API table has 2 columns */

table.config-options.api tr td:nth-child(2n) {
	color: #293817;
	font-weight: normal;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	font-size: 100%;
	line-height: 1.4em;
}

/* faq styles */

section.faq {
	background: url(/img/bg-divider.jpg) repeat-x scroll left top transparent;
	padding-top: 0.75em;
}

section.faq h3 {
	margin-bottom: 0.5em;
}

/* google translate */

div#google_translate_element {
	margin-top: 1.5em;
}

.goog-te-gadget,
.goog-logo-link {
	color: #fcfcfc !important;
	font-size: 13px !important;
	font-weight: normal !important;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif !important;
}

select.goog-te-combo {
	color: #3b3b3b;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif !important;
	font-size: 1em;
	font-size: 16px !important;
}

/*clear fix */

.clear {
	background: none repeat scroll 0 0 transparent;
	border: 0 none;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	height: 0;
	list-style: none outside none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	visibility: hidden;
	width: 0;
}

/* google search styles */

input.gsc-input {
	background: #fff !important;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	width: 70% !important;
	margin-right: 2%;
	-webkit-border-radius: 0.25em;
	-moz-border-radius: 0.25em;
	border-radius: 0.25em;
	padding: 0.375em 0.625em !important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #e3dad0 !important;
	border: 1px solid rgba(119, 70, 23, 0.2) !important;
}

.ie7 input.gsc-input,
.ie6 input.gsc-input {
	width: 70% !important;
	padding: 0.375em 2% !important;
	margin-right: 2% !important;
}

input.gsc-search-button {
	background: #f1e89f; /* IE old */
	background: -moz-linear-gradient(top, rgba(248, 243, 209, 0.9) 1%, rgba(240, 229, 152, 0.75) 100%); /* FF3.6+ */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(1%, rgba(248, 243, 209, 0.9)),
		color-stop(100%, rgba(240, 229, 152, 0.75))
	); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(
		top,
		rgba(248, 243, 209, 0.9) 1%,
		rgba(240, 229, 152, 0.75) 100%
	); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(248, 243, 209, 0.9) 1%, rgba(240, 229, 152, 0.75) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(248, 243, 209, 0.9) 1%, rgba(240, 229, 152, 0.75) 100%); /* IE10+ */
	background: linear-gradient(top, rgba(248, 243, 209, 0.9) 1%, rgba(240, 229, 152, 0.75) 100%); /* W3C */
	border-radius: 0.25em 0.25em 0.25em 0.25em;
	color: #774617;
	cursor: pointer;
	font-family: 'news-gothic-std', 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	font-size: 0.875em;
	padding: 0.35em 1em !important;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(229, 228, 228, 0.65);
	text-transform: uppercase;
	border: none;
	border: 1px solid #e3dad0 !important;
	border: 1px solid rgba(119, 70, 23, 0.15) !important;
}

input.gsc-search-button:hover {
	background: #f8f3d1 !important;
	color: #895626;
}

/************************************************************************************

 Media queries

 *************************************************************************************/

/*smartphone portrait*/

@media only screen and (max-width: 540px) {
	p.logo img {
		max-width: 50%;
	}
} /*/mediaquery*/

/* smartphone landscape */

@media only screen and (min-width: 480px) {
	/* nav switch to 3 col */

	nav ul li {
		width: 28.33%;
		margin-bottom: 0.5em;
	}

	.ie7 nav ul li {
		width: 28%;
	}

	/* sub nav swithc to 2 cols */

	.sub-nav ul li {
		width: 47.5%;
		display: inline;
		float: left;
	}

	.sub-nav ul li:nth-child(odd) {
		margin-right: 2.5%;
	}

	.sub-nav ul li:nth-child(even) {
		margin-left: 2.5%;
	}

	/* rejig home call to action */

	.demo-home p,
	.call-to-action p {
		width: 47.5%;
		float: left;
		display: inline;
		margin-right: 2.5%;
	}

	.ie7 .demo-home p,
	.ie7 .call-to-action p {
		width: 47%;
	}

	.demo-home ul,
	.call-to-action ul {
		overflow: hidden;
		margin-left: 2.5%;
		width: 47.5%;
		float: left;
		display: inline;
	}

	section.call-to-action p,
	section.call-to-action ul {
		display: inline;
		float: left;
		width: 42.5%;
	}

	section.call-to-action ul {
		margin-left: 2.5%;
		margin-right: 5%;
	}

	section.call-to-action p {
		margin-right: 2.5%;
		margin-left: 5%;
	}

	.ie7 section.call-to-action p,
	section.call-to-action ul {
		width: 42%;
	}

	ul.demo-promos p.thumb {
		float: left;
		width: 47.5%;
		margin-right: 5%;
		margin-top: 0;
	}

	ul.demo-promos li {
		clear: left;
		overflow: hidden;
	}

	/* changes to download table */

	table.download-table .button {
		font-size: 1.25em;
		display: inline-block;
		white-space: nowrap;
	}

	table.download-table th .options,
	table.download-table tfoot td.options {
		padding-left: 1.25em;
		padding-right: 1.25em;
		padding-top: 0.75em;
	}

	/* support tables */

	table.config-options th,
	table.config-options td {
		text-align: left;
		padding: 0.75em;
		font-size: 0.875em;
	}
} /*/mediaquery*/

/* small screen 540 */

@media only screen and (min-width: 540px) {
	footer ul .mailing-list,
	footer ul li.twitter-feed {
		margin-left: 2.5%;
		margin-right: 2.5%;
		float: left;
		display: inline;
		width: 45%;
	}

	footer ul li.site-info {
		clear: both;
	}

	/* about footer links */

	footer ul.site-info-links li {
		display: inline;
		margin-right: 0.5em;
	}

	.ie7 footer ul .mailing-list,
	.ie7 footer ul li.twitter-feed {
		width: 44%;
	}

	.special-offer p {
		font-size: 1.375em;
	}
} /*/mediaquery*/

/* small screen 640 and bigger */

@media only screen and (min-width: 640px) {
	/* increase banner text size */

	h3 {
		font-size: 2em;
		margin-bottom: 0.25em;
	}

	h1 {
		font-size: 2.2em;
	}

	.banner p {
		font-size: 1.25em;
	}

	h6 {
		font-size: 1.625em;
	}

	section.call-to-action h3 {
		font-size: 2em;
	}

	section.call-to-action p {
		font-size: 1.125em;
	}

	/* home page specific styles */

	/* key features switch layout */

	section.key-features ul li.set-up,
	section.key-features ul li.feature-set {
		float: left;
		display: inline;
		width: 45%;
	}

	.ie7 section.key-features ul li.set-up,
	.ie7 section.key-features ul li.feature-set {
		width: 44%;
	}

	section.key-features ul li.juicebox-types {
		clear: both;
	}

	section.key-features ul li {
		padding-bottom: 1.25em;
	}

	/* download table switches */

	table.download-table th h3 span {
		font-size: 2.4em;
	}

	table.download-table td,
	table.download-table.buy th {
		font-size: 0.875em;
	}

	table.download-table th h3 {
		font-size: 1.2em;
	}

	table.download-table th div,
	table.download-table td {
		line-height: 1.2;
		padding: 1em;
	}

	table.download-table th .options,
	table.download-table tfoot td.options {
		padding-left: 1.5em;
		padding-right: 1.5em;
	}

	table.download-table th em,
	table.download-table tfoot td em {
		font-size: 2em;
	}

	table.download-table td img {
		width: 24px;
		height: 24px;
	}

	/* features list switch to 2 col */

	div.main-content ul.features li {
		/* each col 50% */
		float: left;
		width: 37.5%;
		padding-left: 10%;
	}

	div.main-content ul.features li:nth-child(odd) {
		margin-right: 2.5%;
		clear: left;
	}

	div.main-content ul.features li:nth-child(even) {
		margin-left: 2.5%;
	}

	/* download reasons list 2 cols */

	ul.download-reasons li {
		width: 45%;
		float: left;
		display: inline;
	}

	.ie7 ul.download-reasons li {
		width: 44.5%;
	}

	/* support tables */

	table.config-options th,
	table.config-options td {
		padding: 1em;
		font-size: 1em;
	}

	/* nav layout */

	nav ul li {
		margin-bottom: 0.9375em;
	}

	nav ul li a,
	.btn-link {
		font-size: 1em;
		padding: 0.625em 1.25em;
	}

	/* reviews home page */

	ul.reviews-promos {
		margin-left: 2.5%;
		margin-right: 2.5%;
	}

	ul.reviews-promos li {
		display: inline;
		float: left;
		margin-left: 2.5%;
		margin-right: 2.5%;
		width: 45%;
	}

	ul.reviews-promos li:nth-child(odd) {
		clear: left;
	}

	.special-offer p {
		font-size: 1.675em;
	}

	p.logo {
		height: 87px; /* prevent top menu shift on page load */
	}
} /*/mediaquery*/

/*iPad breakpoint*/

@media only screen and (min-width: 768px) {
	h1 {
		font-size: 2.6em;
	}

	.demo-home ul li,
	.call-to-action ul li {
		float: left;
		width: 47.5%;
		display: inline;
	}

	.ie7 .demo-home ul li,
	.ie7 .call-to-action ul li {
		width: 47%;
	}

	.demo-home ul li#take-tour,
	.call-to-action ul li#take-tour {
		margin-left: 0;
		margin-right: 2.5%;
	}

	.demo-home ul li#download,
	.call-to-action ul li#download {
		margin-right: 0;
		margin-left: 2.5%;
	}

	section.call-to-action ul li#view-demos {
		margin-right: 2.5%;
	}

	section.call-to-action ul li#download {
		margin-left: 2.5%;
	}

	.secondary-content div.image {
		margin-left: 5%;
		margin-right: 2.5%;
		display: inline;
		float: left;
		width: 42.5%;
	}

	.secondary-content div.content {
		margin-left: 2.5%;
		margin-right: 5%;
		display: inline;
		float: left;
		width: 42.5%;
	}

	ul.demo-promos {
		margin-left: 2.5%;
		margin-right: 2.5%;
	}

	ul.demo-promos p.thumb {
		float: none;
		width: auto;
		margin-right: 0;
	}

	ul.demo-promos li {
		margin-left: 2.5%;
		margin-right: 2.5%;
		float: left;
		display: inline;
		width: 28.33%;
		clear: none;
	}

	.ie7 ul.demo-promos li {
		width: 28%;
	}

	ul.demo-promos li:nth-child(3n + 1) {
		clear: left;
	}

	/* features list switch to 3 col */

	ul.features li {
		width: 28.33%;
		float: left;
	}

	/* download table */

	table.download-table .button span {
		display: block;
		font-size: 0.675em;
		text-transform: uppercase;
		white-space: nowrap;
		text-decoration: none;
	}

	table.download-table .button {
		font-size: 1.15em;
	}

	/* buy table */

	table.download-table.buy p.buy-options span {
		display: inline;
		margin-bottom: 0;
		margin-right: 1.25em;
	}

	.special-offer p {
		font-size: 2.25em;
	}

	.special-offer p span {
		font-size: 0.675em;
	}
} /*/mediaquery*/

/*960 px and above */

@media only screen and (min-width: 820px) {
	/* switching main-content and sub nav display */
	.main-content,
	.sub-nav {
		float: left;
		display: inline;
	}

	.sub-nav {
		width: 28.33%;
		margin-right: 2.5%;
	}

	.ie7 .sub-nav {
		width: 28%;
	}

	.main-content {
		width: 56.67%;
		margin-left: 2.5%;
	}

	/* sub nav styles */

	.sub-nav {
		padding-top: 41px;
		background: url(../img/bg-sub-nav.jpg) right top no-repeat;
		margin-top: 0;
	}

	.sub-nav ul li.sel ul {
		display: block; /* show sub nav sub menu options */
	}

	.sub-nav ul {
		background: url(../img/bg-sub-nav-base.jpg) right bottom no-repeat;
		padding: 0 0 40px;
		border: none;
	}

	.sub-nav ul li {
		background: url(../img/bg-sub-nav-off.jpg) right top repeat-y;
		border-top: 1px solid rgba(255, 255, 255, 0.5);
		border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		width: auto; /*restore full width*/
		display: block;
		float: none;
	}

	.sub-nav ul li:nth-child(odd) {
		margin-right: 0;
	}

	.sub-nav ul li:nth-child(even) {
		margin-left: 0;
	}

	.sub-nav ul li a {
		padding: 1em 0 0.5em 1em;
		color: #aa141a;
		-webkit-transition: all 0.25s ease-in-out;
		-moz-transition: all 0.25s ease-in-out;
		-o-transition: all 0.25s ease-in-out;
		-ms-transition: all 0.25s ease-in-out;
		transition: all 0.25s ease-in-out;
		border-bottom: none;
	}

	.sub-nav ul li a:hover {
		background: #faf1f1;
		background: rgba(170, 20, 26, 0.06);
		-webkit-border-top-left-radius: 0.45em;
		-webkit-border-bottom-left-radius: 0.45em;
		-moz-border-radius-topleft: 0.45em;
		-moz-border-radius-bottomleft: 0.45em;
		border-top-left-radius: 0.45em;
		border-bottom-left-radius: 0.45em;
	}

	.sub-nav ul li ul {
		margin-top: 0;
		background: none;
		padding-bottom: 0.875em;
	}

	.sub-nav ul li ul li {
		border-bottom: none;
	}

	.sub-nav ul li ul li a {
		padding-left: 3em;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
	}

	.sub-nav ul li ul li a:hover {
		background: none;
	}

	.sub-nav ul li.sel,
	.sub-nav ul li.sel ul li {
		background: none;
	}

	.sub-nav ul li.sel {
		border-top: 1px solid #f5e5e6;
		border-bottom: 1px solid #f5e5e6;
		border-left: 1px solid #f5e5e6;
		-webkit-border-top-left-radius: 0.45em;
		-webkit-border-bottom-left-radius: 0.45em;
		-moz-border-radius-topleft: 0.45em;
		-moz-border-radius-bottomleft: 0.45em;
		border-top-left-radius: 0.45em;
		border-bottom-left-radius: 0.45em;
		-webkit-box-shadow: inset 2px 2px 2px 2px rgba(170, 20, 26, 0.1);
		-moz-box-shadow: inset -2px -2px 5px rgba(170, 20, 26, 0.1);
		box-shadow: inset 3px 3px 6px rgba(170, 20, 26, 0.05);
	}

	.sub-nav ul li.sel a:hover {
		background: none;
	}

	.sub-nav ul li.sel li a {
		font-weight: normal;
	}

	.sub-nav ul li.sel li a:hover {
		color: #583132;
	}

	/* download table */

	table.download-table td,
	table.download-table.buy th {
		font-size: 1em;
	}

	.button {
		font-size: 1.25em;
	}
} /*/mediaquery*/

/*960 px and above */

@media only screen and (min-width: 960px) {
	h1 {
		font-size: 2.5em;
	}

	#banner h2 {
		font-size: 1.4em;
		margin-top: 0.25em;
	}

	/* home features switch to 3 col */

	section.key-features ul li.set-up,
	section.key-features ul li.feature-set,
	section.key-features ul li.juicebox-types {
		float: left;
		display: inline;
		width: 28.33%;
	}

	section.key-features ul li.juicebox-types {
		float: left;
		display: inline;
		clear: none;
	}

	.ie7 section.key-features ul li.set-up,
	.ie7 section.key-features ul li.feature-set,
	.ie7 section.key-features ul li.juicebox-types {
		width: 28%;
		zoom: 1;
	}

	/* features list switch to 4 col */

	ul.features li {
		width: 20%;
		float: left;
	}

	/* download table */

	table.download-table th div,
	table.download-table tfoot td {
		padding-left: 3em;
		padding-right: 3em;
	}

	table.download-table .button {
		font-size: 1.5em;
		display: inline-block;
		white-space: nowrap;
	}

	table.download-table th em,
	table.download-table tfoot td em {
		font-size: 2.75em;
	}

	table.download-table th b,
	table.download-table tfoot b {
		font-size: 1.25em;
	}
} /*/mediaquery*/

@media only screen and (min-width: 1024px) {
	nav ul {
		position: absolute;
		right: 0;
		margin-left: 0;
		margin-right: 5%;
		margin-top: 2.5em;
		top: 0;
		width: auto;
	}
	nav ul li {
		float: left;
		display: inline;
		width: auto;
		margin-right: 0;
		margin-left: 0.8em;
	}
} /*/mediaquery*/

/* extra download-table MQ to handle 4 columns */
@media only screen and (max-width: 680px) {
	table.download-table th div,
	table.download-table td,
	table.download-table tfoot td {
		font-size: 0.6em;
		line-height: 1.2;
		padding: 0.4em;
		xbackground-color: #f0f !important;
	}
}

/* download thanks page */
.thanks-intro p {
	font-size: 110%;
	line-height: 150%;
}

.thanks-download {
	width: 22%;
	height: 22%;
	margin-left: 5.6%;
	margin-right: 12%;
	float: left;
}

.thanks-intro {
	margin-left: 39.6%;
	margin-right: 7.6%;
}

.thanks-icons {
	margin: 0;
	padding: 20px 0 40px 0;
}

.thanks-icons li {
	display: inline;
	padding: 0;
	margin: 0;
	padding-right: 20px;
	line-height: 32px;
}
.thanks-icons li a {
	color: #3b3b3b;
}

.thanks-icons li img {
	vertical-align: middle;
	padding-right: 10px;
}

@media only screen and (max-width: 768px) {
	.thanks-download {
		display: none;
	}

	.thanks-intro {
		margin-left: 7.6%;
		margin-right: 7.6%;
	}
}
/* download thanks page end */

/* Admin form */

.admin-form input {
	padding: 5px;
	font-size: 100%;
}

.admin-form textarea {
	padding: 5px;
	font-size: 100%;
	outline: none !important;
	border: 1px solid #ccc;
}

.admin-form input[type='text'] {
	outline: none !important;
	border: 1px solid #ccc;
}

/* Social Share buttons */

.fb_iframe_widget span {
	vertical-align: baseline !important;
}

.footer-share {
	padding-bottom: 20px;
}