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

 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;
}

@font-face {
	font-family: 'HeroLight';
	src: url('/fonts/hero_light.eot');
	src: url('/fonts/hero_light.eot?#iefix') format('embedded-opentype'), url('/fonts/hero_light.woff') format('woff'), url('/fonts/hero_light.ttf') format('truetype'), url('/fonts/hero_light.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*/
}

strong {
	font-weight: 600;
}

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

em {
	font-style: italic;
}

i {
  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;
}

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

 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.10);
	-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, body.group-demos section.call-to-action #buy a {
	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 */
#hero-img {
	width:100%;
	height:402px;
	background: url("../img/home/hero-high.jpg") no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

}

#hero-outer {
	width:90%;
	height: 400px;
	max-width: 1000px;
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	text-shadow: 0 0 20px rgba(0,0,0,.15); /* outer glow */
}

#hero-outer[id] {
	display: table;
	position: static;
}

#hero-middle {
	position: absolute;
	top: 50%;
}

#hero-middle[id] {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	position: static;
}

#hero-inner {
	position: relative;
	top: -50%;
}

.action-word {
	font-family: 'HeroRegular', Arial, Verdana, Helvetica, sans-serif;
	font-size: 5.8em;
	line-height: 1em;
	color: #FFF;
	margin-bottom: 10px;
}

.sub-title {
	font-family: 'Herolight', Arial, Verdana, Helvetica, sans-serif;
	font-size: 3.8em;
	line-height: 1em;
	color: #FFF;
}

.no-code {
	font-size: 1.3em;
	letter-spacing: 0;
	text-align: center;
	margin: 25px 0 30px 0;
}

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;
}

/* hero features styles */

.hero-features {
	overflow: hidden;
	padding-bottom: 4em;
}
.hero-features-list {
	list-style-type: none;
	margin: 2.25em 2.5% 2.25em;
	overflow: hidden;
}
.hero-features-list li {
	margin: 0 2.5% 2.25em;
	overflow:hidden;
}
.hero-features-list img {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	width:100%;
	height: auto !important;
	transition: opacity 0.5s ease 0s;
}

.hero-features a:hover img {
	opacity: 0.6;
}

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

 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.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.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.api {
	background: url(../img/features/api.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 {
	background: #e2f2ce;
	background: rgba(113,192,10,0.2);
}

table.download-table .odd .table-col-1, table.download-table .odd .table-col-2 {
	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 div, 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 {
	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;
	max-width: 100%;
	height: auto;
}

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.125em;
	font-style: italic;
	margin: 0.5em 0;
}

/* ADVANCED support label */

.advanced:after {
	content: "advanced";
	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.advanced:after {
	background: #cb4f54;
	color: #fff;
}

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

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

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

h4.advanced: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: 74px;
	height: 74px;
	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 */

li.mailing-list label {
	display: none;
}

li.mailing-list input {
	background: #FFFFFF;
	color: #3B3B3B;
	font-family: 'proxima-nova', Arial, Verdana, Helvetica, sans-serif;
	font-size: 1em;
	display: block;
	width: 100%;
	border: none;
	-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;
}

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

li.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.375em 0.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 li.mailing-list input[type="submit"], .ie7 li.mailing-list input[type="submit"], .ie6 li.mailing-list input[type="submit"] {
	background: #858384 url(../img/ie-bg-mailing-btn.jpg) repeat-x left top; /* IE8 - 6 */
	padding-top: 0.75em;
}

li.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;
}

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

/* placeholder styles */

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

li.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;
}

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) {

	#hero-img, #hero-outer {
		height:260px;
	}

	p.logo img {
		max-width: 50%;
	}

	.action-word {
		font-size: 3.8em;
	}

	.sub-title {
		font-size: 1.8em;
	}

}/*/mediaquery*/

/* smartphone landscape */

@media only screen and (min-width: 480px) {

	#hero-img, #hero-outer {
		height:260px;
	}

	.action-word {
		font-size: 3.8em;
	}

	.sub-title {
		font-size: 1.8em;
	}

	/* 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) {

	#hero-img, #hero-outer {
		height:320px;
	}

	.action-word {
		font-size: 4.8em;
	}

	.sub-title {
		font-size: 2.8em;
	}

	footer ul li.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 li.mailing-list, .ie7 footer ul li.twitter-feed {
		width: 44%;
	}

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

	/* home showkase hero features */
	.hero-features-list li {
		width:45%;
		margin:0 2.5% 1.25em;
		float:left;
		display:inline;
	}
	.hero-features-list li:nth-child(odd) {
		clear:left;
	}

}/*/mediaquery*/

/* small screen 640 and under */

@media only screen and (min-width: 640px) {

	#hero-img, #hero-outer {
		height:320px;
	}

	.action-word {
		font-size: 4.8em;
	}

	.sub-title {
		font-size: 2.8em;
	}

	/* 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, 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;
	}

}/*/mediaquery*/

/*iPad breakpoint*/

@media only screen and (min-width: 768px) {

	#hero-img, #hero-outer {
		height:350px;
	}

	.action-word {
		font-size: 4.8em;
	}

	.sub-title {
		font-size: 2.8em;
	}

	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) {

	#hero-img, #hero-outer {
		height:402px;
	}

	.action-word {
		font-size: 5.8em;
	}

	.sub-title {
		font-size: 3.8em;
	}

	/* 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) {

	#hero-img, #hero-outer {
		height:402px;
	}

	.action-word {
		font-size: 5.8em;
	}

	.sub-title {
		font-size: 3.8em;
	}


	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 th, 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;
	}

	/* home showkase hero features */
	.hero-features-list li {
		width:28.3333%;
	}
	.hero-features-list li:nth-child(odd) {
		clear:none;
	}
	.hero-features-list li:nth-child(3n+1) {
		clear:left;
	}
}/*/mediaquery*/

/* switch top nav layout when screen gets skinny */
@media only screen and (min-width: 800px) {

	#hero-img, #hero-outer {
		height:402px;
	}

	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*/

/* 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;
}