/* @font-face kit by Fonts2u (http://www.fonts2u.com) */ @font-face {font-family:"Curse Casual JVE";src:url("fonts/Curse_Casual_JVE.eot?") format("eot"),url("fonts/Curse_Casual_JVE.woff") format("woff"),url("fonts/Curse_Casual_JVE.ttf") format("truetype"),url("fonts/Curse_Casual_JVE.svg#CurseCasualJVE") format("svg");font-weight:normal;font-style:normal;}

*{
	box-sizing: border-box;
}

html, body{
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	min-width: 320px;
	background-color: #ffffff;
	font-family: "Curse Casual JVE";
}

h1, h2, h3, h4, h5, h6, p, ol, ul, li{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

h1{
	font-size: 32px;
	line-height: 0.9;
	letter-spacing: 0.2px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

h2{
	font-size: 40px;
	line-height: 67px;
	letter-spacing: 0.6px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
}

h3{
	font-size: 40px;
	line-height: 50px;
	letter-spacing: 0.3px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	margin-bottom: 16px;
}

h4{
	font-size: 32px;
	line-height: 32px;
	color: #ffffff;
	margin-bottom: 16px;
}

h5{
	font-size: 26px;
	letter-spacing: 0.4px;
	color: #ffffff;
}

h6{
	font-size: 36px;
	line-height: 0.9;
	letter-spacing: 0.9px;
	color: #d1d1d1;
	text-align: center;
	width: 100%;
}

h6:before,
h6:after {
	height: 5px;
	border-radius: 5px;
	background-color: #d1d1d1;
    content: "";
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 40%;
    margin-bottom: .15em;
}
h6:before {
    right: 0.5em;
    margin-left: -50%;
}
h6:after {
    left: 0.5em;
    margin-right: -50%;
}


p{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	line-height: 18px;
	color: #ffffff;
}

img{
	border: 0px;
	max-width:100%;
}

/*buttons*/

.roundButton{
	background: url('../images/Button_Green_Default.png') no-repeat;
	width: 85px;
	height: 91px;
	cursor:pointer;
	display: inline-block;
	margin: 0px 5px;
	font-size: 32px;
	line-height: 80px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
	text-align: center;
	padding-right: 4px;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.roundButton:hover{
	background: url('../images/Button_Green_Hover.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.roundButton:active{
	background: url('../images/Button_Green_Click.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.roundButton.active{
	background: url('../images/Button_Purple_Default.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.roundButton.active:hover{
	background: url('../images/Button_Purple_Hover.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.roundButton.active:active{
	background: url('../images/Button_Purple_Click.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.prev{
	background: url('../images/Button_Left_Default.png') no-repeat;
	width: 115px;
	height: 124px;
	cursor:pointer;
	display: none;
}

.prev:hover{
	background: url('../images/Button_Left_Hover.png') no-repeat;
}

.prev:active{
	background: url('../images/Button_Left_Click.png') no-repeat;
}

.next{
	background: url('../images/Button_Right_Default.png') no-repeat;
	width: 115px;
	height: 124px;
	cursor:pointer;
	display: none;
}

.next:hover{
	background: url('../images/Button_Right_Hover.png') no-repeat;
}

.next:active{
	background: url('../images/Button_Right_Click.png') no-repeat;
}

.greenNext{
	background: url('../images/Button_Right_Default.png') no-repeat;
	width: 115px;
	height: 124px;
	cursor:pointer;
}

.greenNext:hover{
	background: url('../images/Button_Right_Hover.png') no-repeat;
}

.greenNext:active{
	background: url('../images/Button_Right_Click.png') no-repeat;
}

.greenButton{
	background: url('../images/PillButton_Green_Default.png') no-repeat;
	max-width: 306px;
	width: 100%;
	height: 90px;
	cursor:pointer;	
	font-size: 32px;
	line-height: 78px;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	text-align: center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;

}

.greenButton:hover{
	background: url('../images/PillButton_Green_Hover.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.greenButton:active{
	background: url('../images/PillButton_Green_Click.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.orangeButton{
	background: url('../images/PillButton_Orange_Default.png') no-repeat;
	width: 306px;
	height: 90px;
	cursor:pointer;	
	font-size: 32px;
	line-height: 78px;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	text-align: center;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
	display: block;
	text-decoration: none;
}

.orangeButton:hover{
	background: url('../images/PillButton_Orange_Hover.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.orangeButton:active{
	background: url('../images/PillButton_Orange_Click.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.closeButton{
	background: url('../images/Button_Close_Default.png') no-repeat;
	cursor:pointer;	
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.closeButton:hover{
	background: url('../images/Button_Close_Hover.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

.closeButton:active{
	background: url('../images/Button_Close_Click.png') no-repeat;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	-o-background-size: 100% 100%;
	background-size: 100% 100%;
}

/*global*/

#wrapper{
	position: relative;
	width: 100%;
}

#intro, #videoCarousel, #helpNancy, #screenShotGallery, #exploreGallery, #learnAndExplore, #moreTitles, #cta, #reviews, #footer{
	position: relative;
	width: 100%;
	overflow: hidden;
}

#footer a{
	color: #ffffff;
}

#footer a:hover{
	color: #ffffff;
}

.fillImage img{
	position: absolute;
	left: 50%; 
	margin-left: -600px;
    top: 0px;
	width: 100%;
	min-width: 1200px;
	min-height: 100%;
}

.container{
	position: relative;
	max-width: 1200px;
	margin: 0px auto;
	padding: 0px 10px;
}

#intro{
	position: relative;
}

#intro #friends{
	position: absolute;
	left: -20px;
	top: 320px;
	width: 191px;
	height: 350px;
	z-index: 250;
}

#intro #nancy{
	position: absolute;
	right: -40px;
	top: 330px;
	width: 210px;
	height: 336px;
	z-index: 250;
}

.leftBush{
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100px;
	height: 140px;
	z-index: 100;
}

.rightBush{
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 140px;
	height: 113px;
	z-index: 100;
}

#herInteractiveLogo{
	position: relative;
	width: 80px;
	padding: 4px 0px 0px 20px;
	margin-bottom: 5px;
	z-index: 200;
}
	
#herinteractiveSocial{
	position: absolute;
	right: 30px;
	top: 5px;
	z-index: 250;
}
	
#soa{
	position: absolute;
	right: 10px;
	top: 50px;
	z-index: 250;
	width: 75px;
	height: 75px;
}
	
#top50{
	position: absolute;
	right: 10px;
	top: 100px;
	z-index: 250;
	width: 75px;
	height: 75px;
}
	
#ksa{
	position: absolute;
	left: 5px;
	top: 50px;
	z-index: 250;
	width: 75px;
	height: 75px;
}

#momsChoice{
	position: absolute;
	right: 10px;
	top: 175px;
	z-index: 250;
	width: 75px;
	height: 75px;
}
	
#brainChild{
	position: absolute;
	left: 5px;
	top: 125px;
	z-index: 250;
	width: 75px;
	height: 75px;
}

#coolTool{
	position: absolute;
	left: 5px;
	top: 205px;
	z-index: 250;
	width: 75px;
	height: 75px;
}
	
#newsletterSignup{
	position: absolute;
	left: 50%;
	top:-20px;
	width: 130px;
	z-index: 99999;
	margin-left: -65px;
}
	
#newsletterSignup.cornerAnchor{
	position: fixed;
	left: 10px;
	top: 10px;
	margin-left: 0px;
}

@media only screen and (max-width: 420px) {
	
	#newsletterSignup{
		position: absolute;
		left: 97px;
		top:-5px;
		width: 80px;
		z-index: 99999;
		margin-left: 0px;
	}
	
	#newsletterSignup.cornerAnchor{
		width: 130px;
	}
}

#title{
	position: relative;
	max-width: 554px;
	margin: 0px auto 42px;
	z-index: 200;
	padding: 0px 20px;
}

.platforms{
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 25px;
	z-index: 250;
	display: none;
}

.platform{
	position: relative;
	margin: 0x 5px;
	display: inline-block;
}

#introContent{
	position: relative;
	text-align: center;
	max-width: 490px;
	margin: 0px auto 20px;
	z-index: 300;
	
}

@media (max-width: 500px){
	#introContent{
		padding-top: 70px;
	}
}
	
#introContent h1{
	display: none;
	color: #000000;
}

.apple{
	position: relative;
	background: url('../images/Button_Apple_Default.png') no-repeat;
	width: 229px;
	height: 85px;
	cursor:pointer;
}

.apple:hover{
	background: url('../images/Button_Apple_Hover.png') no-repeat;
}

.apple:active{
	background: url('../images/Button_Apple_Click.png') no-repeat;
}

.amazon{
	position: relative;
	background: url('../images/Button_Amazon_Default.png') no-repeat;
	width: 229px;
	height: 85px;
	cursor:pointer;
}

.amazon:hover{
	background: url('../images/Button_Amazon_Hover.png') no-repeat;
}

.amazon:active{
	background: url('../images/Button_Amazon_Click.png') no-repeat;
}

.google{
	position: relative;
	background: url('../images/Button_Google_Default.png') no-repeat;
	width: 229px;
	height: 85px;
	cursor:pointer;
}

.google:hover{
	background: url('../images/Button_Google_Hover.png') no-repeat;
}

.google:active{
	background: url('../images/Button_Google_Click.png') no-repeat;
}

.scroll{
	position: relative;
	background: url('../images/Secondary_Scroll.png') no-repeat;
	width: 129px;
	height: 64px;
	cursor: pointer;
	margin: 125px auto;
	font-size: 32px;
	line-height: 64px;
	color: #ffffff;
}

.scroll:hover{	
	text-shadow: 2px 2px 8px #8ce6fa;
}

.outterBoarder{
	position: relative;
	box-shadow:
    0 0 0 1px #bab4b4,
	5px 5px 5px 1px rgba(0,0,0,0.25);
    border-radius: 15px;
	padding: 7px;
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	z-index: 400;
}

.centralBoarder{
	position: relative;
	width: 100%;
	height: 100%;
    border-radius: 8px;
	padding: 5px;
	background-image: linear-gradient(to bottom, #d9d6d6, #b3afb3);
	z-index: 425;
}

.innerBoarder{
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
	background-image: linear-gradient(to bottom, #62e2fe, #1f5faa);
	border-radius: 5px;
	z-index: 450;
}

.lbOutterBoarder{
	position: relative;
	box-shadow:
    0 0 0 1px #bab4b4,
	5px 5px 5px 1px rgba(0,0,0,0.25);
    border-radius: 15px;
	padding: 7px;
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	z-index: 9980;
	width: 100%;
}

.lbCentralBoarder{
	position: relative;
	width: 100%;
	height: 100%;
    border-radius: 8px;
	padding: 5px;
	background-image: linear-gradient(to bottom, #d9d6d6, #b3afb3);
	z-index: 9981;
}

.lbInnerBoarder{
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
	background-image: url('../images/Background_Lines.png'), linear-gradient(to bottom, #62e2fe, #1f5faa);
	border-radius: 5px;
}

#videoPlayer{
	position: relative;
	max-width: 690px;
	max-height: 410px;
	margin: 0px auto 45px;
	z-index: 270;
	display: none;
}


#videoPlayer .innerBoarder{
    position: relative;
	overflow: hidden;
}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0px;
    height: 0;
}

.video-container::before {
    content: '';
    position: absolute;
    z-index: 430;
	box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
	border-radius: 18px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: 1;
}

.purple{
	color: #4f2d8b;
}

#videoCarousel{
	height: 254px;
	background-image: linear-gradient(to bottom, #ffffff, #ededed);
	border-top: solid 5px #00aeef;
	padding: 45px 0px 65px;
}

#videoStage{
	position: relative;
	float: left;
    white-space: nowrap;
	width: 100%;
	overflow: hidden;
}

.video{
	position: relative;
	display: inline-block;
	width: 230px;
	padding: 5px 0px 10px;
	margin-right: 15px;
}

.vThumb{
	position: relative;
	width: 230px;
	height: 134px;
	box-shadow: 
    0 0 0 1px #bab4b4,
	5px 5px 5px 3px rgba(0,0,0,0.25);
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	border-radius: 10px;
	padding: 5px;
	margin-bottom: 7px;
}

.vThumbInner{
	position: relative;
	width: 220px;
	height: 124px;
	box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
	background-image: linear-gradient(to bottom, #62e2fe, #1f5faa);
	border-radius: 10px;
}

.vContent{
	position: relative;
	padding: 0px 2px;
	width: 100%;
}

.vContent p{
	font-size: 14px;
	line-height: 17px;
	color: #00aeef;
}

#vcLeft{
	position: absolute;
	left: 125px;
	top: 13px;
	background: url('../images/Button_Left_Default.png') no-repeat;
	width: 115px;
	height: 124px;
	cursor: pointer;
	z-index: 999;
}

#vcLeft:hover{
	background: url('../images/Button_Left_Hover.png') no-repeat;
}

#vcLeft:active{
	background: url('../images/Button_Left_Click.png') no-repeat;
}

#vcRight{
	position: absolute;
	right: 125px;
	top: 13px;
	background: url('../images/Button_Right_Default.png') no-repeat;
	width: 115px;
	height: 124px;
	cursor:pointer;
	z-index: 999;
}

#vcRight:hover{
	background: url('../images/Button_Right_Hover.png') no-repeat;
}

#vcRight:active{
	background: url('../images/Button_Right_Click.png') no-repeat;
}

#helpNancy{
	border-top: solid 5px #ffffff;
	padding: 55px 0px;
}

#helpNancy .innerBoarder{
	background-image: url('../images/Background_Lines.png'), linear-gradient(to bottom, #5ecdf8, #2f7ee0);
	padding: 23px 40px 25px;
	text-align: center;
}

#helpNancy .content .line{
	margin-bottom: 15px;
}

#helpNancy .content p{
	font-size: 24px;
	line-height: 1.0;
	letter-spacing: 0.5px;
	color: #ffffff;
	font-family: "Curse Casual JVE";
}

#giantPup{
	position: absolute;
	right: 18px;
	bottom: -33px;
	display: none;
}

#screenShotGallery{
	background-color: #ffffff;
	border-top: 5px solid #d0d0d0;
	padding-bottom: 35px;
}

#exploreGallery{
	background-color: #ffffff;
	border-top: 5px solid #ffffff;
	padding: 25px 0px;
}

.sectionTitleOutter{
	position: relative;
	box-shadow:
    0 0 0 1px #bab4b4,
	5px 5px 5px 1px rgba(0,0,0,0.25);
    border-radius: 16px;
	padding: 7px;
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	margin: 40px auto 11px;
	max-width: 597px;
	height: 87px;
}

.sectionTitleCentral{
	position: relative;
	width: 100%;
	height: 100%;
    border-radius: 9px;
	padding: 3px;
	background-image: linear-gradient(to bottom, #d9d6d6, #b3afb3);
}

.sectionTitleInner{
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
	background-image: linear-gradient(to right, #df9ae9, #a554b8 35%, #a554b8 64%, #df9ae9);
	text-align: center;
	border-radius: 6px;
}

.lbSectionTitleOutter{
	position: relative;
	box-shadow:
    0 0 0 1px #bab4b4,
	5px 5px 5px 1px rgba(0,0,0,0.25);
    border-radius: 16px;
	padding: 7px;
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	margin: 40px auto 11px;
	max-width: 597px;
	height: 87px;
}

.lbSectionTitleCentral{
	position: relative;
	width: 100%;
	height: 100%;
    border-radius: 9px;
	padding: 3px;
	background-image: linear-gradient(to bottom, #d9d6d6, #b3afb3);
}

.lbSectionTitleInner{
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
	background-image: linear-gradient(to right, #df9ae9, #a554b8 35%, #a554b8 64%, #df9ae9);
	text-align: center;
	border-radius: 6px;
}

.shareLeftPillar, .shareRightPillar{
	position: absolute;
	top: -22px;
	width: 8px;
	height: 26px;
	border-radius: 4px;
	background-color: #ffffff;
	box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5), inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	z-index: 150;
}

.shareLeftPillar{
	left: 110px;
}

.shareRightPillar{
	right: 110px;
}

.shareOutter{
	position: relative;
	box-shadow:
    0 0 0 1px #bab4b4,
	5px 5px 5px 1px rgba(0,0,0,0.25);
    border-radius: 16px;
	padding: 7px;
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	max-width: 480px;
	height: 80px;
	margin: 18px auto 0px;
	z-index: 100;
}

.shareCentral{
	position: relative;
	width: 100%;
	height: 100%;
    border-radius: 9px;
	padding: 3px;
	background-image: linear-gradient(to bottom, #d9d6d6, #b3afb3);
}

.shareInner{
	position: relative;
	width: 100%;
	height: 100%;
	box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
	background-image: url('../images/Background_Lines.png'), linear-gradient(to right, #df9ae9, #a554b8 35%, #a554b8 64%, #df9ae9);
	text-align: center;
	border-radius: 6px;
	padding-top: 12px;
}

.social{
	position: relative;
	display: inline-block;
	height: 38px;
	margin: 0px 4px;
}

.share{
	font-size: 32px;
	line-height: 38px;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
	vertical-align: top;
}

.icon{
	width: 38px;
}

#screenShotGalleryStageWrap{
	position: relative;
	width: 100%;
	z-index: 500;
}

#screenShotGalleryStage{
	position: relative;
    white-space: nowrap;
	padding: 25px 0px;
	width: 100%;
	overflow: hidden;
}

.screenshot{
	position: relative;
	display: inline-block;
	width: 562px;
	height: 424px;
	box-shadow: 5px 5px 6px 5px rgba(0,0,0,0.25);
	background-image: linear-gradient(to bottom, #62e2fe, #1f5faa);
	border-radius: 10px;
	padding: 7px;
	margin: 25px;
	cursor: pointer;
}

.screenshot a{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 800;
}

.screenshot.left{
	-ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Safari */
    transform: rotate(-4deg);
}

.screenshot.right{
	-ms-transform: rotate(2.0deg); /* IE 9 */
    -webkit-transform: rotate(2.0deg); /* Safari */
    transform: rotate(2.0deg);
}

.ssContent{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border-radius: 5px;
}

#exploreGalleryStageWrap{
	position: relative;
	width: 100%;
	z-index: 500;
}

#exploreGalleryStage{
	position: relative;
    white-space: nowrap;
	padding: 25px 0px;
	width: 100%;
	overflow: hidden;
}
.exploreSlide{
	position: relative;
}

.explore{
	position: relative;
	box-shadow:
    0 0 0 1px #bab4b4,
	5px 10px 10px 0px rgba(0, 0, 0, 0.5);
	padding: 5px;
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	padding: 7px;
	cursor: pointer;
}

.exploreInner{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('../images/Background_Lines.png'), linear-gradient(to bottom, #62e2fe, #1f5faa);
}

.explore.left{
	-ms-transform: rotate(-4deg); /* IE 9 */
    -webkit-transform: rotate(-4deg); /* Safari */
    transform: rotate(-4deg);
}

.explore.right{
	-ms-transform: rotate(2.0deg); /* IE 9 */
    -webkit-transform: rotate(2.0deg); /* Safari */
    transform: rotate(2.0deg);
}

.eContent{
	position: relative;
	width: 100%;
	height: 100%;
	background-color: #ffffff;
	border-radius: 5px;
}

.exploreText{
	width: 100%;
	font-size: 32px;
	line-height: 0.9;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
	padding: 20px;
	white-space: normal;
	text-align: center;
}

.ssPrev{
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top: -45px;
	z-index: 999;
}

.ssNext{
	position: absolute;
	right: 20px;
	top: 50%;
	margin-top: -45px;
	z-index: 999;
}

#exploreButtons{
	position: relative;
	margin-top: 405px;
	width: 100%;
	text-align: center;
}

#learnAndExplore{
	border-top: 5px solid #d0d0d0;
	padding-bottom: 20px;
	min-height: 635px;
}

#exploreLeft{
	position: relative;
	float: left;
	margin-top: -20px;
	width: 150px;
	display: none;
	z-index: 750;
}

#exploreRight{
	position: relative;
	float: right;
	margin-top: -20px;
	width: 150px;
	display: none;
	z-index: 750;
}

#exploreCharacters{
	position: relative;
	width: 320px;
	margin: 0px auto;
}

.character{
	position: absolute;
}

.characterNameOutter{
	position: absolute;
	box-shadow:
    0 0 0 1px #bab4b4,
	3px 3px 5px 1px rgba(0,0,0,0.5);
    border-radius: 9px;
	padding: 5px;
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	height: 48px;
	cursor: pointer;
}

.characterName{
	width: 100%;
	height: 100%;
	border-radius: 4px;
	background-color: #95e330;
	box-shadow: inset 2px 2px 0 0 #b1ed5f;
	font-size: 32px;
	line-height: 32px;
	letter-spacing: 0.5px;
	color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
	text-align: center;
	padding: 0px 10px;
	border: 1px solid #b3afb3;
}

.characterNameOutter:hover .characterName{
	box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.43);
}

.characterNameOutter:active .characterName {
	box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.43);
	background-color: #58aa1b;
}

.characterNames{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 710;
}

#characterSet2, #characterSet3{
	display: none;
}

#bess{
	left: 4px;
	top: 17px;
	width: 112px;
	z-index: 700;
}

#bessName{
	left: 24px;
	top: 244px;
}

#nancy.character{
	left: 33px;
	top: 27px;
	width: 225px;
	z-index: 705;
}

#nancyName{
	left: 125px;
	top: 305px;
}

#george{
	left: 180px;
	top: 30px;
	width: 142px;
	z-index: 700;
}

#georgeName{
	left: 210px;
	top: 245px;
}

#alexa{
	left: -7px;
	top: 31px;
	z-index: 700;
	width: 135px;
}

#alexa img{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#alexaName{
	left: 0px;
	top: 236px;
}

#robotPuppy{
	left: 84px;
	top: 203px;
	z-index: 710;
	width: 156px;
}

#robotPuppyName{
	left: 74px;
	top: 307px;
}

#tommy{
	left: 191px;
	top: 21px;
	z-index: 700;
	width: 142px;
}

#tommy img{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
}

#tommyName{
	left: 213px;
	top: 223px;
}

#tyler{
	left: 1px;
	top: 85px;
	width: 97px;
	z-index: 700;
}

#tylerName{
	left: 27px;
	top: 278px;
}

#sydney{
	left: 108px;
	top: 40px;
	width: 95px;
	z-index: 700;
}

#sydneyName{
	left: 127px;
	top: 259px;
}

#jack{
	left: 200px;
	top: 5px;
	width: 156px;
	z-index: 700;
}

#jackName{
	left: 229px;
	top: 290px;
}


.thumbOutter{
	position: relative;
	box-shadow:
    0 0 0 1px #bab4b4,
	box-shadow: 0 10px 10px 0 rgba(0, 0, 0, 0.5);
	padding: 5px;
	background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
	margin: 0px auto 0px;
}

.thumbInner{
	position: relative;
	width: 100%;
	height: 100%;
	background-image: url('../images/Background_Lines.png'), linear-gradient(to bottom, #62e2fe, #1f5faa);
}

.thumbInner img{
	display: block;
}

.thumbOutter.left{
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
}

.thumbOutter.right{
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);
}

.exploreSlide{
	position: relative;
	margin-bottom: 40px;
	cursor: pointer;
}

.exploreSlide .text{
	font-size: 24px;
	line-height: 0.9;
	letter-spacing: 0.5px;
	color: #000000;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
	width: 100%;
	text-align: center;
	padding: 5px 10px 0px;
}

#cta{
	background-image: url('../images/Background_Lines.png'), linear-gradient(to bottom, #d992ea, #7d2c8f);
	border-top: 5px solid #ffffff;
	padding-top: 65px;
}

#cta h3{
	font-size: 32px;
	line-height: 39px;
	letter-spacing: 0.2px;
}

#cta .content{
	padding: 0px 20px;
	max-width: 800px;
	margin: 0px auto 15px;
	text-align: center;
}

#cta .platforms{
	margin: 0px auto 55px;
}

#moreTitles{
	border-top: 5px solid #d0d0d0;
	background-color: #ffffff;
	padding: 40px 0px 60px;
}

#moreTitles h4{
	color: #911651;
}

#moreTitles p{
	font-size: 16px;
	color: #222222;
	margin-bottom: 10px;
}

#moreTitles .left{
	position: relative;
	width: 100%;
	text-align: center;
	margin-bottom: 30px;
}

#moreTitles .right{
	position: relative;
	width: 100%;
	text-align: center;
}

#moreTitles .logo{
	margin-bottom: 20px;
}

#moreTitles .thumbs{
	margin-bottom: 30px;
}

#moreTitles .orangeButton{
	margin: 0px auto;
}

#moreTitles .innerBoarder{
	background-image: url('../images/Background_Lines.png'), linear-gradient(to bottom, #5ecdf8, #2f7ee0);
	padding: 23px 36px 0px;
	text-align: center;
}


#awardsWrap, #awards{
	position: relative;
	width: 100%;
	padding-top: 50px;
}


.award{
	position: relative;
	width: 158px;
	height: 158px;
	border-radius: 8px;
	background-color: #ffffff;
	border: solid 3px #e8e8e8;
	padding: 34px;
	margin: 0px 15px;
	display: inline-block;
}

.award.aleft{
	-webkit-transform: rotate(-7deg);
	transform: rotate(-7deg);
}

.award.aright{
	-webkit-transform: rotate(8deg);
	transform: rotate(8deg);
}

#reviews{
	border-top: 5px solid #ffffff;
    display:none !important;
}

#reviewBox{
	width: 865px;
	height: 527px;
}

#reviewBox .innerBoarder{
	background-image: url('../images/Background_Lines.png'), linear-gradient(to bottom, #5ecdf8, #2f7ee0);
	padding: 80px 65px 0px;
	text-align: center;
}

.reviewPrev{
	position: absolute;
	left: 125px;
	top: 53px;

}

.reviewNext{
	position: absolute;
	right: 125px;
	top: 53px;
}


.writeReview{
	position: absolute;
	right: 125px;
	top: 353px;
}

#footer{
	background-image: linear-gradient(to bottom, #1f5faa, #62e2fe);
	border-top: 5px solid #d0d0d0;
	padding: 80px 0px 70px;
}

#footContent{
	position: relative;
	width: 100%;
	margin-bottom: 30px;
	padding: 0px 10px;
}

#herInteractiveLogoFoot{
	margin-bottom: 20px;
}

#feedback {
	position: relative;
	width: 100%;
	border-radius: 20px;
	background-color: #49b2df;
	box-shadow: inset 2px 2px 4px 0 rgba(0, 0, 0, 0.5);
	text-align: center;
	padding: 35px 0px;
	margin-bottom: 30px;
    
}

#feedback .content{
	padding: 0px 30px;
}

#feedback .greenButton{
	margin: 0px auto;
}

p.legal{
	font-size: 12px;
	line-height: 1.2;
	display: none;
}

.legal.mobile{
	margin-bottom: 15px;
	text-align: center;
	padding: 0px 45px;
}

.clear{
	clear: both;
}

.mobile{
	display: block !important;
}

.blur{
	filter: blur(30px);
	-webkit-filter: blur(30px);
	-moz-filter: blur(30px);
	-o-filter: blur(30px);
	-ms-filter: blur(30px);
	margin: -30px -30px -30px -30px;
}

#lightboxWrapper{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9000;
	display: none;
}

#lightboxShadow{
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.75);
	z-index: 8999;
	display: none;
}

.closeButton{
	position: absolute;
	right: 18px;
	top: -35px;
	cursor: pointer;	
	width: 64px;
	height: 69px;
	z-index: 9999;
	/*width: 89px;
	height: 96px;*/
}

.lightbox{
	position: relative;
	margin: 40px -17px 0px;
}

.lbScreenshot{
	display: none;
}

.lbScreenshot .lbImage{
	position: relative;
	z-index: 0;
	display: block;
	z-index: -1;
	width: 100%;
}

.lbScreenshot .lbInnerBoarder{
	background: transparent;
}

#reviewThankYou, #newsletterThankYou{
	display: none;
	max-width: 400px;
}

#newsLetterSignUp{
	display: none;
}

#reviewThankYou .lbInnerBoarder, #newsletterThankYou .lbInnerBoarder{
	padding: 50px 20px;
	z-index: 9989;
}

#reviewThankYou p, #newsletterThankYou p{
	font-size: 24px;
	line-height: 28px;
	font-family: "Curse Casual JVE";
	letter-spacing: 0.5px;
	color: #ffffff;
}

.slick-slide .overlay{
	position: absolute;
	left: 5px;
	top: 5px;
	bottom: 5px;
	right: 5px;
	background-color: rgba(55, 154, 229, 0.75);
	z-index: 999;
	border-radius: 5px;
}

.slick-center .overlay{
	display: none;	
}

#characterProfiles {
	 margin: 100px -17px 0;	
}
#characterProfiles .lbSectionTitleOutter{
	z-index: 9990;
}
#characterProfiles .lbOutterBoarder{
	margin-top: -65px;
}
#characterProfiles .lbInnerBoarder{
	overflow: visible;
	min-height: 480px;
}
#characterProfiles  .closeButton{
	top: 10px;
}

#characterProfiles .cpImage{
	display: none;
}

#characterProfiles .cpText{
	position: relative;
	display: inline-block;
	max-width: 855px;
	padding: 85px 50px 60px;
}

#characterProfiles .cpText p{
	font-size: 24px;
	line-height: 1.0;
	letter-spacing: 0.5px;
	color: #ffffff;
	font-family: "Curse Casual JVE";
}

#characterProfiles #profileDivider, #characterProfiles, .characterProfile {
	display: none;
}

.characterProfile{
	position: absolute;
	left: 0px;
	top: 0px;
}

#nlBoarder{
	position: relative;
	border-radius: 7px;
	background-color: #ffffff;
	box-shadow: 0 2px 8px 0 #8ce6fa;
	border: solid 5px #bc0c3b;
	z-index: 9980;
	padding: 25px 22px 30px;
}


#nlBoarder .nlLogo{
	margin-bottom: 10px;
}

#nlBoarder h2{
	font-size: 40px;
	line-height: 0.8;
	letter-spacing: 1px;
	color: #911651;
	margin-bottom: 15px;
}

#nlBoarder p{
	color: #222222;
	margin-bottom: 15px;
}


#nlBoarder input[type="email"]{
	width: 155px;
	height: 54px;
	border-radius: 6px;
	background-color: #ffffff;
	box-shadow: inset 0 1px 3px 0 rgba(0, 0, 0, 0.5);
	font-size: 16px;
	line-height: 54px;
	color: #221f20;
	font-family: 'Roboto', sans-serif;
	padding: 0px 16px;
	margin-right: 10px;
}

#nlBoarder input[type="submit"]{
	position: relative;
	margin: 0px;
	width: 74px;
	height: 83px;
	cursor: pointer;
	border: 0px;
	background: url('../images/go.png') no-repeat;
	overflow: hidden;
	font-size: 0px;
}

#reviewCollector {
    display:none;
}







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

	#reviewThankYou, #newsletterThankYou{
		display: none;
		max-width: 400px;
		margin: 100px auto 0px;
	}

	.ssPrev, .ssNext{
		margin-top: -62px;
	}

	.prev, .next{
		display: block;
	}
	
	h1{
		font-size: 50px;
		line-height: 0.8;
		letter-spacing: 0px;
	}
	
	h2{
		font-size: 50px;
		letter-spacing: 0px;
	}
	
	h3, #cta h3{
		font-size: 50px;
		line-height: 50px;
		letter-spacing: 0px;
	}

	.container{
		padding: 0px 50px;
	}

	#herInteractiveLogo{
		width: 100%;
		padding: 12px 0px 0px 42px;
		margin-bottom: 34px;
	}
	
	#herinteractiveSocial{
		position: absolute;
		top: 30px;
	}
	
	#newsletterSignup{
		left: 265px;
		top: 10px;
		z-index: 99999;
		margin-left: 0px;
		width: 160px;
	}
	
	
	#soa{
		position: absolute;
		left: 50%;
		top: 115px;
		margin-left: 180px;
		z-index: 250;
		width: 100px;
		height: 100px;
	}	
	
	#top50{
		position: absolute;
		left: 50%;
		top: 100px;
		margin-left: -300px;
		z-index: 250;
		width: 100px;
		height: 100px;
	}

	#momsChoice{
		position: absolute;
		left: 50%;
		top: 195px;
		margin-left: 180px;
		z-index: 250;
		width: 100px;
		height: 100px;
	}	
	
	#brainChild{
		position: absolute;
		left: 50%;
		top: 195px;
		margin-left: -300px;
		z-index: 250;
		width: 100px;
		height: 100px;
	}

	#coolTool{
		position: absolute;
		left: 50%;
		top: 295px;
		margin-left: -300px;
		z-index: 250;
		width: 100px;
		height: 100px;
	}
	
	#ksa{
		position: absolute;
		left: 440px;
		top: 5px;
		z-index: 250;
		width: 100px;
		height: 100px;
	}

	#intro #nancy{
		right: -70px;
		top: 380px;
		width: 374px;
		height: 600px;
	}

	#intro #friends{
		left: -61px;
		top: 380px;
		width: 300px;
		height: 550px;
	}

	#title{
		position: relative;
		max-width: 554px;
		margin: 0px auto 42px;
		z-index: 200;
	}	
	
	#introContent h1, .platforms{
		display: block;
		padding-top: 125;
	}

	.scroll{
		position: relative;
		background: url('../images/Secondary_Scroll.png') no-repeat;
		width: 129px;
		height: 64px;
		cursor: pointer;
		margin: 25px auto;
		font-size: 32px;
		line-height: 64px;
		color: #ffffff;
	}

	.leftBush{
		width: 207px;
		height: 279px;
	}

	.rightBush{
		width: 275px;
		height: 221px;
	}	

	.outterBoarder{
		position: relative;
		box-shadow:
		0 0 0 1px #bab4b4,
		5px 5px 5px 1px rgba(0,0,0,0.25);
		border-radius: 35px;
		padding: 17px;
		background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
		z-index: 400;
	}

	.centralBoarder{
		position: relative;
		width: 100%;
		height: 100%;
		border-radius: 25px;
		padding: 8px;
		background-image: linear-gradient(to bottom, #d9d6d6, #b3afb3);
		z-index: 425;
	}

	.innerBoarder{
		position: relative;
		width: 100%;
		height: 100%;
		box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
		background-image: linear-gradient(to bottom, #62e2fe, #1f5faa);
		border-radius: 18px;
		z-index: 450;
	}

	#helpNancy .content{
		max-width: 499px;
	}
	
	#videoPlayer{
		display: block;
	}

	#giantPup{
		display: block;
	}

	.sectionTitleOutter{
		width: 597px;
	}
	
	.sectionTitleInner{
		background-image: url('../images/Header_Flourish.png'), linear-gradient(to right, #df9ae9, #a554b8 35%, #a554b8 64%, #df9ae9);
	}

	.lbSectionTitleOutter{
		width: 597px;
	}
	
	.lbSectionTitleInner{
		background-image: url('../images/Header_Flourish.png'), linear-gradient(to right, #df9ae9, #a554b8 35%, #a554b8 64%, #df9ae9);
	}
	

	#moreTitles .left{
		position: relative;
		max-width: 405px;
		width: 40%;
		text-align: center;
		float: left;
		margin-bottom: 0px;
	}

	#moreTitles .right{
		position: relative;
		max-width: 485px;
		width: 50%;
		text-align: center;
		float: right;
	}
	
	#footer .container{
	}
	
	#footContent{
		position: relative;
		float: left;
		max-width: 402px;
		width: 45%;
		margin-bottom: 0px;
		padding: 0;
	}

	#feedback {
		position: relative;
		float: right;
		max-width: 404px;
		width: 45%;
		margin-bottom: 0px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#feedback .greenButton{
		margin: 0px auto;
	}
	
	#footer{
		background-image: linear-gradient(to bottom, #62e2fe, #1f5faa);
	}
	
	.mobile{
		display: none !important;
	}
	

	p.legal{
		display: block;
	}

	.lbOutterBoarder{
		box-shadow:
		0 0 0 1px #bab4b4,
		5px 5px 5px 1px rgba(0,0,0,0.25);
		border-radius: 35px;
		padding: 17px;
	}

	.lbCentralBoarder{
		border-radius: 25px;
		padding: 8px;
	}

	.lbInnerBoarder{
		box-shadow: inset 1px 1px 3px 3px rgba(0,0,0,0.25);
		border-radius: 18px;
		overflow: hidden;
	}

	#lightboxWrapper{
		padding: 0px 40px;
	}
	
	.lbScreenshot{
		position: relative;
		margin: 40px auto 0px;
		max-width: 1054px;
	}

	.closeButton{
		position: absolute;
		right: -35px;
		top: -25px;
		width: 89px;
		height: 96px;
	}
	
	#characterProfiles {
		position: relative;
		max-width: 866px;
		width: 100%;
		margin: 100px auto 0px; 
	}
	#characterProfiles .lbSectionTitleOutter{
		z-index: 9990;
		margin-left: auto;
		margin-right: auto;
	}
	#characterProfiles .lbOutterBoarder{
		margin-top: -65px;
	}
	#characterProfiles .lbInnerBoarder{
		overflow: visible;
	}
	#characterProfiles  .closeButton{
		top: 50px;
	}

	#characterProfiles .prev{
		position: absolute;
		top: 280px;
		left: -50px;
		z-index: 9999;
	}

	#characterProfiles .next{
		position: absolute;
		top: 280px;
		right: -50px;
		z-index: 9998;
	}

	#characterProfiles .cpImage{
		position: absolute;
		display: inline-block;
		width: 300px;
		z-index: 9997;
	}

	#characterProfiles #nancyProfile .cpImage{
		left: -20px;
		top: -20px;
	}

	#characterProfiles #bessProfile .cpImage{
		left: 80px;
		top: -30px;
	}

	#characterProfiles #alexaProfile .cpImage{
		left: 20px;
		top: -30px;
	}

	#characterProfiles #georgeProfile .cpImage{
		left: 20px;
		top: -30px;
	}

	#characterProfiles #robotPuppyProfile .cpImage{
		left: 40px;
		top: 140px;
		width: 200px;
	}

	#characterProfiles #tommyProfile .cpImage{
		left: 70px;
		top: -30px;
	}

	#characterProfiles #tylerProfile .cpImage{
		left: 70px;
		top: -30px;
	}

	#characterProfiles #sydneyProfile .cpImage{
		left: 70px;
		top: -30px;
	}

	#characterProfiles #jackProfile .cpImage{
		left: 35px;
		top: -30px;
	}

	#characterProfiles .cpText{
		position: relative;
		display: inline-block;
		max-width: 855px;
		padding: 85px 50px 60px 300px;
	}

	#characterProfiles .cpText p{
		font-size: 32px;
		line-height: 0.9;
		letter-spacing: 0.7px;
		color: #ffffff;
		font-family: "Curse Casual JVE";
	}

	#characterProfiles #profileDivider{
		position: absolute;
		left: 260px;
		top: 180px;
		z-index: 9999;
		display: block;
		width: 25px;
	}
	
	#nlBoarder{
		width: 636px;
		margin: 0px auto;
	}
	
	#nlBoarder #nlContent{
		position: relative;
		float: left;
		width: 367px;
	}
	
	#nlBoarder #robotPuppyGif{
		position: relative;
		float: left;
		width: 210px;
		padding-top: 100px;
	}
	
	#nlBoarder input[type="email"]{
		width: 226px;
	}
    
    #reviewCollector .lbOutterBoarder {
        margin-top: -65px; 
        
    }
    
    #reviewCollector .lbSectionTitleOutter {
        z-index: 9999;
    }
    
    #reviewCollector .closeButton {
        top: 7px;
    }
    
    
    
    
}

@media only screen and (min-width: 1200px) {
	
	.roundButton{
		width: 116px;
		height: 124px;
		font-size: 50px;
		line-height: 110px;
	}

	.ssPrev{
		left: 125px;
	}

	.ssNext{
		right: 125px;
	}

	.fillImage img{
		left: 0px; 
		margin-left: 0px;
	}

	.container{
		padding: 0px 125px;
	}

	#herInteractiveLogo{
		width: 100%;
		padding: 12px 0px 0px 80px;
		margin-bottom: 34px;
	}

	#herinteractiveSocial{
		position: absolute;
		right: 30px;
		top: 30px;
	}
	
	#newsletterSignup{
		position: fixed;
		left: 10px;
		top: 10px;
		z-index: 99999;
	}
	
	#soa{
		position: absolute;
		left: 600px;
		right: 0px;
		top: 15px;
		z-index: 250;
		width: 100px;
		height: 100px;
		margin-left: 0px;
	}	
	
	#top50{
		position: absolute;
		left: 490px;
		right: 0px;
		top: 5px;
		z-index: 250;
		width: 100px;
		height: 100px;
		margin-left: 0px;
	}
	
	#ksa{
		position: absolute;
		left: 380px;
		right: 0px;
		top: 5px;
		z-index: 350;
		width: 100px;
		height: 100px;
	}

	#momsChoice{
		position: absolute;
		left: 710px;
		right: 0px;
		top: 5px;
		z-index: 250;
		width: 100px;
		height: 100px;
		margin: 0;
	}

	#brainChild{
		position: absolute;
		left: 820px;
		right: 0px;
		top: 5px;
		z-index: 250;
		width: 100px;
		height: 100px;
		margin: 0;
	}


	#coolTool{
		position: absolute;
		left: 930px;
		right: 0px;
		top: 5px;
		z-index: 250;
		width: 100px;
		height: 100px;
		margin: 0;
	}	


	#intro #nancy{
		right: -230px;
		top: 98px;
		width: 683px;
		height: 1095px;
		z-index: 50;
	}

	#intro #friends{
		left: -81px;
		top: 110px;
		width: 442px;
		height: 811px;
		z-index: 50;
	}

	#learnAndExplore{
		border-top: 5px solid #d0d0d0;
		padding-bottom: 42px;
	}
	
	#exploreGallery{
		display: none;
	}
	
	#exploreButtons{
		position: absolute;
		left: 0px;
		top: 660px;
		width: 100%;
		text-align: center;
		margin-top: 0px;
		z-index: 500;
	}

	#exploreLeft{
		margin-top: -20px;
		width: 150px;
		display: block;
	}

	#exploreRight{
		margin-top: -20px;
		width: 150px;
		display: block;
	}
	
	#exploreButtons{
		top: 780px;
	}

	.exploreSlide .text{
		font-size: 32px;
	}
	
	#exploreCharacters{
		position: relative;
		width: 600px;
		margin: 0px auto;
	}

	.character{
		position: absolute;
	}
	

	.characterNameOutter{
		position: absolute;
		box-shadow:
		0 0 0 1px #bab4b4,
		3px 3px 5px 1px rgba(0,0,0,0.5);
		border-radius: 9px;
		padding: 5px;
		background-image: linear-gradient(to bottom, #ffffff, #d2d2d3);
		min-width: 113px;
		height: 48px;
		cursor: pointer;
	}

	.characterName{
		width: 100%;
		height: 100%;
		border-radius: 4px;
		background-color: #95e330;
		box-shadow: inset 2px 2px 0 0 #b1ed5f;
		font-size: 32px;
		line-height: 32px;
		letter-spacing: 0.5px;
		color: #ffffff;
		text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.43);
		text-align: center;
		padding: 0px 20px;
		border: 1px solid #b3afb3;
	}

	.characterNameOutter:hover .characterName{
		box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.43);
	}

	.characterNameOutter:active .characterName {
		box-shadow: inset 2px 2px 3px 0 rgba(0, 0, 0, 0.43);
		background-color: #58aa1b;
	}

	.characterNames{
		position: absolute;
		left: 0px;
		top: 0px;
		width: 100%;
		height: 100%;
		z-index: 710;
	}

	#characterSet2, #characterSet3{
		display: none;
	}

	#bess{
		left: 75px;
		top: 60px;
		z-index: 700;
		width: 100%;
	}

	#bessName{
		left: 67px;
		top: 460px;
	}

	#nancy.character{
		left: 125px;
		top: 70px;
		z-index: 705;
		width: 100%;
	}

	#nancyName{
		left: 270px;
		top: 510px;
	}

	#george{
		left: 353px;
		top: 75px;
		z-index: 700;
		width: 100%;
	}

	#georgeName{
		left: 428px;
		top: 440px;
	}

	#alexa{
		left: 35px;
		top: 110px;
		z-index: 700;
		width: 100%;
	}

	#alexa img{
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	#alexaName{
		left: 45px;
		top: 425px;
	}

	#robotPuppy{
		left: 175px;
		top: 375px;
		z-index: 710;
		width: 240px;
	}

	#robotPuppyName{
		left: 160px;
		top: 534px;
	}

	#tommy{
		left: 340px;
		top: 94px;
		z-index: 700;
		width: 100%;
	}

	#tommy img{
		-moz-transform: scaleX(-1);
		-o-transform: scaleX(-1);
		-webkit-transform: scaleX(-1);
		transform: scaleX(-1);
		filter: FlipH;
		-ms-filter: "FlipH";
	}

	#tommyName{
		left: 405px;
		top: 405px;
	}

	#tyler{
		left: 48px;
		top: 193px;
		z-index: 700;
		width: 100%;
	}

	#tylerName{
		left: 88px;
		top: 491px;
	}

	#sydney{
		left: 213px;
		top: 123px;
		z-index: 700;
		width: 100%;
	}

	#sydneyName{
		left: 242px;
		top: 460px;
	}

	#jack{
		left: 354px;
		top: 70px;
		z-index: 700;
		width: 100%;
	}

	#jackName{
		left: 445px;
		top: 513px;
	}
		
	#footContent{
		position: relative;
		float: left;
		max-width: 402px;
		margin-bottom: 0px;
		padding: 0;
	}

	#feedback {
		max-width: 404px;
		float: right;
		margin-bottom: 0px;
	}

	#lightboxWrapper{
		padding: 0px 70px;
	}
	
	#characterProfiles {
		position: relative;
		max-width: 866px;
		width: 100%;
		margin: 100px auto 0px; 
	}
	#characterProfiles .lbSectionTitleOutter{
		z-index: 9990;
	}
	#characterProfiles .lbOutterBoarder{
		margin-top: -65px;
	}
	#characterProfiles .lbInnerBoarder{
		overflow: visible;
		min-height: 500px;
	}
	#characterProfiles  .closeButton{
		top: 50px;
	}

	#characterProfiles .cpImage{
		position: absolute;
		display: inline-block;
		width: 360px;
		z-index: 9997;
	}

	#characterProfiles #nancyProfile .cpImage{
		left: 26px;
		top: -30px;
	}

	#characterProfiles #bessProfile .cpImage{
		left: 130px;
		top: -30px;
	}

	#characterProfiles #georgeProfile .cpImage{
		left: 80px;
		top: -30px;
	}

	#characterProfiles #alexaProfile .cpImage{
		left: 80px;
		top: -30px;
	}

	#characterProfiles #robotPuppyProfile .cpImage{
		left: 50px;
		top: 140px;
		width: 300px;
	}

	#characterProfiles #tommyProfile .cpImage{
		left: 120px;
		top: -30px;
	}

	#characterProfiles #tylerProfile .cpImage{
		left: 120px;
		top: -30px;
	}

	#characterProfiles #sydneyProfile .cpImage{
		left: 120px;
		top: -30px;
	}

	#characterProfiles #jackProfile .cpImage{
		left: 120px;
		top: -30px;
	}



	#characterProfiles .cpText{
		position: relative;
		display: inline-block;
		max-width: 855px;
		padding: 85px 50px 60px 410px;
	}

	#characterProfiles .cpText p{
		font-size: 32px;
		line-height: 0.9;
		letter-spacing: 0.7px;
		color: #ffffff;
		font-family: "Curse Casual JVE";
	}

	#characterProfiles #profileDivider{
		position: absolute;
		left: 370px;
		top: 180px;
		z-index: 9999;
		display: block;
	}
	
	
	
}