@charset "UTF-8";
/*******************************
		TYPE
*******************************/
/* NAV MAIN & TITLES MAIN */
@font-face {
	font-family: 'tradegoth-b';
	src: url('../fonts/tradegothb.eot'); /*fuck off ie*/
	src: url('../fonts/tradegothb.eot?#iefix') format('embedded-opentype'), /*double-fuck off ie*/
			url('../fonts/tradegothb.woff') format('woff'),
			url('../fonts/tradegothb.ttf') format('truetype'),
			url('../fonts/tradegothb.svg#tradegothb') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* TITLES */
@font-face {
	font-family: 'tradegoth-ext';
	src: url('../fonts/tradegothext.eot');
	src: url('../fonts/tradegothext.eot?#iefix') format('embedded-opentype'),
			url('../fonts/tradegothext.woff') format('woff'),
			url('../fonts/tradegothext.ttf') format('truetype'),
			url('../fonts/tradegothext.svg#tradegothext') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* TITLES DECORATIVE VARIANT */
@font-face {
	font-family: 'latin';
	src: url('../fonts/latin.eot');
	src: url('../fonts/latin.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/latin.woff') format('woff'),
			 url('../fonts/latin.ttf') format('truetype'),
			 url('../fonts/latin.svg#latincon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/*******************************
		SITE-WIDE
*******************************/

html {
	background: #3D7581 url(../im/sitewide/kl_bkg.gif) left top;
	height:100%;
}
/*micro-clearfix by Nicolas Gallagher http://nicolasgallagher.com/micro-clearfix-hack/ */
/* micro-clearfix for modern browsers */
.cf.before,
.cf:after{
	content:" ";
	display:table;
}
.cf after{
	clear:both;
}
/* micro-clearfix for the former-monopoly browser */
.cf{
	zoom:1;
}

/*******************************
		RESETS
*******************************/
html, body, header, nav, article, aside, footer, section, canvas, menu, button, div, h1, h2, h3, h4, h5, h6, p, blockquote, address, time, span, em, strong, img, ol, ul, li, figure, iframe, video, img {
	margin:0px;
	padding:0px;
	border:0px;
	list-style: none;
	text-decoration:none;
	outline:none;
}

html, body, header, nav, article, aside, footer, section, canvas, details, figure, summary, img {
	display:block;
	z-index: inherit;
}

img {
	float: left;
	margin-bottom: 4px;
}

iframe {
	margin-left:21px;
	margin-top: 10px;
	margin-bottom: 16px;
}

#div_images_in_article {
	width: 508px;
}

#div_footer, #div_pdf_loader, #navAccordionModule, #div_news_header, #div_bottom_nav {
	font-size:0px;
	padding:0px;
	margin:0px;
	border:0px;
	outline:none;
}

#navAccordionModule {
	height: 100%;
	margin-left: 19px;
	border-left: 2px #E1A531 solid;
	border-bottom: 2px #E1A531 solid;
	width: 248px;
	margin-bottom: 12px;
}
#navLinksBooks {
	height: 100%;
	margin-left: 19px;
	padding-bottom: 40px;
	padding-left:16px;
	border-top: 2px #E1A531 solid;
	border-left: 2px #E1A531 solid;
	border-bottom: 2px #E1A531 solid;
	width: 232px;
}
img[id='img_kick_litter_pdf']{
	padding-left: 20px;
}
img[id='img_line_white_on_brown']{
	margin-top: -4px;
}


/*******************************
		LINKS
*******************************/
a:link {
	text-decoration: none;
	color: #FF5B3C;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-user-select: none;
	-webkit-touch-callout: none;
}
a:hover {
	color: #C49111;
}
a:active {
	color: #605038;
}
a:visited {
	color: #C49111;
}

/*******************************
		BODY
*******************************/
body {
	width:780px;
	min-width: 780px;
	max-width: 780px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	padding:0px;
	color: #605038;
}

/*******************************
		HEADER
*******************************/
header {
	background-color: transparent;
	width:780px;
	height:244px;
}

/*******************************
		NAV
*******************************/
nav {
	background: white url(../im/nav/nav_wood.png) no-repeat top left;
	background-size: 780px 60px;
	-webkit-box-shadow: 0 6px 16px -6px grey;
	-moz-box-shadow: 	0 6px 16px -6px grey;
	box-shadow: 		0 6px 16px -6px grey;
	/* background-size: 100%; */
	/* display: inline-block; */
	/* width:780px; */
	/* max-width: 780px; */
	min-height: 60px;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-moz-text-size-adjust:none;
	line-height: 52px;
	margin-bottom: 20px;
	position:relative;
	z-index:100;
}
/* style main nav */
#navMain li{
	float:left;
	position:relative;
	margin-top: 5px;
	margin-right: 1.8em;
	
	/*text-align: center;*/
}
#navMain li:first-child{
	margin-left:124px;
	/* center six: margin-left:164px; */
}
#navMain a{
	display: inline-block;
	font-family: 'tradegoth-b', Impact, sans-serif;
	font-size: 10pt;
	font-weight:lighter;
	letter-spacing: .2em;
	outline: none;
	-webkit-text-stroke-color: #ff5b3c;
	-webkit-text-stroke: .3px;
	color: white;
	text-shadow:
		2px 2px 0.6px #ff5b3c,
		-3px -2px 0.6px #ff5b3c,
		2px -2px 0.5px #ff5b3c,
		-2px 2px 0.6px #ff5b3c,
		2px 2px 0.5px #ff5b3c;
}

#navMain a:hover{
	color: #66573B;
}
#navMain .currentNav, #navMain a.visited.currentNav, #navMain a:hover.currentNav{
	color: #66573B;
	cursor:default;
}



/*******************************
		LINKS
*******************************/
#navLinksBooks ul{
	font-family: 'Arial Black', 'Arial Bold', 'GillSans-Bold', sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 1.4em;
	text-transform:uppercase;
	letter-spacing: 0.2em;
	text-align: left;
}

/*******************************
		SECTION (WRAPPER w COLUMN STRUCTURE)
*******************************/
section {
	background:white;
	width:780px;
	position:relative;
	display:inline-block;
	padding-top:20px;
	margin-top:-20px;
	padding-bottom: 8px;
}

/*******************************
		SINGLE STRUCTURE WITHIN SECTION
*******************************/
#single_column_in_section {
	display: block;
	width:780px;
	height: 992px;
	margin-top:-20px;
	background: url(../im/pontifications/pontifications-background.gif);
	background-repeat: no-repeat;
}

.single_column {
	float: left;
	padding:0px;
	text-align: left;
	margin-left:52px;
	margin-top:52px;
	width: 640px;
}
.single_column h5 {
	margin-left:22px;
	margin-bottom: 96px;
}

/*******************************
		ARTICLE
*******************************/
article {
	background: transparent;
	float:left;
	width:508px;
	position:relative;
}

/*******************************
		COLUMN STRUCTURE WITHIN ARTICLE
*******************************/
#two_columns_in_article {
	display: block;
	width:508px;
}

.article_column_left {
	float: left;
	width: 254px;
	padding:0px;
	margin:0px;
}

.article_column_right {
	margin-left: 254px;
	padding:0px;
	margin:0px;
}

/*******************************
		ASIDE -- RETAIL
*******************************/
aside {
	background: transparent;
	float:left;
	left:0px;
	width:272px;
	position:relative;
	overflow:hidden;
}

/*******************************
		ASIDE -- ACCORDION
*******************************/

li.button a{
	/* The section titles */
	display:block;
	font-family: 'tradegoth-ext';
	font-weight: bold;
	font-size:14px;
	height:21px;
	overflow:hidden;
	margin-bottom:1px;
	padding-top: 11px;
	padding-bottom: 0px;
	padding-left:24px;
	position:relative;
	color:#605038;
}

li.button a span{
	position:absolute;
	right:0;
	top:0;
	width:0;
}

/* different styles for each section ? */

li.button a.accordion1{background:url(../im/sitewide/btn_buy_header.png) no-repeat top left;}
li.button a.accordion1{ background:url(../im/sitewide/btn_buy_header.png) no-repeat top left;}

li.button a.accordion2{background:url(../im/sitewide/btn_buy_header.png) no-repeat top left;}
li.button a.accordion2 span{ background:url(../im/sitewide/btn_buy_header.png) no-repeat top right;}

li.button a.accordion3{background:url(../im/sitewide/btn_buy_header.png) no-repeat top left;}
li.button a.accordion3 span{ background:url(../im/sitewide/btn_buy_header.png) no-repeat top right;}

li.button a.accordion4{background:url(../im/sitewide/btn_buy_header.png) no-repeat top left;}
li.button a.accordion4 span{ background:url(../im/sitewide/btn_buy_header.png) no-repeat top right;}

li.button a.accordion5{background:url(../im/sitewide/btn_buy_header.png) no-repeat top left;}
li.button a.accordion5 span{ background:url(../im/sitewide/btn_buy_header.png) no-repeat top right;}

/* The hover effects */

li.button a:hover{ background-position:left bottom; color:#C49111;}
li.button a:hover span{ background-position: right bottom;}
li.button a:active {color:#FF5B3C;}

.dropdown{
	/* The expandable lists */
	display:none;
	padding-top:0px;
	padding-bottom:4px;
	padding-left:4px;
	width:100%;
}

.dropdown li{
	/* Each element in the expandable list */
	background-color:red;
	margin:5px 0;
	padding:4px 18px;
}

.newsimg {
	width:240px;
	height:200px;
	float:right;
}



/*******************************
		FOOTER
*******************************/
footer {
	position:relative;
	clear:both;
	bottom:0;
	padding-top: 8px;
	width:100%;
	height:100px;   /* Height of the footer */
}


/*****************************
CSS for header text, body
text and for typical links
*****************************/

/* titles outline */
h1{
	font-family: 'tradegoth-b';
	font-size: 36px;
	font-weight: bold;
	color: #ddd;
	text-shadow: 1.5px 1.4px white, -1.5px -1.2px #aaa;
	-webkit-text-fill-color: white;
	-moz-text-fill-color: white;
	-webkit-text-stroke: 0.8px #605038;
	line-height: 40px;
	margin-left:20px;
	padding-top: 6px;
	padding-bottom: 4px;
}
/* titles */
h2 {
	font-family: 'tradegoth-ext';
	font-size: 16.4px;
	font-weight: bold;
	color: #605038;
	letter-spacing: 0.07em;
	margin-left:20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
/* std text throughout page */
h3 {
	font-family: 'Times New Roman', Times, serif;
	font-size: 11.6px;
	font-weight: normal;
	text-align: left;
	line-height: 1.3;
	color: #605038;
	position: relative;
	margin-left:20px;
	padding-top: 4px;
	padding-bottom: 20px;
}
h3 em {
	font-family: 'Times New Roman Italic', 'Times Italic', 'Times New Roman', Times, serif;
	font-size: inherit; /* HARD-SPECIFY 11.6px IF CONTINUES TO RENDER SMALL ON iOS */
	line-height: inherit;
	font-style: italic;
}
h3 a:link {
	font-family: 'Times New Roman Italic', 'Times Italic', 'Times New Roman', Times, serif;
	font-style: italic;
	font-size: inherit; /* HARD-SPECIFY 11.6px IF CONTINUES TO RENDER SMALL ON iOS */
	line-height: inherit;
	color: #FF5B3C;
}
h3 a:hover {
	font-size: inherit; /* HARD-SPECIFY 11.6px IF CONTINUES TO RENDER SMALL ON iOS */
	line-height: inherit;
	color: #C49111;
}
h3 p {
	margin-bottom: 0.6em;
}
h3 li{
	list-style: circle;
	margin-left: 20px;
}

/* link-list */
h4 {
	font-family: 'Arial Bold', 'Arial Black', 'Arial', 'Roboto Bold', 'HelveticaNeue-Bold', sans-serif;
	font-weight: bold;
	font-size: 9px;
	line-height: 1.4em;
	text-transform:uppercase;
	letter-spacing: 0.15em;
	text-align: left;
	color: #605038;
	margin-left:20px;
}
h4 em {
	font-family: 'Arial Bold', 'Arial Black', 'Arial', 'Roboto Bold', 'HelveticaNeue-BoldItalic', 'HelveticaNeue-Bold', sans-serif;
	font-size: 9px;
	font-style: italic;
	font-weight: bolder;
}

/* titles outline */
h5 {
	font-family: 'latin', serif;
	font-size: 19px;
	letter-spacing: .1em;
	line-height: 1em;
	font-weight: lighter;
	color: #605038;
	margin-top:40px;
	margin-bottom: 20px;
}

h6 {
	font-family: 'Arial Bold', 'Arial Black', 'Arial', 'Roboto Bold', 'HelveticaNeue-Bold', sans-serif;
	font-weight: bold;
	font-size: 9pt;
	text-transform: uppercase;
	letter-spacing: 1.0em;
	text-align: left;
	line-height: 1.4;
	
	margin-left:20px;
	margin-top:20px;
	color: #605038;
	position: relative;
}