/* @override 
	http://www.ohjoy.com/css/stylesheet.css
	http://www.ohjoy.com/css/stylesheet.css?2014-02-10
	http://www.ohjoy.com/css/stylesheet.css?2015-01-12
	http://www.ohjoy.com/css/stylesheet.css?2015-05-11
*/

@charset "UTF-8";

/* @group General */

html,body {
	background-color: #fff;
}
body {
	min-width: 1040px;
	margin: 0;
	color: #323133;
	-webkit-text-size-adjust: none;
}
a {
	color: inherit;
	text-decoration: none;
}
article a:hover {
	xcolor: #2ecc9e;
}
header,
nav,
article,
footer {
	display: block;
	width: 936px;
	margin: 0 auto;
	clear: both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
/* @end */

/* @group Header */

header h1 {
	width: 108px;
	height: 105px;
	padding: 0;
	margin: 35px auto 0 auto;
}
header h1 a {
	display: block;
	overflow: hidden;
	text-indent: -10000px;
	width: 108px;
	height: 105px;
	margin-top: 0 auto;
	background-image: url(../images/ohjoy.png);
	background-repeat: no-repeat;
	background-position: center center;
}

/* @end */

/* @group Nav */

nav {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	margin-top: 35px;
	text-transform: uppercase;
	font-size: 12px;
	letter-spacing: 2px;
}
nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}


/* @group Page Nav
 */

nav ul.page-nav {
	float: left;
}
nav ul.page-nav li {
	transition: color .2s;
	display: inline;
}
nav ul.page-nav li:after {
	content: "\2022";
	padding: 0 17px 0 17px;
	color: #000;
	display: inline;
}
nav ul.page-nav li.contact:after {
	content: "\2022";
	padding: 0 0px 0 17px;
	color: #000;
	display: inline;
}
nav ul.page-nav li.active,
nav ul.page-nav li:hover {
	color: #2ecc9e;
}

/* @end */

/* @group Social Media Nav */

nav ul.social-media {
	float: right;
}
nav ul.social-media li {
	display: inline-block;
	width: 22px;
	height: 17px;
	margin: 0 0 0 11px;
}
nav ul.social-media li.twitter {
	margin-left: 0px;
}
nav ul.social-media li a {
	display: inline-block;
	width: 22px;
	height: 17px;
	overflow: hidden;
	text-indent: -10000px;
	background-image: url(../images/social-media.png);
	background-repeat: no-repeat;
}
nav ul.social-media li.twitter a {
	background-position: 0 0;
}
nav ul.social-media li.facebook a {
	background-position: -34px 0;
}
nav ul.social-media li.googleplus a {
	background-position: -66px 0;
}
nav ul.social-media li.youtube a {
	background-position: -104px 0;
}
nav ul.social-media li.instagram a {
	background-position: -139px 0;
}
nav ul.social-media li.pinterest a {
	background-position: -175px 0;
}

/* @end */

/* @end */

/* @group Article */

article {
	position: relative;
	min-height: 200px;
	padding: 25px 0;
	color: #323133;
	font-family: Cambria, Georgia, "Times New Roman", "Times", "Serif";
	font-size: 13px;
}
/* @end */

/* @group Footer */

footer {
	font-family: cambria, georgia, "times new roman", times, serif;
	text-align: center;
	color: #97999c;
	font-size: 12px;
	padding-bottom: 25px;
}
footer span:first-child:after {
	content: "\2022";
	padding: 0 13px 0 15px;
	color: #97999c;
	display: inline;
}

/* @end */

/* @group Modules */
div.prevnext a:hover {
	color: #2ecc9e;	
}
div.slideshow-info a.go-back:hover {
	color: #31e5b1;	
}

/* @group Contact & About */
img.image_left {
	margin-left: -2px;
	float:  left;
}
aside {
	position: absolute;
	color: white;	
	text-align: center;
}
aside h3 {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;	
}
article div.text_page a:hover {
	color: #2ecc9e;
}
/*About*/
body.about article.text_page {
	background-image: none;
}
body.about article div.text_page {
	float: right;
	width: 292px;
	padding: 0px;
	margin-left: 16px;
	text-align: left;
	line-height: 17px;	
	background-image: none;
	color: #323133;
}
body.about aside {
	top: 52px;
	left: -45px;
	width: 65px;
	height: 86px;
	padding: 11px 10px 9px 6px;
	text-align: center;
}
body.about aside h3 {
	line-height: 58px;
}
body.about aside h3:before , body.about aside h3:after {
	content: " ";
	display: block;
	background-color: white;
	width: 30px;
	height: 1px;
}
body.about aside h3:before {
	margin: 0px 0px 0px 17px;		
}
body.about aside h3:after {
	margin: 5px 0px 0px 17px;		
}

/*Contact, Thank You, RX*/
body.contact aside, body.thank_you aside {
	top: 49px;
	left: -50px;	
	width: 125px;
	height: 189px;
	line-height: 17px;
	padding: 10px 15px;
}
body.contact aside h3, body.thank_you aside h3 {
	margin-top: 18px;
}

body.contact aside h3:before, body.thank_you aside h3:before {
	content: " ";
	display: block;
	background-color: white;
	width: 30px;
	height: 1px;
	margin: 10px 0 10px 46px;	
}
body.contact aside h3:after, body.thank_you aside h3:after {
	content: " ";
	display: block;
	background-color: white;
	width: 30px;
	height: 1px;
	margin: 10px 0 10px 46px;	
}
article.text_page {
	background-image: url('../images/contact_pg_bg.jpg');
	background-repeat: no-repeat;
	background-position: right 25px;	
}
article.text_page div.text_page {
	color: white;
	float: right;
	width: 230px;
	padding: 0px 40px;
	text-align: center;
	padding-top: 34px;
	line-height: 17px;
}
article.text_page div.text_page h3 {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;	
}
article.text_page div.text_page h3:after {
	content: " ";
	display: block;
	background-color: white;
	width: 30px;
	height: 1px;
	margin: 10px 0 10px 99px;	
}
h3.mailing_list {
	margin-top: 45px;
}
body.contact form input {
	width: 	154px;
	font-family: Cambria, Georgia, "Times New Roman", "Times", "Serif";
	font-style: italic;
	font-size: 13px;
	margin-top: 10px;
	text-align: center;
	margin-bottom: 15px;
	padding: 4px 0px;
}
body.contact form a {
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
}

body.contact form a {
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/* @end */

/* @group Home */

div.module.module-home {
	width: 936px;
}
div.module.module-home div.home-block {
	float: left;
	position: relative;
}
div.module.module-home div.home-block .home-block-overlay {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 0 0;
	color: white;
	font-family: "League Gothic", "Impact", "Helvetica", "Arial", sans-serif;
	font-size: 13px;
}
div.module.module-home div.home-block .home-block-overlay div {
	margin: 10px 15px;
}
div.module.module-home div.home-block .home-block-overlay div:nth-child(1) {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 15px;
}

/* @group Block 1 */
div.module.module-home div.block-1 .home-block-overlay div {
	margin: 10px 8px 10px 15px;	
}
div.module.module-home div.block-1 .home-block-overlay div:nth-child(2) {
	font-family: Cambria, Georgia, "Times New Roman", "Times", "Serif";
}
div.module.module-home div.block-1 .home-block-overlay div:nth-child(2):after,
div.module.module-home div.block-1 .home-block-overlay div:nth-child(2):before {
	content: " ";
	display: block;
	background-color: white;
	width: 30px;
	height: 1px;
	margin: 10px 0 10px -3px;
}
div.module.module-home div.block-1 .home-block-overlay div:nth-child(3) {
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
}
div.module.module-home div.block-1 .home-block-overlay div:nth-child(4) {
	font-family: Cambria, Georgia, "Times New Roman", "Times", "Serif";
	font-style: italic;
}

/* @end */



/* @group Block 2 */
div.module.module-home div.block-2 {
	margin-left: 10px;
}
div.module.module-home div.block-2 .home-block-overlay div:nth-child(2) {
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
}
div.module.module-home div.block-2 .home-block-overlay div:nth-child(2):before {
	content: " ";
	display: block;
	background-color: white;
	width: 30px;
	height: 1px;
	margin: 10px 0 10px -3px;
}
div.module.module-home div.block-2 .home-block-overlay div:nth-child(3) {
	font-family: Cambria, Georgia, "Times New Roman", "Times", "Serif";
	font-style: italic;
}

/* @end */

/* @group Blocks 3 & 4 */
div.module.module-home div.block-3,
div.module.module-home div.block-4 {
	margin: 8px 10px 0 0;
}
div.module.module-home div.block-3 .home-block-overlay div,
div.module.module-home div.block-4 .home-block-overlay div {
	text-align: center;
}
div.module.module-home div.block-3 .home-block-overlay div:after,
div.module.module-home div.block-3 .home-block-overlay div:before,
div.module.module-home div.block-4 .home-block-overlay div:after,
div.module.module-home div.block-4 .home-block-overlay div:before {
	content: " ";
	display: block;
	background-color: white;
	width: 30px;
	height: 1px;
	margin: 10px auto 10px auto;
}
div.module.module-home div.block-3 .home-block-overlay div {
	position: relative;
	top: 8px;
}


/* @end */

/* @group Block 5 */
div.module.module-home div.block-5 .home-block-overlay {
	margin-top: 21px;
	text-align: center;
	color: #323133;
	font-family: Cambria, Georgia, "Times New Roman", "Times", "Serif";
	width: 100%;
}
div.module.module-home div.block-5 .home-block-overlay div:nth-child(1) {
	width: 107px;
	height: 34px;
	margin: 15px auto;
	background-image: url(../images/contact_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 34px;
}
div.module.module-home div.block-5 .home-block-overlay div:nth-child(2):after {
	content: " ";
	display: block;
	background-color: #323133;
	width: 30px;
	height: 1px;
	margin: 20px auto 10px auto;
}
div.module.module-home div.block-5 .home-block-overlay div:nth-child(3) {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 1px;

	width: 137px;
	height: 38px;
	margin: 15px auto;
	background-image: url(../images/mailing_list_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 38px;	
}
div.module.module-home div.block-5 input:nth-child(1) {
	font-style: italic;
	text-align: center;
	display: block;
	margin: 0 auto;
	border: 1px solid #323133;
	padding: 6px 15px;
}
div.module.module-home div.block-5 form a {
	display: block;
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-top: 10px;
}
div.module.module-home div.block-5 a:hover {
	color: #2ecc9e;
}

/* @end */



/* @end */

/* @group Books */

div.module.module-books div.book-block {
	width: 460px;
	float: left;
}
div.module.module-books div.book-block:nth-child(odd) {
	margin-right: 14px;
}
div.module.module-books div.book-block.three-wide {
	width: 302px;
	float: left;	
}
div.module.module-books div.book-block.three-wide:nth-child(1),
div.module.module-books div.book-block.three-wide:nth-child(2) {
	margin-right: 14px;
}
div.module.module-books div.book-block.three-wide:nth-child(3) {
	margin-right: 0px;
}

div.module.module-books div.book-block div.book-publisher {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 15px;
	text-transform: uppercase;
}
div.module.module-books div.book-block div.book-publisher:after {
	content: " ";
	display: block;
	background-color: #323133;
	width: 30px;
	height: 1px;
	margin: 8px 0 10px -3px;
}
div.module.module-books div.book-block div.book-title {
	margin-top: 8px;
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
div.module.module-books a.buy {
		font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 10px;
	text-transform: uppercase;
	display: block;
	width: 107px;
	height: 34px;
	margin: 15px 0 15px 0px;
	background-image: url(../images/contact_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 34px;
	text-align: center;
}
div.module.type-books div.slideshow-info-title {
	width: 135px;
}
div.module.type-books div.slideshow-controls {
	display: none;
}
div.module.type-books div.prevnext {
	display: none;
}
div.module.type-books div.slideshow-info a.slideshow-info-buy {
	margin-left: -15px;
}
/* @end */

/* @group Products */
div.module.module-products div.product-block {
	display: block;
	width: 300px;
	height: 407px;
	margin-right: 13px;
	float: left;
}
div.module.module-products div.product-block:nth-child(3n+3) {
	margin-right: 0;
}
div.module.module-products div.product-block div.product-type {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 10px;
	text-transform: uppercase;
}
div.module.module-products div.product-block div.product-type:after {
	content: " ";
	display: block;
	background-color: #323133;
	width: 30px;
	height: 1px;
	margin: 8px 0 10px -3px;
}
div.module.module-products div.product-block div.product-title {
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
div.module.module-products div.past_product_marker {
	font-family: "futura-pt",sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 11px;
  letter-spacing: 2px;
  margin: -10px 400px 24px 400px;
  text-transform: uppercase;
  display: block;
  width: 130px;
  height: 34px;
  background-image: url(../images/past_products_bg.png);
  background-repeat: no-repeat;
  background-position: center center;
  line-height: 34px;
  text-align: center;
}
/* @end */



/* @group Past Work */

div.module.module-past_work div.past_work-block {
	width: 300px;
	height: 407px;
	float: left;
	margin-right: 13px;
}
div.module.module-past_work div.past_work-block:nth-child(3n+3) {
	margin-right: 0;
}
div.module.module-past_work div.past_work-block div.past_work-type {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 10px;
	text-transform: uppercase;
}
div.module.module-past_work div.past_work-block div.past_work-type:after {
	content: " ";
	display: block;
	background-color: #323133;
	width: 30px;
	height: 1px;
	margin: 8px 0 10px -3px;
}
div.module.module-past_work div.past_work-block div.past_work-title {
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/* @end */

/* @group Press */

div.module.module-press div.press-block {
	width: 225px;
	height: 334px;
	float: left;
	margin-right: 12px;
}
div.module.module-press div.press-block:nth-child(4n+4) {
	margin-right: 0;
}
div.module.module-press div.press-block div.press-date {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 10px;
	text-transform: uppercase;
}
div.module.module-press div.press-block div.press-date:after {
	content: " ";
	display: block;
	background-color: #323133;
	width: 30px;
	height: 1px;
	margin: 8px 0 10px -3px;
}
div.module.module-press div.press-block div.press-title {
	xmargin-bottom: 25px;
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
/* @end */

/* @group Slideshow */
div.module.module-slideshow {
	position: relative;
}
div.slideshow-info {
	width: 140px;
	float: left;
	margin-right: 8px;
}
div.slideshow-info a.go-back {
	color: #2ecc9e;
	font-style: italic;
}
div.slideshow-info div.slideshow-info-subtitle {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 10px;
	text-transform: uppercase;
}
div.slideshow-info div.slideshow-info-title {
	font-family: "league-gothic",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 22px;
	letter-spacing: 1px;
	text-transform: uppercase;
}
div.slideshow-info div.slideshow-info-description {
	line-height: 17px;
}
div.slideshow-info div.slideshow-info-description a {
	text-decoration: underline;
}
div.slideshow-info a.slideshow-info-buy {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 2px;
	margin-top: 10px;
	text-transform: uppercase;
	display: block;
	width: 107px;
	height: 34px;
	margin: 15px 0 15px -22px;
	background-image: url(../images/contact_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	line-height: 34px;
	text-align: center;
}
div.slideshow-info div.slideshow-info-subtitle:before,
div.slideshow-info div.slideshow-info-title:before,
div.slideshow-info div.slideshow-info-description:before {
	content: " ";
	display: block;
	background-color: #323133;
	width: 30px;
	height: 1px;
	margin: 10px 0 10px -3px;
}
div.slideshow-content {
	width: 785px;
	position: relative;
	float: left;
}
div.slides_container {
    width: 785px;
}
.slides_container div {
    width: 785px;
    display:block;
}
div.slides_control {
	width: 785px;
}
div.prevnext {
	position: absolute;
	width: 80px;
	text-align: center;
	z-index: 20000;
	right: -40px;
	top: 52px;
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 700;
	font-size: 11px;
	letter-spacing: 1px;
	margin-top: 10px;
	text-transform: uppercase;
}
div.prevnext a {
	display: block;
}
div.prevnext a:before {
	content: " ";
	display: block;
	background-color: #323133;
	width: 13px;
	height: 1px;
	margin: 6px auto 6px auto;
}
div.slideshow-controls {
	position: absolute;
	background-color: white;
	border: 4px solid #323133;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 10000;
	top: 30px;
	right: -40px;
	width: 80px;
	height: 100px;
	text-align: center;
	padding-top: 11px;
}
/* @end */

/* @end */



/* Retina */
@media 
(-webkit-min-device-pixel-ratio: 2), 
(min-resolution: 192dpi) { 
	h1 a {
		background-image: url(../images/ohjoy-2x.jpg);
		background-size: contain;
	}
}