/* http://meyerweb.com/eric/tools/css/reset/ */
/* 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,font,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 { margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }
body { line-height:1; }
ol,ul { list-style:none; }
blockquote,q { quotes:none; }
blockquote:before,blockquote:after,q:before,q:after { content:'';content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
table { border-collapse:collapse;border-spacing:0; }

/*-  SELF-CLEARING FLOATS
----------------------------------------------------------------------*/

.mod:after,
#mast:after,
#mast #nav:after,
#content:after,
.featured:after,
.price:after,
div.intro:after,
ul.products-list:after,
body.sect-home ul.testimonials:after,
#author:after,
a#eeinsider:after,
#footer:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


/*-  BASE STYLES
----------------------------------------------------------------------*/

body {
	background: #d35307;
	color: #666d74;
	font: normal 12px/18px "Helvetica Neue", Arial, Helvetica, "Lucida Grande", verdana, sans-serif;
	text-align: left;
}
hr,
p.skip {
	left: -90000px;
	position: absolute;
	top: 0;
	width: 1px;
}
abbr,
acronym {
	cursor: help;
}
a {
	color: #3186bc;
	font-weight: bold;
	outline: none;
	text-decoration: none;
}
a:hover,
a:focus {
	color: #0e5d8f;
}
a:active {
	color: #054269;
}
input.btn {
	background: #999fa5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: none;
	color: #fff;
	font: bold 12px/1 "Helvetica Neue", Arial, Helvetica, "Lucida Grande", verdana, sans-serif;
	outline: none;
	padding: 8px 10px;
}
input.btn:hover {
	background: #666d74;
}
input.btn:active {
	background: #4f5559;
}
input[type="submit"]::-moz-focus-inner {
	border: 0;
}
input.text,
textarea {
	border: 1px solid #7C7C7C;
	border-color: #7C7C7C #7C7C7C #C3C3C3 #C3C3C3;
}
a.button {
	background: #f07125;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	outline: none;
	padding: 8px 10px;
}
a:hover.button {
	background: #d35307;
}
a:active.button {
	background: #bf4700;
}
p {
	margin-bottom: 21px;
}
h1, h2, h3, h4 {
	color: #33383e;
	font-weight: normal;
}
h1 {
	border-bottom: 1px solid #e6e9eb;
	font-size: 36px;
	letter-spacing: -1px;
	line-height: 39px;
	margin: 0 40px 32px;
	padding: 0 0 31px 300px;
}
h1 a {
	color: #33383e;
}
h2 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 10px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}
ul.list,
ol.list {
	margin: 18px 0 0 36px;
}
ul.list li,
ol.list li {
	padding-left: 3px;
}
ul.list li {
	list-style-type: square;
}
ol.list li {
	list-style-type: decimal;
}
ol.list ol li {
	list-style-type: decimal;
}
ol.list ul li {
	list-style-type: square;
}


/*-  GLOBAL COMBINATIONS
----------------------------------------------------------------------*/


/*-  STRUCTURE
----------------------------------------------------------------------*/

#page {
	background: #fff;
	-webkit-border-radius: 4px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius: 4px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-radius: 4px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
	margin: 40px auto 0;
	width: 960px;
}
#mast {
	margin-bottom: 30px;
	padding: 0 40px;
}
#content {
	background: url("images/bg-mast.png") no-repeat;
	padding-top: 37px;
}
#primary {
	float: right;
	margin-right: 40px;
	width: 580px;
}
#additional {
	float: left;
	margin-left: 40px;
	width: 260px;
}
#footer {
	color: #ffa56e;
	line-height: 18px;
	margin: 40px auto;
	padding: 0 40px;
	width: 880px;
}


/*-  MAST
----------------------------------------------------------------------*/

#mast h1 {
	border: none;
	float: left;
	letter-spacing: normal;
	line-height: 1;
	margin: 0;
	padding: 0;
}
#mast h1 a {
	background: url("images/mijingo-logo.gif") no-repeat;
	display: block;
	text-indent: -90000px;
	height: 57px;
	width: 130px;
}


/*-  MAST NAV
----------------------------------------------------------------------*/

body.sect-home #mast #nav li.nav-home a,
body.sect-products #mast #nav li.nav-products a,
body.sect-about #mast #nav li.nav-about a {
	color: #33383e;
}
#mast #nav {
	float: right;
	font-size: 14px;
	line-height: 1;
}
#mast #nav li {
	float: left;
}
#mast #nav li a {
	border-left: 1px solid #e6e9eb;
	color: #b4b9bd;
	display: block;
	height: 57px;
	padding-left: 19px;
	position: relative;
	width: 130px;
}
#mast #nav li a:hover {
	color: #666d74;
}
#mast #nav li a span {
	bottom: -1px;
	position: absolute;
	font-style: normal;
}


/*-  FEATURED
----------------------------------------------------------------------*/

.featured {
	background: #30383b url("images/bg-featured.jpg") no-repeat;
	color: #b4b9bd;
	margin-bottom: 40px;
	padding: 40px;
}
.featured p.image {
	float: left;
	margin: 0;
}
.featured .content {
	float: right;
	margin-top: -4px;
	width: 580px;
}
.featured h2,
body.sect-home .featured h2 {
	color: #fff;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 36px;
	margin-bottom: 9px;
}
.featured h2 a,
body.sect-home .featured h2 a {
	color: #fff;
	display: block;
	font-weight: normal;
}
.featured h2 a:hover,
body.sect-home .featured h2 a:hover {
	color: #dee2e6;
}
.featured p.product-type,
.featured p.author,
body.individual p.product-type,
body.individual p.author {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 6px;
}
.featured p.description {
	font-size: 14px;
	line-height: 21px;
	margin: 27px 0 0;
}
.featured .price {
	margin-top: 27px;
}
.featured .price p {
	color: #fff;
	float: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0;
}
.featured .price p span {
	color: #b4b9bd;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
.featured p.image img {
	border: 5px solid #666d74;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
}


/*-  CONTENT
----------------------------------------------------------------------*/

.price p {
	color: #33383e;
	float: left;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 0;
}
.price p span {
	color: #666d74;
	font-size: 14px;
	font-style: normal;
	font-weight: normal;
}
.price a.button {
	float: left;
	margin: -3px 0 0 20px;
}
ul.testimonials li {
	background: url("images/quote.gif") 0 4px no-repeat;
	padding-left: 75px;
}
ul.testimonials li p {
	font-size: 14px;
	line-height: 21px;
	margin-bottom: 0;
}
ul.testimonials li p.cite {
	color: #999fa5;
	font-size: 12px;
	margin-bottom: 21px;
}
ul.testimonials li.last p.cite {
	margin-bottom: 0;
}


/*-  PRIMARY CONTENT
----------------------------------------------------------------------*/

#primary h2,
#primary h3,
#primary h4,
#primary p {
	padding-right: 75px;
}
#primary p.intro {
	border-bottom: 1px solid #e6e9eb;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 24px;
	padding: 0 0 24px;
}
#primary ul p,
#primary ol p,
#primary ul h2,
#primary ol h2,
#primary ul h3,
#primary ol h3,
#primary ul h4,
#primary ol h4 {
	margin-right: 75px;
	padding-right: 0;
}


/*-  ADDITIONAL CONTENT
----------------------------------------------------------------------*/

#additional ul.testimonials {
	background: url("images/quote.gif") 0 0 no-repeat;
	padding: 18px 0 0 25px;
}
#additional ul.testimonials li {
	background: none;
	padding-left: 0;
}
#additional ul.testimonials li p {
	margin-bottom: 3px;
}
#additional ul.testimonials li p.cite {
	margin-bottom: 21px;
}


/*-  HOMEPAGE
----------------------------------------------------------------------*/

body.sect-home h2 {
	font-size: 24px;
	line-height: 27px;
	margin-bottom: 10px;
}
body.sect-home h3 {
	font-size: 18px;
	line-height: 24px;
}
body.sect-home #content {
	background: none;
	padding-top: 10px;
}
body.sect-home .products {
	border-bottom: 1px solid #e6e9eb;
	padding: 0 40px;
	margin-bottom: 40px;
}
body.sect-home ul.products-list {
	width: 880px;
}
body.sect-home div.testimonials {
	padding: 0 40px;
}
body.sect-home ul.testimonials li {
	float: left;
	margin-right: 20px;
	width: 205px;
}
body.sect-home ul.testimonials li.last {
	margin-right: 0;
}
body.sect-home ul.testimonials p.cite {
	margin: 0;
}


/*-  PRODUCTS
----------------------------------------------------------------------*/

body.products-index .products {
	margin-top: 8px;
	padding: 0 40px;
}
body.products-index div.intro p {
	margin-top: 31px;
}
body.products-index #content {
	padding-bottom: 0;
}
div.intro {
	border-bottom: 1px solid #e6e9eb;
	margin-bottom: 36px;
	padding-bottom: 30px;
}
div.intro h2,
body.sect-home div.intro h2 {
	border: none;
	color: #666d74;
	float: left;
	font-size: 36px;
	font-weight: normal;
	letter-spacing: -1px;
	line-height: 1;
	margin: 0;
	padding: 0;
	width: 430px;
}
div.intro h2 b,
body.sect-home div.intro h2 b {
	color: #33383e;
	font-weight: bold;
}
div.intro p {
	float: right;
	font-size: 14px;
	line-height: 21px;
	margin-top: 10px;
	margin-bottom: 0;
	width: 430px;
}
body.sect-products 
body.sect-products #content {
	background: url("images/bg-mast-products.png") no-repeat;
}
ul.products-list li {
	float: left;
	margin: 0 20px 40px 0;
	width: 430px;
}
ul.products-list li.last {
	margin-right: 0;
}
ul.products-list p {
	margin: 0;
}
ul.products-list p.image {
	float: left;
}
ul.products-list .content {
	float: right;
	width: 280px;
}
ul.products-list img {
	border: 5px solid #fff;
	box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 0 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.2);
}
ul.products-list p.product-type,
ul.products-list p.author {
	font-size: 14px;
	line-height: 21px;
}
ul.products-list p.author {
	margin-bottom: 21px;
}
ul.products-list h3 {
	font-weight: bold;
	margin: 0;
}
ul.products-list p.soon {
	margin-top: 21px;
}
ul.products-list p.description,
ul.products-list p.button {
	margin-top: 21px;
}
#author {
	background: #e6e9eb;
	border: 1px solid #cfd2d5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-background-clip: padding-box;
	margin-top: 40px;
	padding: 20px 20px 2px;
	width: 465px;
}
#primary #author p.image {
	float: left;
	margin: 0 0 20px;
	padding: 0;
	width: 110px;
}
#primary #author p.image img {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#primary #author h2 {
	margin: 0 0 9px;
	padding: 0 0 0 130px;
}
#primary #author p {
	padding: 0 0 0 130px;
}
body.individual #content {
	padding-top: 50px;
}
body.individual #primary {
	margin-top: -5px;
}
body.individual .title {
	border-bottom: 1px solid #e6e9eb;
	margin-bottom: 33px;
	padding-bottom: 35px;
}
body.individual #primary h1 {
	border: none;
	margin: 0 0 9px;
	padding: 0;
}
body.individual #primary h1 span {
	color: #666d74;
	display: block;
	font-size: 18px;
	font-style: normal;
	line-height: 24px;
	margin-top: 6px;
}
body.individual #primary p.author {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	padding: 0;
}
body.individual #primary p.author span {
	color: #33383e;
	font-weight: normal;
}
body.individual #content p.intro {
	margin: -13px 0 40px;
}
#additional .product {
	background: #e6e9eb;
	border: 5px solid #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	margin: 0 0 40px;
}
#additional .product h2 {
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
	margin-bottom: 0;
}
#additional p.description {
	font-size: 14px;
	line-height: 21px;
}
#additional .product p.image {
	border-bottom: 5px solid #fff;
	margin-bottom: 0;
}
#additional .product .price {
	border-bottom: 1px solid #cfd2d5;
	margin-bottom: 20px;
	padding: 20px;
}
#additional .product .price a.button {
	float: right;
	margin: -3px 0 0 0;
}
#additional .product .details {
	padding: 0 20px;
}


/*-  CART
----------------------------------------------------------------------*/

body.sect-cart #content {
	background: url("images/bg-mast-cart.png") no-repeat;
}


/*-  NEWSLETTER
----------------------------------------------------------------------*/

.newsletter {
	border-top: 1px solid #e6e9eb;
	margin-top: 40px;
	padding: 20px 40px;
	text-align: center;
}
.newsletter p,
.newsletter form {
	display: inline;
}
.newsletter p {
	padding-right: 20px;
}
input.newsletter-field {
	background: url("images/bg-field.gif") repeat-x;
	border: 1px solid #e6e9eb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #999fa5;
	font: normal 12px/1 "Helvetica Neue", Arial, Helvetica, "Lucida Grande", verdana, sans-serif;
	margin-right: 5px;
	outline: none;
	padding: 7px;
	width: 152px;
}
input.newsletter-field:focus {
	border: 1px solid #999fa5;
	color: #666d74;
}


/*-  EE INSIDER
----------------------------------------------------------------------*/

a#eeinsider {
	background: #d35307 url("images/bg-eeinsider.jpg") no-repeat;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	display: block;
	height: 112px;
	overflow: hidden;
}
a#eeinsider span.logo {
	background: url("images/eeinsider.png") no-repeat;
	display: block;
	float: left;
	height: 41px;
	margin: 36px 0 0 40px;
	width: 267px;
	text-indent: -90000px;
}
a:hover#eeinsider span.logo {
	background-position: 0 -38px;
}
a#eeinsider span.info {
	display: block;
	float: right;
	margin: 33px 40px 0 0;
	width: 580px;
}
a#eeinsider span.headline {
	color: #efedd6;
	display: block;
	font-size: 14px;
	line-height: 24px;
}
a#eeinsider span.details {
	color: #b7b599;
	display: block;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	line-height: 21px;
}
a#eeinsider em b {
	color: #ffbe72;
}


/*-  FOOTER
----------------------------------------------------------------------*/

#footer a {
	color: #ffc4a0;
	font-weight: normal;
}
#footer a:hover {
	color: #fff;
}
body.sect-home #footer li.nav-home a,
body.sect-products #footer li.nav-products a,
body.sect-cart #footer li.nav-cart a,
body.sect-code #footer li.nav-code a,
body.sect-about #footer li.nav-about a {
	color: #fff;
}
#footer .nav {
	float: left;
	padding-top: 3px;
	width: 505px;
}
#footer .nav li {
	color: #ffc5a3;
	display: inline;
	padding-right: 20px;
}
.copyright {
	float: right;
	margin-bottom: 0;
	min-height: 26px;
	text-align: right;
	width: 355px;
}
.copyright p {
	float: left;
	padding: 3px 0 0 0;
	width: 244px;
}
.copyright div {
	float: right;
}
a.twitter {
	background: url("images/icon-twitter.gif") no-repeat;
	display: block;
	float: left;
	height: 16px;
	margin-top: 4px;
	text-align: left;
	text-indent: -90000px;
	width: 16px;
}
a.logo {
	background: url("images/mijingo-logo-footer.gif") no-repeat;
	display: block;
	float: right;
	height: 24px;
	margin-left: 20px;
	text-align: left;
	text-indent: -90000px;
	width: 55px;
}

/* FASTSPRING-SPECIFIC STYLES */

h3.core-form-field-group-header {
	margin-bottom: 10px;
}

.core-form-field-group {
	margin-bottom:15px;
}