/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

button.btn.btn-default.btn-lg {

}

input[type="button"] {
    outline: none;
    border: #999 solid 2px;
    border-radius:4px;
    padding: 2px 6px;
    cursor:pointer;
    background: #FFF;
    font-size:13px;
}

body {
    font-size: 1em;
    line-height: 1.4;
    overflow-x: hidden;
	/*   overflow-y: scroll;
		 -webkit-overflow-scrolling: touch; */
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

h1, h2, h3, h4 {
    font-family: SketchBlock-Bold, sans-serif;
}
h1 {
    font-size: 64px;
}
h1, h2, h3, h4, p, ul {
    margin-left:35px;
}
p {
    font-size: 18px;
    line-height: 24px;
    font-family: Museo-300, serif;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images and the bottom of their containers: h5bp.com/i/440
 */

img {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}

/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Parallax Scroll
   ========================================================================== */
body, html {
	height: 100%;
	min-height: 100%;
	background-color: #FFF;
}
body.noscroll {
	overflow-y: hidden;
}
.no-js {
	padding-top: 106px;
}
h2 {
	margin-top: 0;
}
.loading {
	background: url('../img/ajax-loader.gif') no-repeat center center;
}
section {
	/*min-width: 960px;*/
    min-width: 792px;
    /*max-height:690px;*/
	opacity: 0;
    background-color:#FFF;
}
iframe {
    border:none;
}
.loaded section,
.no-js section {
	opacity: 1;
	-webkit-transition: opacity 300ms ease-out;
	-moz-transition: opacity 300ms ease-out;
	transition: opacity 300ms ease-out;
}
main {
	/*overflow-x: hidden;*/
    position: relative;
    width: 793px;
    margin: auto;
    left:-80px;
    box-shadow: 4px 0 20px rgba(0,0,0,0.5);
    opacity:0;
}

.tableContainer {
	display: table;
	table-layout: fixed;
	width: 100%;
	height: 100%;
	/*overflow: hidden;*/
	position: relative;
}

.bckgd_wrapper {
	background-position: center center;
	background-repeat: no-repeat;
	/* background-attachment: fixed; */
	background-size: cover;
	height: 100%;
	width: 100%;
}

/* ---- REUSABLE STYLES ---- */
/* general */
.abs {
    position: absolute;
}
.clickable {
    cursor:pointer;
}
.head_red {
    color:#EC1E24;
}
.floatinline {
    position:relative;
    float:left;
    display:inline-block;
}
.floatblock {
    position: relative;
    float:left;
    display: block;
}
.greytext {
    color:#3E3E3E;
}
.greytext_dk {
    color:#414042;
}
.invisi_text {
    color: rgba(0,0,0,0);
}
.overflowmask {
    position: absolute;
    overflow: hidden;
}

/* font classes */
.apexheavy {
    font-family: ApexNew-Heavy, sans-serif;
}
.sketchblock {
    font-family: SketchBlock-Bold;
}
.museonorm {
    font-family: Museo-300, serif;
}
.museomed {
    font-family: Museo-500, serif;
}
.museob {
    font-family:Museo-700, sans-serif;
}
.ngothic {
    font-family:NewsGothicStd, sans-serif;
    color: #FFF;
}
.ngothic.lg {
    font-size:40px;
    min-height: 40px;
    line-height: 50px;
}
.ngothic.md {
    font-size:24px;
}

/* typog styles */

.display_16 { font-size:16px; }
.display_17 { font-size:17px; }
.display_18 { font-size:18px; }
.display_20 { font-size:20px; }
.display_22 { font-size:22px; }
.display_24 { font-size:24px; }
.display_26 { font-size:26px; }
.display_28 { font-size:28px; }
.display_30 { font-size:30px; }
.display_36 { font-size:36px; }
.display_40 { font-size:40px; }
.display_44 { font-size:44px; }
.display_48 { font-size:48px; }
.display_54 { font-size:54px; }
.display_60 { font-size:60px; }
.display_80 { font-size:80px; }
.display_130 { font-size:130px; }

.set_square {
    line-height: 100%;
}

.set_square_150 {
	line-height:150%;
}

.white {
    color: #FFF;
}

/* --- ELEMENT STYLES ---- */

#FORGOTPASSWORD { position:fixed; display:none; height:400px; z-index:1002; }

#CECERTIFICATE { position:fixed; display:none; height:792px; z-index:1001; }

#CECERTIFICATE .inner {
    background: none;
}

#FORGOTPASSWORD .inner {
    background-color: #EEE !important;
}

#CECERTIFICATE .controls, #FORGOTPASSWORD .controls {
    position: absolute;
    width:100px;
    float: right;
    right: 20px;
    top: 30px;
    z-index: 1;
}
#CECERTIFICATE .controls .downloadicon {
    display:none;
    position: absolute;
    background: url(../img/icon-download.png) no-repeat;
    width: 30px;
    height: 30px;
    float: right;
    right: 40px;
    z-index: 1;
    cursor: pointer;
}
#CECERTIFICATE .controls .downloadicon:hover {
    background-position: 0 -30px;
}
#CECERTIFICATE .controls .closer, #FORGOTPASSWORD .controls .closer  {
    background: url(../img/CertCloser.png) no-repeat;
    position: absolute;
    height:22px;
    width:27px;
    right: 5px;
    top: 5px;
    background-position: 0px 0px;
    z-index: 2;
    cursor: pointer;
}
#CECERTIFICATE .controls .closer:hover, #FORGOTPASSWORD .controls .closer:hover {
    background-position: 0px -24px;
}
 iframe {
     background: none;
     margin-top:20px;
 }
#CETEST { position:fixed; display:none; z-index:1000;}
.lightbox {
    position:fixed;
    display: table;
	table-layout: fixed;
	overflow: hidden;
    width:100%;
    height:100%;
    background-color: rgba(0,0,0,0.7);
}

.lightbox .content {
    position:relative;
    display:table-cell;
    vertical-align:middle;
    text-align: center;
}
.lightbox .inner {
    position:relative; margin:auto; display:block; 
    width:80%; 
    max-width: 900px;
    height:auto;
    padding:5px;
    background-color:#FFF;
    box-shadow: 0 0 10px 10px rgba(0,0,0,0.3);
}
#CECERTIFICATE .lightbox .inner {
    width:612px; 
    padding:0px;
    background-color:none;
}
.lightbox .inner .banner {
    position:relative;
    display:block;
    width:100%;
    height:50px;
    /*
    background: #e82328;
    background: -moz-linear-gradient(top,  #e5a0a1 0%, #e56062 44%, #e82328 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5a0a1), color-stop(44%,#e56062), color-stop(100%,#e82328)); 
    background: -webkit-linear-gradient(top,  #e5a0a1 0%,#e56062 44%,#e82328 100%); 
    background: -o-linear-gradient(top,  #e5a0a1 0%,#e56062 44%,#e82328 100%); 
    background: -ms-linear-gradient(top,  #e5a0a1 0%,#e56062 44%,#e82328 100%); 
    background: linear-gradient(to bottom,  #e5a0a1 0%,#e56062 44%,#e82328 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a0a1', endColorstr='#e82328',GradientType=0 );
    */
    background: #97969b; /* Old browsers */
    background: -moz-linear-gradient(top,  #97969b 0%, #7a7b7c 44%, #3e3e41 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#97969b), color-stop(44%,#7a7b7c), color-stop(100%,#3e3e41)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #97969b 0%,#7a7b7c 44%,#3e3e41 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #97969b 0%,#7a7b7c 44%,#3e3e41 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #97969b 0%,#7a7b7c 44%,#3e3e41 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #97969b 0%,#7a7b7c 44%,#3e3e41 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97969b', endColorstr='#3e3e41',GradientType=0 ); /* IE6-9 */

    padding:10px;
}
.lightbox .inner .banner .title {
    font-family: museo-700, sans-serif;
    float:left;
    padding-left:15px;
    color:#FFF;
    line-height:30px;
    font-weight:100;
    font-size:25px;
    text-align:left;
    letter-spacing:1px;
}


.quote {
    position: absolute;
    background: url(../img/Quotes.png) no-repeat;
    width:100%;
    /*background: url(../img/chalkbacking.png) no-repeat;*/
    height:215px;
}
.quote.backing {
    width:100%;
    height:215px;
}

.red_backing {
    background-color: #EB1D23;
}
.right_arrow {
    display: inline-block;
    background: url(../img/ElementsOnWhite.png) no-repeat;
    height:36px;
    width:36px;
    background-position: -230px -211px;
}
.right_arrow_para {
    padding-left:30px;
    margin-left:40px;
    background: url(../img/Right_Arrow_Bullet.png) no-repeat;
    min-height:36px;
    min-width:36px;
}
.btn_sq_dark {
    display:inline-block;
    color:#FFF;
    text-align:center;
    background-color: rgba(0,0,0,0.5);
    font-weight:100;
    overflow:hidden;
    top:0;
    margin-left:8px;
}
.btn_sq_dark:hover {
    background-color: rgba(0,0,0,0.8);
}
.btn_sq_dark.med {
    width:30px;
    height:30px;
    font-size:18px;
    line-height:30px;
}
.lightbox .inner .banner .controls {
    position:relative;
    overflow:hidden;
    float:right;
}

.redtext {
    color:#EC1E24;
}
.red_banner_glow {
    position:relative;
    display: block;
    width:793px;
    background-color: #EB1D23;
    box-shadow: 0px 0px 12px #3F3F3F;
}

.quote_ng {
    position: absolute;
    font-family: NewsGothicStd, sans-serif;
    font-size:70px;
}
.quote_ng.open {
    top: -2px;
    left: 10px;
}
.quote_ng.closing {
    margin-top: -7px;
    margin-left: 4px;
}
.red_bubble {
    position: absolute;
    background-color: #EC1E24;
    padding:15px 35px 10px 45px;
    border-radius: 8px 0px 0px 8px;
    color:#FFF;
    font-family:Museo-300, sans-serif;
    font-size: 18px;
    right:0px;
}

.red_bubble_700 {
    position: absolute;
    background-color: #EC1E24;
    padding:15px 35px 10px 45px;
    border-radius: 8px 0px 0px 8px;
    color:#FFF;
    font-family:Museo-700, sans-serif;
    font-size: 18px;
    right:0px;
}


/* Side Menu */
.sidemenu {
    position: absolute;
    right:-60px;
    height:auto;
    top:0;
    z-index:999;
}
.sidemenu .item {
    position: relative;
    float: left;
    display: block;
    margin-top:5px;
    clear:left;
}
.sidemenu .item .tag {
    display:none;
    position: absolute;
    top:0;
    /*right:100%;*/
    left:2px;
    padding: 3px 5px;
    background-color: rgba(204, 200, 194, 0.8);
    font-size: 14px;
    font-family: Museo-300, sans-serif;
    color:#3F4241;
    text-align:right;
    /*
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg) !important;
        transform: rotate(90deg);
    */
}
.sidemenu .item .tag.down { color: #FF0300; }
.sidemenu .item .indicator {
    position: absolute;
    top:0;
    right:0;
    cursor:pointer;
    width:14px;
    height:100%;
    background-color: #D3D3D3;
}
.sidemenu .item .indicator .innerindicator {
    position: absolute;
    top:0;
    right:0;
    width:100%;
    background-color: #ED1F24;
}
.sidemenu .indicator:hover, .sidemenu .indicator.down {
    background-color: #BCBCBC;
}
.sidemenu .indicator:hover+.tag {
    display: initial;
}

/* SlideOuts */
#SlideOutBox {
    display:none; position:fixed; width:793px; height:100%; z-index: 2000; top: 15%; overflow:hidden;
}
.slideOut {
    position:absolute;
    z-index: 2;
    width: 802px;
    min-height:592px;
    height:auto;
    right:-802px;
    padding: 30px 20px 20px 20px;
    border: 2px solid #666;
    box-shadow: -11px 7px 8px rgba(0,0,0,0.5);
    color:#FFF;
    font-size: 16px;
    line-height: 24px;
    /* background: url(../img/SlideOutChalkMark.png) no-repeat #424243; */
    background: url(../img/PopupChalkBackLong.png) no-repeat #424243;
    background-size: 702px 1090px;
}
.slideOutShadow {
    position:absolute; z-index: 1;
    top:0;
    background-color: rgba(0,0,0,0.5);
    width:793px;
    min-height:592px;
    height:auto;
    right:-793px;
}
.slideOut .clickcheck {
    position: relative;
    float: left;
    clear:left;
    line-height: 14px;
}
.slideOutImage {
    position: absolute;
    background: url(../img/PopupElements_C6.png) no-repeat;
}
.slideOutImage.closer {
    position: absolute;
    height:21px;
    width:26px;
    top:15px;
    right:115px;
    background-position: -315px -10px;
    z-index: 9;
}
.slideOutImage.closer:hover {
    background-position: -315px -40px;
}
#SlideOutContent .dropcap_lg {
    font-family: SketchBlock-Bold, sans-serif;
    font-size: 40px;
    line-height: 40px;
}
#SlideOutContent {
    font-family: Museo-300, serif;
    color:#FFF;
}
#SlideOutContent .dropcap_sm {
    font-family: SketchBlock-Bold, sans-serif;
    font-size: 32px;
}
#SlideOutContent .checkbox {
    display: inline-block;
    width:23px;
    height:22px;
    background: url(../img/Checkbox.png) no-repeat;
    background-position: 0px 0px;
    margin-top: -7px;
    margin-left: 10px;
    cursor: pointer;
}
#SlideOutContent .checkbox:hover {
    background-position: -29px 0px;
}
#SlideOutContent .checkbox.selected {
    background-position: -59px 0px;
}
#SlideOutContent .checkbox.hang {
    margin-left: 45px;
}
#SlideOutContent .checkmywork {
    position: relative;
    float: right;
    display: block;
    margin-top: 50px;
    right: 100px;
    width:119px;
    height:69px;
    background: url(../img/PopupElements_C6.png) no-repeat;
    background-position: -10px -130px;
    cursor: pointer;
}
#SlideOutContent .checkmywork:hover { background-position: -10px -210px; }
#SlideOutContent .resetall {
    position: relative;
    float: right;
    margin-top: 50px;
    right: 100px;
    width:113px;
    height:62px;
    background: url(../img/PopupElements_C6.png) no-repeat;
    background-position: -140px -260px;
    cursor: pointer;
}
#SlideOutContent .resetall:hover { background-position: -270px -260px; }

#SlideOutContent .feedback {
    display:none;
    opacity: 0;
    position: absolute;
    bottom: -2px;
    z-index: 10;
    background-color: #96989B;
    width: 702px;
    left:-2px;
    font-size: 20px;
    padding:20px 20px 40px 40px;
    cursor: pointer;
}
#SlideOutContent .feedback .emphasis {
    font-family: SketchBlock-Bold, sans-serif;
    font-size: 31px;
}
#SlideOutContent .blocker {
    display: none;
    position: absolute;
    top:0;
    left:0;
    background-color: rgba(0,0,0,0.1);
    width:100%;
    height:100%;
    z-index: 8;
}

#SlideOutContent .question {
    position: relative;
    float: left;
    font-family: Museo-700, serif;
    font-size: 20px;
    width: 80%;
    left:40px;
    margin-bottom: 40px;
}
#SlideOutContent .option {
    position:relative;
    float: left;
    clear:left;
    left:60px;
    max-width:600px;
    margin-bottom: 10px;
    line-height: 120%;
}
#SlideOutContent .optiongroup {
    position: relative;
    float: left;
    clear: left;
    margin-bottom: 20px;
}
#SlideOutContent .optiontext {
    position: relative;
    float: left;
    display: inline-block;
    font-size: 18px;
    width: 500px;
    left: 15px;
}
#SlideOutContent .option.tight {
    left:0;
    margin-left:40px;
    margin-bottom: 5px;
}
#SlideOutContent .option.tight .optiontext {
    width: 200px;
    line-height: 100%;
}
#SlideOutContent .option.no_letter {
    left:40px;
    margin-bottom: 0;
    line-height: 110%;
}
#SlideOutContent .selector {
    position:relative;
    float: left;
    cursor:pointer;
}
/*
#SlideOutContent .selector:hover .checkbox {
    background-position: -29px 0px;
}
*/
#SlideOutContent .selector .letter {
    position:relative;
    float: left;
    font-family: SketchBlock-Bold, sans-serif;
}
#SlideOutContent .selector .letter._lg { font-size: 36px; line-height: 10px; width: 35px;}
#SlideOutContent .selector .letter._sm { font-size: 27px; line-height: 14px;}

/* slideout slide-specific content */

.slideOutImage.slideout_hgdogs_product {
	top:225px;
	width:493px;
	height:225px;
	background-position: -10px -2550px;
}

.slideOutImage.slideout_hgcats_product {
	top: 240px;
	left: 350px;
	width:276px;
	height:277px;
	background-position: -10px -2160px;
}

.slideout_productfootercopy {
	font-family: museo-300, sans-serif;
	font-size:17px;
    color:#BABABA;
}

.slideout_productfootercopy a {
	text-decoration: none;
	color:#BABABA;
}
.slideout_productfootercopy a:hover {
    text-decoration: none !important;
}
.slideOutImage.slideout_nav_vet {
	width:222px;
	height:500px;
	top: 42px;
	left: 56px;
	background-position: -460px -1980px;
}

.slideOutImage.slideout_nav_arrow {
	width:105px;
	height:170px;
	top:80px;
	left:586px;
	background-position: -241px -79px;
}

.slideOutImage.slideout_1_arrow {
	top: 315px;
	left: 315px;
	width:59px;
	height:45px;
	background-position: -10px -290px;
}
.slideOutImage.slideout_1_image {
	top: 170px;
	left: 410px;
	width:273px;
	height:217px;
	background-position: -500px -1025px;
}
.slideOutImage.slideout_2_image {
	top: 170px;
	left: 530px;
	width:155px;
	height:375px;
	background-position: -410px -0px;
}
.slideOutImage.slideout_4_spag {
	top:125px;
	left:440px;
	width:290px;
	height:220px;
	background-position: -410px -380px;
}
.slideOutImage.slideout_4_map {
	top:360px;
	left:60px;
	width:317px;
	height:204px;
	background-position: -10px -360px;
}

.slideout_5 .callouts {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 100px;
	width:708px;
	height:479px;
}
.slideout_5 .calloutcontent {
	display:none;
	width:100%;
	height:100%;
}

.slideout_5 .calloutcontent .copy {
	position: absolute;
	top: 205px;
	left: 230px;
	width:325px;
	font-family: museo-300, sans-serif;
	font-size: 17px;
}
.slideout_5 .slideout_5_callout1 .callout {
	top: 130px;
	left: 200px;
	width:294px;
	height:56px;
	background-position: -460px -1750px;
}
.slideout_5 .slideout_5_callout1 .copy {
	top: 195px;
	left: 200px;
	width: 350px;
}
.slideout_5 .slideout_5_callout2 .callout {
	top: 160px;
	left: 140px;
	width:77px;
	height:200px;
	background-position: -630px -820px;
}
.slideout_5 .slideout_5_callout3 .callout {
	top: 320px;
	left: 220px;
	width:306px;
	height:134px;
	background-position: -460px -1830px;
}
.slideout_5 .slideout_5_callout3 .copy {
	top: 160px;
	left: 220px;
	width: 360px;
	line-height: 130%;
}
.slideout_5 .slideout_5_callout4 .callout {
	top: 160px;
	left: 530px;
	width:114px;
	height:182px;
	background-position: -630px -610px;
}
.slideout_5 .slideout_5_callout4 .copy {
	top: 165px;
	left: 200px;
	width: 300px;
}
.slideOutImage.slideout_5_diagram {
	left: 0;
	top: 100px;
	width:708px;
	height:479px;
	background-position: -10px -1250px;
	z-index: 2;
}
.slideout_5 .hotspot {
	position: absolute;
	background-color: rgba(0,0,0,0.0);
	cursor:pointer;
}
.slideout_5 .hotspot.hotspot1 {
	top: 100px;
	left: 240px;
	width: 155px;
	height: 155px;
	z-index: 3;
}
.slideout_5 .hotspot.hotspot2 {
	top: 150px;
	width:160px; height:355px;
	z-index: 4;
}
.slideout_5 .hotspot.hotspot3 {
	top: 425px;
	left: 415px;
	width:155px; height:155px;
	z-index: 5;
}
.slideout_5 .hotspot.hotspot4 {
	top: 255px;
	left: 575px;
	width:114px; height:196px;
	z-index: 6;
}

.slideOutImage.slideout_6_figure {
	top: -16px;
	left: -16px;
	width:444px;
	height:620px;
	background-position: -10px -610px;
}
.slideOutImage.slideout_8_figures {
	bottom: -20px;
	left: 250px;
	width:435px;
	height:370px;
	background-position: -10px -1740px;
}
.slideout_3 .dandd {
	position:relative;
	float:left;
	width: 400px;
	padding:20px;
	background-color: #A7A9AC;
	font-size: 15px;
    line-height:18px;
	color:#000;
}
.greyed{
	color: #2A2A2A;
}
.slideout_3 .dandd .dropzone {
	position:relative;
	float:left;
	width:94%;
	height:65px;
	border-radius: 12px;
	margin: 5px 3% 20px 0px;
	background-color: rgba(255,255,255,0.4);
}
.slideout_3.drags {
	position:absolute;
	left: 420px;
	top:0px;
	width:200px;
	z-index:2;
}
.slideout_3 .dragtext {
	font-family: SketchBlock-Bold, sans-serif;
	font-size:18px;
	color:#FFF;
	cursor: pointer;
}
.slideOutImage.slideout_3_dog {
	top: 415px;
	left: 460px;
	width:219px;
	height:294px;
	background-position: -570px 0;
}


#popup3_innerScrollDiv {
	position:absolute;
	height:375px;
	overflow-y: scroll;
	overflow-x: hidden;
	top: 285px;
	left: 60px;
	width: 630px;
}
.slideout_7 .dandd {
	position:relative;
	float:left;
	width: 425px;
	left:250px;
}
.slideout_7 .dandd div {
	position: relative;
	float: left;
	min-height: 75px;
	margin-bottom:20px;
	padding:10px 10px 10px 105px;
	background-color: #A7A9AC;
	font-size: 15px;
	color:#000;
}
.slideout_7 .dandd .dropzone {
	position:absolute;
	top: 10%;
	left: 10px;
	height: 80%;
	width:80px;
	border-radius: 12px;
	margin-bottom:10px;
	background-color: rgba(255,255,255,0.4);
}
.slideout_7.drags {
	position:absolute;
	left: 40px;
	top: 130px;
	width:200px;
	z-index:2;
}
.slideout_7 .icon {
	position:absolute;
	float:left;
	left:0px;
	top:-15px;
	background: url(../img/PopupElements_C6.png) no-repeat;
	width:125px;
	height: 65px;
	-ms-transform: scale(0.7); /* IE 9 */
	-webkit-transform: scale(0.7); /* Chrome, Safari, Opera */
	transform: scale(0.7);
}
.slideout_7 .icon#drag1 { background-position: -500px -690px; }
.slideout_7 .icon#drag2 { background-position: -500px -930px; }
.slideout_7 .icon#drag3 { background-position: -500px -770px; }
.slideout_7 .icon#drag4 { background-position: -500px -850px; }
.slideout_7 .icon#drag5 { background-position: -500px -610px; }

.slideout_7 .dragtext {
	position: relative;
	float:left;
	width:275px;
	margin-bottom:30px;
	padding-left:65px;
	font-family: SketchBlock-Bold, sans-serif;
	font-size:18px;
	line-height:90%;
	color:#FFF;
	cursor: pointer;
}

.dropzone.ui-droppable.drop-state-highlight {
	border: 1px solid rgba(255,255,255,0.7);
	background-color: rgba(255,255,255,0.2);
}
.dropzone.ui-droppable.drop-state-default {
	background-color: rgba(255,255,255,0.4);
}
.dropzone.ui-droppable.drop-state-hover {
	background-color: rgba(255,255,255,0.7);
}


.tighten_3 { letter-spacing: -3px; }
.tighten_5 { letter-spacing: -5px; }
.tryme_white {
    display: inline-block;
    width:79px;
    height:76px;
    background: url(../img/ElementsOnWhite.png) no-repeat;
    background-position: -10px -215px;
}
.tryme_white:hover { background-position: -100px -215px; }

/* Slide 1 */
#slide-1 { height:690px; }/**/
#slide-1 .btn_cetest {
    display:block;
    position: absolute;
    right: 50px;
    top: 25px;
    width:95px;
    height:39px;
    background: url(../img/ElementsOnWhite.png) no-repeat;
    background-position: -10px -2px;
}

#slide-1 .btn_cetest:hover {
    background-position: -110px -2px;
}

#slide-1 .bannertitle {position:absolute; float:left; z-index:2; top:0; left:-2%; width:104%; height:162px; }
#slide-1 .bannertitle img { position:relative; float:left; top:20px; left:37px;}
#slide-1 .bkg_listening {position:absolute; z-index:1; width:100%; height: 532px; top: 65px; left: 0; }
#slide-1 .bkg_listening img {float:left; left:0; position: absolute; bottom: 0; }
#slide-1 .bkg_listening .vets {
    position:absolute;
    bottom:0;
    -webkit-transform-origin : 50% 100%;
    -moz-transform-origin : 50% 100%;
    -o-transform-origin : 50% 100%;
    -ms-transform-origin : 50% 100%;
    transform-origin : 50% 100%;
}
#slide-1 .bkg_listening .vets.vet_left { left:230px; z-index:1; bottom:-15px;}
#slide-1 .bkg_listening .vets.vet_center { left:335px; z-index:3;  bottom:-16px;}
#slide-1 .bkg_listening .vets.vet_right { left:580px; z-index:2;  bottom:-14px;}
#slide-1 .banner_author { font-family: 'AbadiMTCondensed', sans-serif; position:absolute; top: 442px;
						  left: 130px; text-align: right; color: #FCFCFC; font-size: 18px; line-height: 22px; }
#slide-1 .banner_smallprint { position:absolute; color:#CCC; width:285px; top:489px; left:40px; font-size:8px; line-height:12px; text-align:left; }
#slide-1 .banner_smallprint .line { position:relative; display:block; width:100%; float:left; clear:left;}
#slide-1 ._whiteElementContent {
    position:relative;
    background:url(../img/ElementsOnWhite.png) no-repeat;

}
#slide-1 ._whiteElementContent.vtalogo { left:40px;top:190px; width:92px; height:60px; background-position: -10px -50px; }
#slide-1 ._whiteElementContent.meriallogo { left:40px;top:190px; width:80px; height:67px; background-position:-120px -50px; margin-left:20px; }
#slide-1 ._whiteElementContent.heartgardlogo { left:40px;top:190px; width:130px; height:40px; background-position:-225px -60px; margin-left:20px; }
#slide-1 ._whiteElementContent.readytoscroll { top:190px; width:275px; height:90px; background-position:-10px -120px; float:right; right:9px; }
#slideNav .tryitnow { position:absolute; left: -173px; top:50px; width:203px; height:99px; background:url(../img/MerialUS_Slide1_Sprites.png) no-repeat; background-size:414px 100px;  background-position:-211px 0px; }
#slideNav .begin { position:absolute; left: -303px; top: -10px; width:333px; height:111px; background:url(../img/MerialUS_Slide2_BEGIN.png) no-repeat; background-size:333px 111px; display:none; }

/*
float:right; margin-right:100px; top:50px; width:203px; height:99px; background-position:-211px 0px;
*/

#howToNavigate {
    position: relative;
    float:left;
    width: 100%;
    background-color: #5D5D5D;
    height: 630px;
    overflow:hidden;
}

.navcontent {
    position: absolute;
    background: url(../img/HowToNavigate2.png) no-repeat;
    height:100%;
    width:100%;
}
.navcontent.navtitle {
    top:21px;
    left:248px;
    width:283px;
    height:58px;
    background-position: -248px -21px;
    -webkit-transform-origin : 50% 0%;
    -moz-transform-origin : 50% 0%;
    -o-transform-origin : 50% 0%;
    -ms-transform-origin : 50% 0%;
    transform-origin : 50% 0%;
}
.navcontent.navsubtitle {
    top:90px;
    left:248px;
    width:283px;
    height:22px;
    background-position: -248px -90px;
}
.navcontent.point1 {
    top:184px;
    left:59px;
    width:323px;
    height:175px;
    background-position: -59px -184px;
}
.navcontent.point2 {
    top:163px;
    left:426px;
    width:370px;
    height:167px;
    background-position: -426px -163px;
}
.navcontent.point3 {
    top:387px;
    left:59px;
    width:258px;
    height:173px;
    background-position: -59px -387px;
}
.navcontent.gotit {
    top:402px;
    left:481px;
    width:204px;
    height:45px;
    background-position: -481px -402px;
}
.navcontent.okay {
    top:457px;
    left:481px;
    width:204px;
    height:23px;
    background-position: -481px -457px;
}
.navcontent.tryme {
    top: 405px;
    left: 299px;
    width:117px;
    height:115px;
    background-position: -379px -499px;
}
.navcontent.tryme:hover { background-position: -509px -499px; }

/*
.howToNav {
    position:absolute;
    top:0;
    clear:none;
    width:80%;
    height:100%;
    margin:auto 10%;
}
.howToNav.nav1 {
    left:-792px;
}
.howToNav .navcontent.tryme:hover { background-position: -420px -260px; }
.howToNav.nav2 {
    left:0px;
}
.howToNav.nav3 {
    left:792px;
}
.navcontent.nav1content {
    background-position: -20px -275px;
    width: 260px;
    height: 130px;
    top: 90px;
    margin-left: 100px;
}
.navcontent.nav2content {
    background-position: -100px -77px;
    width:430px;
    height:120px;
    top:80px;
}

.navcontent.nav3content {
    background-position: 5px -435px;
    top: 35px;
}
.howToNavNav {
    position: absolute;
    top:94px;
    width:42px; height:42px;
    cursor:pointer;
    background: url(../img/HowToNavigate.png) no-repeat;
}
.howToNavNav.Next { right:10px; background-position: -730px -280px; z-index:1;}
.howToNavNav.Previous { left:10px; background-position: -680px -280px; z-index: 2;}
.howToNavNav.Next:hover { background-position: -730px -330px; }
.howToNavNav.Previous:hover { background-position: -680px -330px; }
*/

/* Slide 2 */
#slide-2 { opacity:0; background-color:#FFF; margin-top: 50px; position: relative; height:630px;}

#slide-2 #quote { position: relative; width:100%; opacity:0; }
#slide-2 #quote img { position: relative; margin:30px auto 0 auto; display:block;}
#slide-2 .challengeme { position:relative; background: url(../img/MerialUS_General_Sprites.png) no-repeat; background-position: -100px 0; background-size: 300px 400px; width: 99px; height: 65px; left: 340px; top: 380px; }

/* Slide 3 */
#slide-3 { margin-top: 30px; height:710px;}
#slide-3 .slidecontent {
    position:absolute;
    background: url('../img/MerialUS_Slide3_Sprites.png') no-repeat;
    background-size:886px 727px;
    opacity:0;
}
#slide-3 #StopSignMask {
    width: 294px;
    height: 303px;
    top: -30px;
}
#slide-3 .slidecontent.apple, #slide-12 .apple1, #slide-12 .apple2 {
    position:absolute;
    background: url('../img/apple.png') no-repeat;
    background-size:78px 87px;
    width: 105px; height: 116px;
    top: 425px;
    left: 365px;
    background-position: 0px 0px;
    z-index:3;
    opacity:0;
}
#slide-3 .slidecontent.stop { width:274px; height:273px; left:26px; top:-273px; background-position: -26px 0; z-index:1; }
#slide-3 .slidecontent.vet { width:455px; height:412px; left:10px; top:220px; background-position: 0px -315px; z-index:2; }
/*
#slide-3 .slidecontent.apple { width: 105px; height: 116px; left: 345px; top: 410px; background-position: -450px -610px; z-index:3; }
*/
#slide-3 .slidecontent.copy1 { width:419px; height:127px; left:322px; top:15px; background-position: -412px -33px; z-index:4; }
#slide-3 .slidecontent.copy2 { width:347px; height:109px; left:560px; top:162px; background-position: -500px -175px; z-index:5; }
#slide-3 .slidecontent.copy2arrow { width:212px; height:61px; left:267px; top:271px; background-position: -607px -284px; z-index:6; }
#slide-3 .slidecontent.copy3 { width:304px; height:258px; left:462px; top:327px; background-position: -570px -361px; z-index:7; }
#slide-3 .slidecontent.quote { width:451px; height:577px; left:318px; top:61px; background-position: -450px -30px; }


/* Slide Grandin quote*/
#slide-grandin {
    position: relative;
    z-index: 5;
    height:215px;
    margin-top: -100px;
}
#slide-grandin .quote.backing {
    opacity:0;
}
.quote.quoteGrandin {
    background-position: 0px -215px;
    left:793px;
}
/* Slide 4 */
#slide-4 {position: relative; margin-top:25px; height:1398px; overflow-x: hidden;}
#slide-4 .slidecontent {
    position:absolute;
    background: url('../img/MerialUS_Slide4_Sprites.png') no-repeat;
    background-size:799px 1311px;
    /* opacity:0; */
}
#slide-4 .slidecontent.copy1 { width:316px; height:310px; left:40px; background-position: -8px -3px;}
#slide-4 .slidecontent.copy2 { width:404px; height:183px; left:344px; background-position: -344px 1px; }
#slide-4 .slidecontent.basket { width:394px; height:413px; left:322px; top: 267px; background-position: -322px -267px; }
#slide-4 .slidecontent.copy3 { width:306px; height:218px; left:0px; top:605px; background-position: 0px -605px; }
#slide-4 .slidecontent.copy4 { width:422px; height:102px; left:317px; top:713px; background-position: -317px -711px; }
#slide-4 .slidecontent.copy5 { width:460px; height:141px; left:46px; top:854px; background-position: -46px -853px; }
#slide-4 .slidecontent.copy6 { width:389px; height:274px; left:50px; top:1017px; background-position: -50px -1017px; }
#slide-4 .slidecontent.checkmark { width:335px; height:290px; right:0; top:957px; background-position: -464px -957px; }

/* Slide 5 */
#slide-5 { position: relative; top:20px; height:840px;}
#slide-5 .slidecontent {
    position:absolute;
    background: url('../img/MerialUS_Slide5_Sprites.png') no-repeat;
    background-size:963px 525px;
    opacity:1;
}
#slide-5 .slidecontent.vet { width:327px; height:417px; left:5px; top:62px; background-position: -8px -26px;}
#slide-5 .slidecontent.bubble1 { width:31px; height:22px; left:214px; top:85px; background-position: -355px -100px;}
#slide-5 .slidecontent.bubble2 { width:39px; height:27px; left:266px; top:53px; background-position: -355px -70px;}
#slide-5 .slidecontent.bubble3 { width:52px; height:44px; left:314px; top:25px; background-position: -355px -20px;}
#slide-5 .slidecontent.bubblemain { width:464px; height:438px; left:296px; background-position: -500px 0px;}
#slide-5 .slidecontent.quoteback { width:793px; height:83px; top:442px; background-position: 0px -442px;}
#slide-5 .slidecontent.arrow { width:126px; height:79px; top: 30px; left: 490px; background-position: -360px -183px;}
#slide-5 .slide5quote { width:100%; height:auto; left:38px; top:461px; background-position: -8px -3px;}

/* Slide Hubbard quote*/
#slide-hubbard {
    position: relative;
    z-index: 5;
    height:215px;
    margin-top: -90px;
    overflow:hidden;
}
#slide-hubbard .quote.backing {
    opacity:0;
}
.quote.quoteHubbard {
    background-position: 0px -430px;
    left:793px;
}

/* Slide 6 */
#slide-6 { position: relative; top:75px; background-color: #EB1D23; height:840px; overflow-x: hidden;}
#slide-6 .slidecontent {
    position:absolute;
    background: url('../img/MerialUS_Slide6_Sprites.png')no-repeat;
    background-size:794px 870px;
    opacity:0;
}
#slide-6 .slidecontent.grab { width:171px; height:53px; left:33px; top:75px; background-position: -33px -75px;}
#slide-6 .slidecontent.A { width:137px; height:137px; left:204px; top:21px; background-position: -204px -21px; opacity: 1;}
#slide-6 .slidecontent.ttention { width:258px; height:53px; left:341px; top:75px; background-position: -341px -75px;}
#slide-6 .slidecontent.mega { width:129px; height:126px; left:643px; top:17px; background-position: -643px -17px;}
#slide-6 .slidecontent.B { width:138px; height:138px; left:27px; top:186px; background-position: -27px -186px; opacity: 1;}
#slide-6 .slidecontent.ring { width:451px; height:120px; left:165px; top:240px; background-position: -165px -240px;}
#slide-6 .slidecontent.target { width:130px; height:137px; left:626px; top:230px; background-position: -626px -230px;}
#slide-6 .slidecontent.C { width:138px; height:137px; left:27px; top:382px; background-position: -27px -382px; opacity: 1;}
#slide-6 .slidecontent.hoose { width:417px; height:125px; left: 165px; top: 440px; background-position: -165px -436px;}
#slide-6 .slidecontent.plug { width:157px; height:100px; left:617px; top:447px; background-position: -617px -447px;}
#slide-6 .slidecontent.D { width:138px; height:137px; left:27px; top:581px; background-position: -27px -581px; opacity: 1;}
#slide-6 .slidecontent.eliver { width:468px; height:125px; left: 165px; top: 633px; background-position: -165px -633px;}
#slide-6 .slidecontent.thumb { width:126px; height:127px; left:633px; top:633px; background-position: -633px -633px;}


/* Slide 7 */
#slide-7 { position: relative; top:75px; height:1375px; overflow-x:hidden;}
#slide-7 .slidecontent {
    position:absolute;
    background: url(../img/ElementsOnWhite.png) no-repeat;
}
#slide-7 .slidecontent.mega {
    background: url(../img/ABCD%20Vets.png) no-repeat;
    width:435px;
    height:340px;
    background-position: -470px -640px;
    left:0;
    top:50px;
}
#slide-7 .slidecontent.copy1 {
    background:none;
    top: 125px;
    left: 470px;
    width: 300px;
}
#slide-7 .callout .bubble {
    background: #FFF;
    border: 1px solid #000;
    border-radius: 12px;
    padding:12px;
    font-family: museo-300;
    font-size: 20px;
    line-height: 24px;
}
#slide-7 .slidecontent.icon { z-index:3; }
#slide-7 #slide7illustration #callout1 { left: 410px; top: 280px; }
#slide-7 #slide7illustration #callout2 { left: 400px; top: 320px; }
#slide-7 #slide7illustration #callout3 { left: 240px; top: 340px; }
#slide-7 #slide7illustration #callout4 { left: 90px; top: 340px; }

#slide-7 #callout1 .slidecontent.arrow { width:73px; height:36px; background-position:-440px -340px; }
#slide-7 #callout1 .bubble { width:230px; left:45px; top:45px;}
#slide-7 #callout1 .slidecontent.icon { width:130px; height:105px; left: 190px; top: -15px; background-position:-305px  -105px;}

#slide-7 #callout2 .slidecontent.arrow { width:35px; height:149px; background-position:-350px -340px; }
#slide-7 #callout2 .bubble { width:220px; left:32px; top:145px;}
#slide-7 #callout2 .slidecontent.icon { width:155px; height:89px; left: 188px; top: 200px; background-position:-305px  -220px;}

#slide-7 #callout3 .slidecontent.arrow { width:28px; height:200px; left:120px; background-position:-400px -340px; }
#slide-7 #callout3 .bubble { width:220px; left:70px; top:215px; text-align:right; }
#slide-7 #callout3 .slidecontent.icon { width:130px; height:110px; top:240px; background-position:-470px -210px;}

#slide-7 #callout4 .slidecontent.arrow { width:54px; height:71px; left:200px; background-position:-540px -340px; }
#slide-7 #callout4 .bubble { width:220px; left:0px; top:120px;}
#slide-7 #callout4 .slidecontent.icon { width:108px; height:91px; left: 130px; top:85px; background-position:-440px  -110px;}

.ABCD_red_banner {
    position:relative;
    display: block;
    width:793px;
    height:165px;
    color:#FFF;
    line-height:80px;
    margin-top:80px;
    overflow:hidden;
}

.ABCD_red_banner .number {
    background: url('../img/MerialUS_Slide6_Sprites.png') no-repeat;
    width:79px; height:76px;
    background-position: -50px -780px;
    left:12px;
    top:40px;
    margin-right:10px;
    text-align: center;
}
.ABCD_red_banner .head {
    background: url('../img/ABCDHeads.png') no-repeat;
    left:100px;
    line-height:165px;
    color: rgba(255,255,255,1);
    letter-spacing: -2px;
}
.ABCD_red_banner .head.noimage {
}
.ABCD_red_banner .head.head1 { top: 55px; width:381px; height:40px; background-position: -10px -10px; }
.ABCD_red_banner .head.head2 { top: 55px; width:489px; height:54px; background-position: -10px -88px; }
.ABCD_red_banner .head.head3 { top: 35px; width:277px; height:97px; background-position: -10px -168px; }
.ABCD_red_banner .head.head4 { top: 35px; width:420px; height:97px; background-position: -10px -298px; }

.ABCD_red_banner .head.case1 { top: 45px; left:35px; width:420px; height:53px; background-position: -10px -420px; }
.ABCD_red_banner .head.case2 { top: 45px; left:35px; width:428px; height:53px; background-position: -10px -500px; }
.ABCD_red_banner .head.summary { top: 45px; left:35px; width:466px; height:53px; background-position: -10px -580px; }

.ABCD_red_banner .head .tighten {
    letter-spacing: -10px;
}
.ABCD_red_banner .head.saturate {
    color:#FFF;
}
.ABCD_red_banner .head.transparent {
    color: rgba(255,255,255,0);
}
.ABCD_red_banner .icon {
    background: url('../img/MerialUS_Slide6_Sprites.png') no-repeat;
    -ms-transform: scale(0.7); /* IE 9 */
    -webkit-transform: scale(0.7); /* Chrome, Safari, Opera */
    transform: scale(0.7);
    right:10px;
    top:17px;
}

.ABCD_red_banner .icon.icon1 { width:129px; height:126px; background-position: -643px -17px; }
.ABCD_red_banner .icon.icon2 { width:130px; height:137px; background-position: -626px -230px; }
.ABCD_red_banner .icon.icon3 { width:157px; height:100px; background-position: -617px -447px; }
.ABCD_red_banner .icon.icon4 { width:126px; height:127px; background-position: -633px -633px; }

#slide-7 .quote.quoteClarke {
    background-position: 0px -645px; left:793px;
}

/* Slide 8 */
#slide-8 { position: relative; height: 850px; overflow-x: hidden; }
#slide-8 .vet {
    background: url(../img/ABCD%20Vets.png) no-repeat;
    position: absolute;
    top:0;
    left:0px;
    width: 355px;
    height: 846px;
    background-position: 0px -10px;
    z-index: 1;
    -webkit-transform-origin : 0% 0%;
    -moz-transform-origin : 0% 0%;
    -o-transform-origin : 0% 0%;
    -ms-transform-origin : 0% 0%;
    transform-origin : 0% 0%;
}
#slide-8 .copy1 {
    position: relative;
    left: 280px;
    width: 450px;
    top: 100px;
}

#slide-8 .display { text-align:right; line-height: 85%;}
#slide-8 .display.sm { font-size: 26px; letter-spacing: -1px; line-height: 100%;}
#slide-8 .display.lg { font-size: 92px; letter-spacing: -8px; }
#slide-8 .display.med { font-size: 62px; letter-spacing: -6px; }

/* Slide 9 */
#slide-9 { position: relative; height: 830px; overflow-x: hidden; }

#slide-9 .quote.quoteUnkown {
    background-position: 0px -860px; left:793px;
}
#slide-9 .focused {
    position: absolute;
    background: url( ../img/ElementsOnWhite.png) no-repeat;
}
#slide-9 .focused.blur {
    z-index: 1;
    left:75px;
    width:639px;
    height:91px;
    background-position: -15px -560px;
}
#slide-9 .nowthatyou {
    margin-top:50px; margin-left:0; text-align:center;
}
#slide-9 #focus-graphic {
    margin-top:50px;
    display: none;
    z-index:2003;
}
#slide-9 .focused.clear {
    z-index: 2;
    left:85px;
    margin-top:15px;
    width:614px;
    height:63px;
    background-position: -25px -660px;
}

/* Slide 10 */
#slide-10 { position: relative; height: 870px; }
#slide-10 .slidecontent {
    position:absolute;
    background: url(../img/ElementsOnWhite.png) no-repeat;
}
#slide-10 .slidecontent.lips {
    width:167px;
    height:145px;
    background-position: -20px -400px;
}
.kiss-content {
    position: relative;
}
#slide-10 #KISStext {
    left: 140px;
    top: 60px;
    width: 793px;
}
#slide-10 #KISS {
    letter-spacing: -2px;
}
#slide-10 #KISS_slogan {
    margin-top: 20px;
}
#slide-10 .slidecontent.kiss_arrow1 {
    left: 350px;
    top: 135px;
    opacity: 1;
    transform: rotate(20deg);
    -ms-transform: rotate(20deg);
    -webkit-transform: rotate(20deg);
    width:89px;
    height:36px;
    background-position: -62px -301px;
}
#slide-10 .slidecontent.kiss_arrow2 {
    width:30px;
    height:78px;
    background-position: -11px -301px;
}

#slide-10 .red_bubble.slide10bubble1 {
    top:25px;
    width:350px;
    height:130px;
}
#slide-10 .red_bubble.slide10bubble2 {
    left: 80px;
    margin-top: 40px;
    right:10px;
    width:675px;
}
#slide-10 .vet {
    background: url(../img/ABCD%20Vets.png) no-repeat;
    position: absolute;
    margin-top: -160px;
    left: 460px;
    width: 375px;
    height: 612px;
    background-position: -410px -10px;
    z-index: 1;
}

/* slide 11 */
#slide-11 { height:1200px; }

#slide-11 #headAnimation {
    position: relative;
    top:150px;
    left:-70px;
}
#slide-11 .slidecontent {
    position:absolute;
    background: url(../img/ElementsOnWhite.png) no-repeat;
}
#slide-11 .slidecontent.kiss_arrow3 {
    width:60px;
    height:63px;
    background-position: -171px -301px;
}
#slide-11 .slidecontent.kiss_arrow4 {
    left: 310px; top: 90px;
    width:27px;
    height:79px;
    background-position: -251px -301px;
}
#slide-11 .red_bubble.slide11bubble1 {
    top:50px;
    left: 440px;
    width: 355px;
}
#slide-11 .quote.quoteConfucius {
    background-position: 0px -1075px; left:793px;
}

/* section C */
.sectionC.alphaImages {
    background: url('../img/SectionC_Images_Alphas.png') no-repeat;
}
.sectionC.indexImages {
    background: url('../img/SectionC_Images_Indexes.png') no-repeat;
}
.whiteElements {
    background: url('../img/ElementsOnWhite.png') no-repeat;
}
.shadow12 {
    box-shadow: 6px 6px 12px rgba(0,0,0,0.5);
}
.chalkBanner {
    position: relative;
    background: url(../img/Quotes.png) no-repeat;
    background-position: 0 0;
    width:793px;
    border-bottom: 6px #EB1D23 solid;
    overflow:hidden;
}

.word-spacing{
	word-spacing:-2px;
}

.chalkBanner .title {
    position: relative;
    top:30px;
    left:20px;
    padding-left:46px;
    background: url(../img/ChalkBannerIcons.png) no-repeat;
    background-position: 0px 0px;
    min-height: 36px;
    color: #FFF;
    line-height: 45px;
}
.chalkBanner .title p {
    font-family: Museo-300, serif;
    font-size: 22px;
    margin: 15px 0;
    line-height: 120%;
    width: 95%;
}
.voltParagraph {
    position: relative;
    width:793px;
    min-height:36px;
    background: url(../img/ChalkBannerIcons.png) no-repeat;
    background-position: 0px -400px;
}
.voltParagraph div, .voltParagraph p { position: relative; float: left; clear:none; }

.voltParagraph .heading {
    top: 5px;
    left: 50px;
    font-family: Museo-700, serif;
    font-size: 24px;
    line-height: 110%;
}
.voltParagraph p {
    margin-top: 10px;
    left: 40px;
    font-family: Museo-300, serif;
    font-size:18px;
}
/* slide 12 */
#slide-12 { position: relative; height:1350px; }

#slide-12 .copy1 {
    position: relative;
    width: 50%;
}
#slide-12 .copy2 {
    width: 400px;
    left: 350px;
    top: 1100px;
}

#slide-12 #slide12TNPslogan {
    position: absolute;
    top:130px;
    left:380px;
    z-index: 2;
}
#slide-12 #slide12TNPslogan div {
    position: relative;
}
#slide-12 .timeto {
}
#slide-12 .teach {
    top:-30px;
}
#slide-12 .tnparrow {
    top:   -90px;
    left:   300px;
    width:  69px;
    height: 85px;
    background-position: -270px -400px;
}
#slide-12 .not {
    /*top: -90px;*/
    left: 310px;
}
#slide-12 .preach {
    right: -130px;
    top: -25px;/*-115px;*/
}
#slide-12 .apple1, #slide-12 .apple2 {
    background-size:163px 172px;
    width: 170px; height: 180px;
}
#slide-12 .apple1 {
    position: absolute !important;
    top: -125px;
    left: 145px;
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
}
#slide-12 .apple2 {
    left:100px;
    top:0px;
    -ms-transform:rotate(15deg);
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg);
}
#slide-12 #hammerHome {
    top:650px;
    left:40px;
    width:500px;
}
#slide-12 .hammer {
    top:40px;
    left:530px;
    width:136px;
    height:375px;
    background-position: -260px -10px;
    -webkit-transform-origin : 50% 75%;
    -moz-transform-origin : 50% 75%;
    -o-transform-origin : 50% 75%;
    -ms-transform-origin : 50% 75%;
    transform-origin : 50% 75%;
}
@-webkit-keyframes messageshake {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	10% { -webkit-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -webkit-transform: translate(0px, 2px) rotate(0deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	50% { -webkit-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -webkit-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -webkit-transform: translate(2px, 2px) rotate(0deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes messageshake {
	0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
	10% { -moz-transform: translate(-1px, -2px) rotate(-1deg); }
	20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
	30% { -moz-transform: translate(0px, 2px) rotate(0deg); }
	40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
	50% { -moz-transform: translate(-1px, 2px) rotate(-1deg); }
	60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
	70% { -moz-transform: translate(2px, 1px) rotate(-1deg); }
	80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
	90% { -moz-transform: translate(2px, 2px) rotate(0deg); }
	100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes messageshake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	10% { transform: translate(-1px, -2px) rotate(-1deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	30% { transform: translate(0px, 2px) rotate(0deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	50% { transform: translate(-1px, 2px) rotate(-1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	70% { transform: translate(2px, 1px) rotate(-1deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	90% { transform: translate(2px, 2px) rotate(0deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#slide-12 .overflowmask.ovm1 {
    overflow: hidden;
    width:100%; height: 120px; top: 495px;
    z-index: 2;
}
#slide-12 .overflowmask.ovm2 {
    overflow: hidden;
    width:100%; height: 80px; top: 60px;
    z-index: 3;
}
#slide-12 .overflowmask.ovm3 {
    left: 0px;
    top: 125px;
    overflow: hidden;
    width:100%; height: 650px;
    z-index: 1;
}
#slide-12 .message {
    position: relative;
    line-height: 100%;
}
#slide-12 .red_bubble.slide12bubble1 {
    border-radius: 0px 8px 8px 0px;
    left:-10px;
    width:500px;
}

#slide-12 .vet {
    background-position: 0px -348px;
    width: 640px;
    height:444px;
    top: 70px;
    left: -60px;
    z-index: 1;
}

/* slide 13 */
#slide-13 { position: relative; height:950px; }

#slide-13 .chalkBanner { z-index:2; }
#slide-13 .hand { left:550px; margin-top:-5px; width:197px; height: 231px; background-position: -10px -10px; z-index:1; }
#slide-13 .diagram { position: relative; top: 75px; width: 793px; left: -30px; z-index:3; }
#slide-13 .diagram div { position: absolute; }
#slide-13 .red_bubble.slide13bubble1 {
    border-radius: 8px;
    padding: 20px;
    left: 200px;
    top: -30px;
    width: 350px;
    z-index: 1;
    text-align: center;
}
#slide-13 .diagram .bubble { border:1px solid #6D6E71; background-color: #FFF; overflow: hidden;}
#slide-13 .diagram .bubble.bubble1 {
    z-index: 2; border-radius: 136px / 90px; width: 272px; height: 180px;
    top:155px; left:60px;
}
#slide-13 .diagram .bubble.bubble1 .copy {
    background-position: -10px -730px;
    width: 183px; height: 129px;
    left: 40px;
    top: 30px;
}
#slide-13 .diagram .bubble.bubble2 {
    z-index: 3; border-radius: 140px / 93px; width: 280px; height: 186px;
    top:155px; left:465px;
}
#slide-13 .diagram .bubble.bubble2 .copy {
    width:220px; height: 109px;
    background-position: -10px -880px;
    left: 25px;
    top: 40px;
}
#slide-13 #bubble2arrow {
    z-index: 4; width: 41px; height: 107px; background-position: -600px -340px;
    left: 680px;
    top: 300px;
}
#slide-13 .diagram .bubble.bubble3 {
    z-index: 5; border-radius: 184px / 129px; width: 368px; height: 258px;
    top:345px; left:60px;
}
#slide-13 .diagram .bubble.bubble3 .copy {
    width:297px; height: 186px;
    background-position: -270px -730px;
    left: 25px;
    top: 45px;
}
#slide-13 #bubble3arrow {
    z-index: 6; width: 58px; height: 146px; background-position: -200px -400px;
    left: 35px;
    top: 520px;
}
#slide-13 .diagram .notepad {
    z-index: 7; width: 407px; height:255px; background-position: -420px -10px;
    left: 420px;
    top: 405px;
}
#slide-13 .diagram .bubble.bubblemain {
    z-index: 0; border-radius: 275px/220px; width: 550px; height: 440px;
    top:75px; left: 120px;
}

/* slide 14 */
#slide-14 { position: relative; height:950px; }

#slide-14 .percentElements {
    top:260px;
    left:0px;
}
#slide-14 .percentElements .percent100 {
    background-position: -270px -930px;
    width:277px;
    height:75px;
    top:0;
}
#slide-14 .percentElements .infective {
    margin-top: 70px;
    left: 30px;
    width:277px;
    height:125px;
    background-position: -270px -1005px;
}
#slide-14 .percentElements p {
    top: 200px;
    left: -5px;
    width: 300px;
    line-height: 100%;
    font-size: 12px;
}
#slide-14 .percentElements a {
    text-decoration: none;
    color:inherit;
}
#slide-14 .copy1 {
    position: relative;
    width: 65%;
    top:35px;
    left: 280px;
}
#slide-14 .copy1 p { font-size: 18px; }
#slide-14 .percent100 {
    background-position: -270px -930px;
    width:277px;
    height:240px;
    top:260px;
    left:30px;
    -webkit-transform-origin : 0% 0%;
    -moz-transform-origin : 0% 0%;
    -o-transform-origin : 0% 0%;
    -ms-transform-origin : 0% 0%;
    transform-origin : 0% 0%;
}
#slide-14 .dogsMask {
    position: relative;
    float: left;
    margin-top:100px;
    width:793px;
    height:148px;
    overflow: hidden;
}
#slide-14 .dogs {
    position: relative;
    background-position: -10px -400px;
    width:644px;
    height:148px;
    margin: 0 auto 0 auto;
}


/* slide 15 */
#slide-15 { position: relative; height:1005px; }

#slide-15 #slide15bubbletext {
    position: relative;
    top: 0px;
}
#slide-15 #slide15bubbletext .lowerElements {
    top:515px;
    left:-15px;
    z-index: 3;
}
#slide-15 .notepanel {
    width:568px;
    height:436px;
    background-position: -10px -570px;
    z-index: 1;
}
#slide-15 .notepanel .copy1 {
    position: relative;
    top: 135px;
    left: 100px;
    width: 75%;
}
#slide-15 .biker2mask {
    left:15px;
    top:300px;
    height:190px;
    width:793px;
    overflow: hidden;
    z-index: 2;
}
#slide-15 .biker2 {
    position: relative;
    left:-300px;
    width:294px;
    height:190px;
    background-position: -10px -1670px;
}
#slide-15 .childwithhelmet {
    top: 178px;
    left: 400px;
    width:383px;
    height:327px;
    background-position: -246px -9px;
    z-index: 3;
}
#slide-15 .path {
    left:125px;
    width:657px;
    height:567px;
    background-position: -92px -2184px;
}
#slide-15 .red_bubble { border-radius: 8px; padding:15px; font-size: 17px; }
#slide-15 .red_bubble.slide15bubble1 {
    top:0px;
    left: 40px;
    width: 315px;
    z-index: 8;
}
#slide-15 .red_bubble.slide15bubble2 {
    padding:15px 15px 15px 45px;
    top:120px;
    left: 330px;
    width: 330px;
    z-index: 7;
}
#slide-15 .red_bubble.slide15bubble3 {
    top:285px;
    left: 60px;
    width: 330px;
    z-index: 6;
}
#slide-15 .biker1 {
    top:270px;
    left:405px;
    width:295px;
    height:185px;
    background-position: -24px -1895px;
    z-index: 5;
}
#slide-15 .red_bubble.slide15bubble4 {
    top:480px;
    left: 285px;
    width: 465px;
    z-index: 4;
}

/* slide 16 */
#slide-16 { position: relative; height:700px; }

#slide-16 .copy1 {
    width:385px;
}

#slide-16 .copy2 {
    top: 100px;
    left: 40px;
    width:445px;
}

#slide-16 .dog {
    width:398px;
    height: 222px;
    top: 80px;
    left: 400px;
    background-position: -370px -1030px;
}

/* slide 17 */
#slide-17 { position: relative; height:600px; }

#slide-17 .copy1 {
    width:550px;
}
#slide-17 .slide17bubble1Mask {
    position: relative;
    overflow:hidden;
    margin-top:30px;
    width:793px;
    height:160px;
    left:0px;
}
#slide-17 .slide17bubble1 {
    width:600px;
    height:160px;
    padding-right: 60px;
    padding-top:30px;
    left:50px;
}
#slide-17 .slide17bubble1 p {
    margin:4px;
}
#slide-17 .vet {
    top:-200px;
    left:550px;
    width:296px;
    height:786px;
    background-position: -651px 0px;
    -webkit-transform-origin : 100% 0%;
    -moz-transform-origin : 100% 0%;
    -o-transform-origin : 100% 0%;
    -ms-transform-origin : 100% 0%;
    transform-origin : 100% 0%;
}

/* slide 18 */
#slide-18 {
    position: relative; height:890px; top: -50px; background: none;
}

#slide-18 #copyBlock1 div {
    position: absolute;
    width:510px;
    left:40px;
}

#slide-18 #copyBlock1 .copy1 {
    top:0px;
    width:530px;
}
#slide-18 #copyBlock1 .copy2 {
    top:60px;
}
#slide-18 #copyBlock1 .copy3 {
    top:90px;
}

#slide-18 #copyBlock1 .overflowmask {
    width:753px;
    height:158px;
    top: 100px;
    left: 0px;
}
#slide-18 #copyBlock1 .finger {
    width:387px;
    height:158px;
    background-position: -370px -1260px;
    top: 0;
    left: 435px;
}
@-webkit-keyframes connectshake {
	0% { -webkit-transform: translate(2px, 1px) rotate(0deg); }
	20% { -webkit-transform: translate(-3px, 0px) rotate(1deg); }
	40% { -webkit-transform: translate(1px, -1px) rotate(1deg); }
	60% { -webkit-transform: translate(-3px, 1px) rotate(0deg); }
	80% { -webkit-transform: translate(-1px, -1px) rotate(1deg); }
	100% { -webkit-transform: translate(1px, -2px) rotate(-1deg); }
}
@-moz-keyframes connectshake {
	0% { -moz-transform: translate(2px, 1px) rotate(0deg); }
	20% { -moz-transform: translate(-3px, 0px) rotate(1deg); }
	40% { -moz-transform: translate(1px, -1px) rotate(1deg); }
	60% { -moz-transform: translate(-3px, 1px) rotate(0deg); }
	80% { -moz-transform: translate(-1px, -1px) rotate(1deg); }
	100% { -moz-transform: translate(1px, -2px) rotate(-1deg); }
}
@keyframes connectshake {
	0% { transform: translate(2px, 1px) rotate(0deg); }
	20% { transform: translate(-3px, 0px) rotate(1deg); }
	40% { transform: translate(1px, -1px) rotate(1deg); }
	60% { transform: translate(-3px, 1px) rotate(0deg); }
	80% { transform: translate(-1px, -1px) rotate(1deg); }
	100% { transform: translate(1px, -2px) rotate(-1deg); }
}
#slide-18 #copyBlock1 .copy4 {
    top:160px;
}
#slide-18 #copyBlock1 .arrow1 {
    opacity:0;
    width:58px;
    height:146px;
    background-position: -200px -400px;
    top: 0px;/*205px;*/
    left: 120px;
    -ms-transform:rotate(5deg);
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg);
    -webkit-transform-origin : 0% 0%;
    -moz-transform-origin : 0% 0%;
    -o-transform-origin : 0% 0%;
    -ms-transform-origin : 0% 0%;
    transform-origin : 0% 0%;
}
#slide-18 #copyBlock1 .copy5 {
    top:345px;
}
#slide-18 #copyBlock1 .copy6 {
    top: 345px;
    left: 230px;
    width: auto;
    padding-right:30px;
}
#slide-18 .owneranddog {
    width:320px;
    height:380px;
    left: 30px;
    top: 50px;
    background-position: -10px -1260px;
}
#slide-18 #copyBlock2 {
    top: 450px;
    width: 100%;
    height: 436px;
    border-bottom: 6px #EB1D23 solid;
    overflow: hidden;
}
#slide-18 .slide18bubble1, #slide-18 .slide18bubble2 {
    border-radius: 8px;
    width:370px;
    padding-bottom: 20px;
    padding-right: 30px;
    font-size: 16px;
}
#slide18_How, #slide18_HowExplanation { display: none; }

/* slide 19 */
#slide-19 {
    position: relative; height:1280px;
}

#slide-19 #copyBlock1 {
    left:0px;
    width:753px;
    height:598px;
    overflow: hidden;
}
#slide-19 .arrow1 {
    left: 470px;
    top: 125px;
    width:107px; height:48px;
    background-position: -450px -420px;
}

#slide-19 .copy1 {
    position: relative;
    width:650px;
    line-height: 90%;
}
#slide-19 .copy2 {
    height: 180px;
    margin-top: 30px;
    left:40px;
    width:475px;
}
#slide-19 .copy3 {
    margin-top: 30px;
    width:450px;
    left:40px;
}
#slide-19 .copy4 {
    top: 260px;
    left:40px;
    margin-top: 30px;
    width:300px;
}
#slide-19 .arrow2 {
    left: 445px;
    top: 405px;
    width:81px; height:69px;
    background-position: -450px -480px;
}
#slide-19 .clock {
    left: 525px;
    top: 345px;
    width:242px; height:233px;
    background-position: -590px -570px;
    z-index: 1;
}
#slide-19 .clock_overlay {
    left: 525px;
    top: 345px;
    width:242px; height:233px;
    background-position: -10px -1010px;
    opacity: 0;
    z-index: 2;
}
#slide-19 .lowerElements {
    top:540px;
}
#slide-19 .igotit {
    top:125px;
    left:130px;
    width:350px;
}
#slide-19 .zzzz {
    left: -25px;
}
#slide-19 .zzzz div {
    position: absolute;
    display: none;
}
#slide-19 .zzzz #z1 { z-index: 1; top:70px; left:275px; }
#slide-19 .zzzz #z2 { z-index: 2; top: 20px; left: 330px; }
#slide-19 .zzzz #z3 { z-index: 3; top: 0px; left: 420px; }
#slide-19 .zzzz #z4 { z-index: 4; top: 40px; left: 495px; }
#slide-19 .studentawake {
    top: 110px; left: 340px;
    width:450px; height: 673px;
    background-position: -370px -1430px;
}
#slide-19 .studentyawns {
    opacity:0;
    top: 110px; left: 310px;
    width:486px; height: 637px;
    background-position: -340px -2780px;
}



/* slide 20 */
#slide-20 {
    position: relative; height:1070px;
}
#slide-20 .quote.quoteUnknown2 {
    background-position: 0px -1290px; left:793px;
    top:-20px;
}
#slide-20 .copy1mask {
    overflow:hidden;height:115px;width:400px;margin-top:0px;position:relative;
}
#slide-20 .copy1 {
    width:400px;
}
#slide-20 .copy2 {
    -webkit-transform-origin : 0% 50%;
    -moz-transform-origin : 0% 50%;
    -o-transform-origin : 0% 50%;
    -ms-transform-origin : 0% 50%;
    transform-origin : 0% 50%;
}
#slide-20 .copy3 {
    width:400px;
    margin-left: 40px;
    margin-top: 30px;
}
#slide-20 .copy2arrow {
    width:48px;
    height:106px;
    margin-left: -25px;
    margin-top: -50px;
    background-position: -10px -1010px;
}
#slide-20 #headHandAnimationContainer {
    position: relative;
    float:left;
    width:793px;
    margin-left:0px;
    height:400px;
    overflow: hidden;
}
#slide-20 #headHandAnimationContainer #headhandAnimation {
    position: absolute;
    float:left;
    left: -150px;
    top: -200px;
}


/* slide 21 */
#slide-21 {
    position: relative; height:1690px;
}
#slide-21 .upper_content, #slide-21 .lower_content {
    position: relative;
    float:left;
    margin-left:35px;
    height:600px;
    width:758px;
}
#slide-21 .upper_content {
    margin-top: -20px;
}
#slide-21 .lower_content {
    margin-top: 30px;
}
#slide-21 .copy6arrow {
    width:73px;
    height:162px;
    margin-left: 125px;
    margin-top: -304px;
    background-position: -80px -1010px;
}
#slide-21 .copy7 {
    float: left;
    margin-top: 90px;
    width: 600px;
}
#slide-21 .copy7arrow {
    width:154px;
    height:74px;
    margin-left: 215px;
    margin-top: -70px;
    background-position: -500px -10px;
}

#slide-21 .messageblock {
    position: relative;
    float: left;
    margin-bottom:10px;
    width:758px;
    min-height:200px;
    overflow: hidden;
}
#slide-21 .messageblock .red_bubble {
    padding: 15px 35px 20px 30px;
    width: 525px;
    left: 235px;
    top:0;
}
#slide-21 .messageblock .red_bubble ul {
    padding: 0;
    margin-left: 15px;
}
#slide-21 .messageblock .red_bubble .quote_level_1 {
    position: relative;
    margin-top:10px;
    left:40px;
    margin-right: 50px;
    font-size: 16px;
}
#slide-21 .messageblock .red_bubble .quote_level_1 .quote_ng {
    font-size: 60px;
}
#slide-21 .messageblock .red_bubble .quote_level_1 .quote_ng.open {
    top: -14px;
    left: -30px;
}
#slide-21 .copy4,
#slide-21 .copy5,
#slide-21 .copy6 {
    position: relative;
    width:225px;
}
#slide-21 .copy4 .indent,
#slide-21 .copy5 .indent,
#slide-21 .copy6 .indent {
    display: block;
    padding-left:50px;
    margin-top: -15px;
}
#slide-21 .copy4 .number,
#slide-21 .copy5 .number,
#slide-21 .copy6 .number {
    position: relative;
    top: 18px;
}
#slide-21 .copy4 span,
#slide-21 .copy5 span,
#slide-21 .copy6 span {
    line-height: 120%;
    clear:none;
}
#slide-21 .handarrowsMask {
    overflow: hidden;
    width: 384px;
    height:411px;
    top: 260px;
    left: -30px;
}
#slide-21 .handarrows {
    position: relative;
    background: url(../img/SectionDImages_Index.png) no-repeat;
    width: 384px;
    height:411px;
    left: -30px;
}
#slide-21 .lower_content .right_column {
    left: 350px;
    top: 230px;
}
#slide-21 .copy8 {
    -webkit-transform-origin : 0% 50%;
    -moz-transform-origin : 0% 50%;
    -o-transform-origin : 0% 50%;
    -ms-transform-origin : 0% 50%;
    transform-origin : 0% 50%;
}
#slide-21 .copy9 {
    margin-top:-10px;
}
#slide-21 .copy10 {
    margin-top:10px;
    width:350px;
}
#slide-21 .copy13 {
    position: relative;
    top: 40px;
    width: 400px;
}
#slide-21 .thumbsuppara {
    background: url(../img/Icon_Thumbpara.png) no-repeat;
    min-width:49px;
    min-height:48px;
    padding: 0 30px 0 60px;
    background-position: left center;
    font-size: 15px;
    line-height: 120%;
    margin-top: 20px;
}
#slide-21 .slide21bubble4 {
    position: relative;
    border-radius: 0 8px 8px 0;
    left:0;
    top:0;
    width:350px;
}
#slide-21 .vet {
    right: -20px;
    top: 540px;
    background: url(../img/SectionD_Alphas.png) no-repeat;
    width:367px;
    height:468px;
    -webkit-transform-origin : 100% 100%;
    -moz-transform-origin : 100% 100%;
    -o-transform-origin : 100% 100%;
    -ms-transform-origin : 100% 100%;
    transform-origin : 100% 100%;
}

/* slide 22 */
#slide-22 {
    position: relative; height: 1400px;
}

.caseStudyElements {
    background: url(../img/Case4andSummary_Elements.png) no-repeat;
}
.caseStudyAlphas {
    background: url(../img/Summary_Alpha_Elements.png) no-repeat;
}

#slide-22 .topElements {
    position: relative;
    float:left;
    top:45px;
}

#slide-22 .lowerElements {
    position: relative;
    overflow: hidden;
    float:left;
    left:35px;
    height:760px;
    width:758px;
    margin-top: 60px;
}

#slide-22 .lowerElements .copyblock1 {
    width:500px;
}

#slide-22 .lowerElements .flowline1 {
    left: 190px;
    top: 130px;
    width:358px;
    height:220px;
    background-position: -10px -160px;
}

#slide-22 .lowerElements .flowline2 {
    left: 30px;
    top: 410px;
    width:176px;
    height:101px;
    background-position: -400px -160px;
}

#slide-22 .lowerElements .copyblock2 {
    top:100px;
    left: 270px;
    width:340px;
}
#slide-22 .lowerElements .copy8 {
    clear:left;
    left:0;
    top: 60px;
}
#slide-22 .lowerElements .copyblock3 {
    top:180px;
    width:525px;
}
#slide-22 .lowerElements .copyblock3 .indented {
    position:absolute;
    width: 500px;
    left: 40px;
    top: 2px;
}
#slide-22 .lowerElements p {
    position: relative;
    float: left;
    display: inline-block;
    clear:none;
    left:50px;
}

#slide-22 .lowerElements div {
    position: relative;
    float: left;
}

#slide-22 .lowerElements .number {
    position: absolute;
    left: 35px;
    width:75px;
    top:-10px;
}

#slide-22 .topElements p {
    position: relative;
    width: 475px;
    left: 235px;
    padding-bottom:10px;
}

#slide-22 .manwithdog, #slide-23 .manwithdog {
    width:232px;
    height:336px;
    background-position: -320px -970px;
}

#slide-22 .copy1arrow {
    top:-5px;
    left:140px;
    width:121px;
    height:37px;
    background-position: -10px -10px;
}

#slide-22 .copy3arrow {
    top:140px;
    left:175px;
    width:85px;
    height:79px;
    background-position: -160px -10px;
}

#slide-22 .mosquito {
    top:330px;
    left:660px;
    width:100px;
    height:53px;
    background-position: -200px -970px;
}

#slide-22 .hi {
    top: 190px;
    left: 380px;
    width:152px;
    height:107px;
    background-position: -190px -10px;
}

#slide-22 .noway {
    top: 270px;
    left: 570px;
    width:152px;
    height:107px;
    background-position: -360px -10px;
}


#slide-22 .vet {
    top:0;
    left:0;
    width:605px;
    height:636px;
    background-position: -60px -150px;
}

/* slide 23 */
#slide-23 {
    position: relative; height:1275px;
}

#slide-23 .upperElements {
    position: absolute;
    overflow:hidden;
    width:780px;
    height:1300px;
}
#slide-23 .copyblock1, #slide-23 .copyblock2, #slide-23 .copyblock3, #slide-23 .copyblock4 {
    position:relative;
    float:left;
    clear:left;
}
#slide-23 .copyblock1 {
    top: 35px;
    left: 350px;
    width:425px;
}
#slide-23 .copyblock2 {
    top: 70px;
    width: 580px;
    left: 160px;
}

#slide-23 .copyblock3 p, #slide-23 .copyblock4 p {
    margin-left:0;
    margin-top:20px;
}
#slide-23 .copyblock3 {
    top: 170px;
    width: 400px;
    left: 35px;
}
#slide-23 .copyblock4 {
    top: 310px;
    width: 425px;
    left: 275px;
}
#slide-23 .copy1 {
    position:relative;
}
#slide-23 .copy7 {
    top:875px;
    left:165px;
}
#slide-23 .spray {
    left: 0;
    top:-30px;
    width:251px;
    height:309px;
    background-position: -10px -1320px;
}
#slide-23 .swarm {
    top:12px;
    left:135px;
    width:255px;
    height:163px;
    background-position: -310px -1320px;
}
#slide-23 .sunscreen {
    top:472px;
    left:375px;
    width:172px;
    height:209px;
    background-position: -10px -970px;
}
#slide-23 .bricks {
    top:522px;
    left:561px;
    width:226px;
    height:90px;
    background-position: -10px -1200px;
}
#slide-23 .equals {
    top:548px;
    left:544px;
    width:38px;
    height:32px;
    background-position: -390px -10px;
}

#slide-23 .flowline3 {
    top: 500px;
    left: 150px;
    width:106px;
    height:48px;
    background-position: -400px -300px;
}

#slide-23 .flowline4 {
    top: 818px;
    left: 378px;
    width:208px;
    height:191px;
    background-position: -10px -400px;
}

#slide-23 .manwithdog {
    top:890px;
    left:20px;
}

.tryme_hg_combo_cat:hover #heartgardCatButton {
    background-position: -470px -1780px;
}
.tryme_hg_combo_cat:hover #trymeButton12 {
    background-position: -100px -215px;
}
.tryme_hg_combo_dog:hover #heartgardDogButton {
    background-position: -470px -530px;
}
.tryme_hg_combo_dog:hover #trymeButton16 {
    background-position: -100px -215px;
}
#slide-23 .heartgardbutton, #slide-24 .heartgardbutton {
    display:none;
    left: 654px;
    top: 902px;
    width:65px;
    height:63px;
    cursor: pointer;
    /*
    left:634px;
    top:862px;
    width:115px;
    height:112px;
    background-position: -470px -10px;*/
}

#slide-23 .heartgardbutton {
    background-position: -390px -1780px;
}
#slide-24 .heartgardbutton {
    background-position: -390px -530px;
}
#slide-23 .heartgardbutton:hover {
    background-position: -470px -1780px;
}
#slide-24 .heartgardbutton:hover {
    background-position: -470px -530px;
}


/* slide 24 */
#slide-24 {
    position: relative; height:1800px;
}

#slide-24 .number {
    position: absolute;
    left: 35px;
    width:75px;
    top:-10px;
}

#slide-24 .copyblock1, #slide-24 .copyblock2, #slide-24 .copyblock3,
#slide-24 .copyblock4, #slide-24 .copyblock5 {
    position:relative;
    float:left;
    clear:left;
}

#slide-24 .copyblock2 p, #slide-24 .copyblock3 p, #slide-24 .copyblock4 p {
    position: relative;
    float: left;
    display: inline-block;
    clear: left;
    left: 50px;
}

#slide-24 .copyblock2 p, #slide-24 .copyblock4 p {
    clear: none;
}

#slide-24 .copyblock3 {
    overflow:hidden;
    top: 50px;
    left: 185px;
    width:610px;
    height: 320px;
}

#slide-24 .copyblock3 .indented {
    position:absolute;
    width: 400px;
    left: 40px;
    top: 2px;
}

#slide-24 .copyblock1 {
    top:30px;
    width:550px;
    margin-bottom:80px;
}

#slide-24 .copyblock2 {
    top: 0px;
    left: 0px;
    width: 530px;
}


#slide-24 .copyblock4 {
    top: 60px;
    left: 15px;
    width: 450px;
}

#slide-24 .copyblock5 {
    top: 300px;
    left: 80px;
    width: 600px;
}
#slide-24 .copyblock5 .inner {
    position: relative;
    top: 110px;
    left: 120px;
    width: 490px;
}
#slide-24 .heartgardbutton {
    top: 1515px;
    left: 65px;
}

#slide-24 .maltese {
    top:157px;
    left:520px;
    width:273px;
    height:240px;
    background-position: -310px -1500px;
}

#slide-24 .copy1arrow {
    top:200px;
    left:474px;
    width:108px;
    height:36px;
    background-position: -260px -10px;
}

#slide-24 .issheokay {
    top: 975px;
    left: 480px;
    width:172px;
    height:107px;
    background-position: -10px -10px;
}

#slide-24 .flowline1 {
    top:576px;
    left:192px;
    width:508px;
    height:88px;
    background-position: -10px -620px;
}

#slide-24 .flowline2 {
    top: 862px;
    left: 36px;
    width:269px;
    height:107px;
    background-position: -280px -400px;
}

#slide-24 .flowline3 {
    top: 1140px;
    left: 245px;
    width:431px;
    height:219px;
    background-position: -10px -730px;
}

#slide-24 .drawchart {
    top: 675px;
    left: 47px;
    width:230px;
    height:230px;
    background-position: -10px -1640px;
}

#slide-24 .vet {
    top:1220px;
    left:172px;
    width:583px;
    height:380px;
    background-position: -10px -1880px;
}

/* slide 25 */
#slide-25 {
    position: relative; height:1295px;
}

#slide-25 .quote.quoteMenninger {
    background-position: 0px -1505px;
    left:793px;
}

#letterCrash { position: relative; width:451px; height:182px; top: 0px; }
#letterCrash span { position:absolute; left:700px; opacity:0; }
#letterCrashess {top: 90px; left:410px !important; opacity:1 !important; display:none;}
#slide-25 .vet {
    top: 730px;
    left: 85px;
    width:747px;
    height:541px;
    background-position: -20px -140px;
    /*
    top: 660px;
    left: 230px;
    width:605px;
    height: 636px;
    background-position: -60px -150px;
    */
}
#slide-25 .apple_noshadow {
    position:absolute;
    top: 870px;
    left: 180px;
    /*background: url(../img/apple_noshadow.png) no-repeat;*/
    background: url('../img/apple.png') no-repeat;
    background-size: 142px 162px;
    width: 136px;
    height: 158px;
    -moz-transform: rotate(10deg) scale(0.85);
    -o-transform: rotate(10deg) scale(0.85);
    -webkit-transform: rotate(10deg) scale(0.85);
    -ms-transform: rotate(10deg) scale(0.85);
    transform: rotate(10deg) scale(0.85);
    z-index:8;
}


#slide-25 .copyblock1 {
    position: absolute;
    float: left;
    overflow:hidden;
    top:305px;
    left:80px;
    width:714px;
}

#slide-25 .copyblock2 {
    position: absolute;
    float: left;
    left:50px;
    width: 290px;
    top: 675px;
    z-index: 6;
}

#slide-25 .copyblock1 div {
    position: relative;
    display: inline-block;
    clear: none;
}
#slide-25 .copyblock1 p {
    position: relative;
    left: 300px;
    width: 330px;
    top: -20px;
}

#slide-25 .copyblock2 p {
    margin-left:0;
}

/* try me buttons */
#trymeButton5 {
    left:500px; top: 180px;
}
#trymeButton6 {
    left:540px; top: 180px;
}
#trymeButton_fleaCycle {
    left: 100px;
    top: 400px;
}
#trymeButton7 {
    left: 300px; top: -65px;
}
#trymeButton8 {
    top: 300px;
    left: 100px;
}
#trymeButton9 {
    left: 200px;
    top: 340px;
}
#trymeButton10 {
    left: 200px;
    top: 340px;
}

#trymeButton11 {
    top: 465px;
    left: 50px;
}
#trymeButton12 {
    top: 943px;
    left: 690px;
}

#trymeButton13 {
    top:517px;
    left:603px;
}

#trymeButton14 {
    top: 874px;
    left: 323px;
}

#trymeButton15 {
    top: 1090px;
    left: 578px;
    z-index:4;
    
}
#trymeButton16 {
    top: 1550px;
    left: 110px;
    z-index:5;
}
#trymeButton17 {
    top: 300px;
    left: 55px;
    z-index:7;
}

#CopyrightFooter {
    position:absolute;
    bottom:0;
    margin-top:0;
    height:40px;
}

.footercopy {
    color:#FFF;
    font-size: 11px;
    text-align: center;
    line-height: 40px;
}




/* Navigation ** discarded ** */
#slideNav {
	display: none;
	position: fixed;
	right: 20px;
	top: 60%;
	z-index: 11;
}
#slideNav ul {
	list-style: none;
	font-size: 13px;
	text-align: center;
}
#slideNav li {
	width: 39px;
	height: 35px;
	line-height: 35px;
	margin-bottom: 1px;
}
.no-rgba  #slideNav li {background-color: #ffffff}
#slideNav a {
	display: block;
	width: 39px;
	height: 35px;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	color: #000000;
}
#slideNav a.disabled {
	cursor: default;
}
.slideNav {
    background: url(../img/MerialUS_General_Sprites.png) no-repeat;
    background-size:300px 400px;
}
.slideNavText { color:rgba(170,163,156); font-weight:700; height:15px; opacity:0;}
.slideNavPrev { background-position: 0 0; }
.slideNavNext { background-position: 0 -40px; }
.slideNavPrev:hover { background-position: -50px 0; }
.slideNavNext:hover { background-position: -50px -40px; }

/* ==========================================================================
   Helper classes
   ========================================================================== */

/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

/*
 * Hide from both screenreaders and browsers: h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}

/*
 * Hide only visually, but have it available for screenreaders: h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard: h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}

/*
 * Clearfix: contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}

/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5/4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }

}