.slides {	
	position: absolute;
	left: 0px;
	top: 0px;
	max-width:100%;
	height: auto;
	opacity: 0;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
.slideshowpages {
	overflow-y: hidden;
}
#PopDownLogo {
	height: 20px;
	margin-top:0px;
	margin-bottom:0px;
}
#SlideShowPage0 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 1;
	background-image: url("images/sky_blue1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage1 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/periwinkle1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage2 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/wheat1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage3 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/periwinkle1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage4 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/sky_blue1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage5 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/sky_blue1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage6 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/yellow1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage7 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/yellow1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage8 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/yellow1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage9 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/yellow1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideShowPage10 {
	position: absolute;
	left: 0px;
	top: 45px;
	width: 100%;
	height: 439px;
	opacity: 0;
	background-image: url("images/sky_blue1_backgrnd.png");
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
#SlideBackground0 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground1 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground2 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground3 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground4 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground5 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground6 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground7 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground8 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground9 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#SlideBackground10 {
	position: relative;
	width: 310px;
	height: 439px;
	opacity: 1;
}
#Slide0 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide1 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide2 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide3 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide4 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide5 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide5 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide6 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide7 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide8 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide9 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#Slide10 {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 1;
}
#BodyContent {
	position: absolute;
	left: 0px;
	width: 100%;
}
#CardViewInstructions {
	font-size:14px;
	color:black;
	margin-top:15px;
}
.imgAreaMain {
	width:310px;
	height:439px;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:0px;
	margin-right:0px;	
	text-align: top;
}
.zoomUp {
	animation: zoomit 1s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
@-webkit-keyframes zoomit {
0% {transform: scale(.1,.1)}
50% {transform:scale(1,1)}
75%{transform:scale(.9,.9)}
100%{transform:scale(1,1)}
}
@keyframes zoomit {	
0% {transform: scale(.1,.1)}
50% {transform:scale(1,1)}
75%{transform:scale(.9,.9)}
100%{transform:scale(1,1)}
}
/* Animated Images */
#When {
	position: absolute;
	left: 9px;
	top: 21px;
	display: none;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: translate(200px,0px);	
	transform: translate(200px,0px);	
	/*
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
	*/
}
#DoorsClose {
	position: absolute;
	left: 42px;
	top: 56px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	//-webkit-transform: translate(-310px,0px);	
	//transform: translate(-310px,0px);	
}
#TextsFail {
	position: absolute;
	left: 37px;
	top: 381px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#ManWomanDoorClose {
	position: absolute;
	left: 12px;
	top: 80px;
	opacity: 0;
	-webkit-transition: all 2s;
	transition: all 2s;
	//-webkit-transform: scale(.1,.1);
	//transform: scale(.1,.1);
}
#TextitName {
	position: absolute;
	left: 21px;
	top: 46px;
	opacity: 0;
	-webkit-transition: all 2s;
	transition: all 2s;
}
#CardHand {
	position: absolute;
	left: 7px;
	top: 119px;
	opacity: 0;
	-webkit-transition: all 2s;
	transition: all 2s;
}
#Where {
	position: absolute;
	left: 13px;
	top: 11px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#ManWomanHug {
	position: absolute;
	left: 100px;
	top: 41px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#EmotionsRun {
	position: absolute;
	left: 39px;
	top: 53px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Virtual {
	position: absolute;
	left: 13px;
	top: 194px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#CanExpress {
	position: absolute;
	left: 13px;
	top: 268px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MessageText {
	position: absolute;
	left: 25px;
	top: 74px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Phone {
	position: absolute;
	left: 16px;
	top: -6px;
	opacity: 0;
	-webkit-transition: opacity .1s;
	transition: opacity .1s;
	-webkit-transition: transform 1s;
	transition: transform 1s;
}
#PhoneShadow {
	position: absolute;
	left: 9px;
	top: 303px;
	opacity: 0;
	-webkit-transition: opacity .1s;
	transition: opacity .1s;
	-webkit-transition: transform .5s;
	transition: transform .5s;
	-webkit-transform: scale(.3,.3);
	transform: scale(.3,.3);
}
#Effortless {
	position: absolute;
	left: 122px;
	top: 199px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#CommonOrdinary {
	position: absolute;
	left: 25px;
	top: 218px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#TextitName2 {
	position: absolute;
	left: 15px;
	top: 49px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Send {
	position: absolute;
	left: 34px;
	top: 23px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#CardHand2 {
	position: absolute;
	left: 8px;
	top: 119px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#ItsReal {
	position: absolute;
	left: 89px;
	top: 181px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#LikeYourFeelings {
	position: absolute;
	left: 17px;
	top: 224px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#CardHand3 {
	position: absolute;
	left: 8px;
	top: 119px;
	opacity: 0;
	-webkit-transition: transform 1s;
	transition: transform 1s;
}
#Bubbles {
	position: absolute;
	left: 76px;
	top: 188px;
	opacity: 0;
	//-webkit-transition: transform 1s;
	//transition: transform 1s;
}
#ItsADialog {
	position: absolute;
	left: 158px;
	top: 307px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MoreThanGC {
	position: absolute;
	left: 70px;
	top: 42px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#HipWay {
	position: absolute;
	left: 12px;
	top: 94px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MiddleCard {
	position: absolute;
	left: 143px;
	top: 37px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MessageCard {
	position: absolute;
	left: 159px;
	top: 161px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#TopCard {
	position: absolute;
	left: 165px;
	top: 145px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#BottomCard {
	position: absolute;
	left: 143px;
	top: 162px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#And {
	position: absolute;
	left: 37px;
	top: 199px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#ShowFeelings {
	position: absolute;
	left: 11px;
	top: 129px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Full140Card {
	position: absolute;
	left: 102px;
	top: -113px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(.713,.713);
	transform: scale(.713,.713);
}
#ShowFeelings2 {
	position: absolute;
	left: 11px;
	top: 129px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MiddleCard2 {
	position: absolute;
	left: 149px;
	top: 67px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MessageCard2 {
	position: absolute;
	left: 149px;
	top: 201px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#TopCard2 {
	position: absolute;
	left: 165px;
	top: 95px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#BottomCard2 {
	position: absolute;
	left: 113px;
	top: 225px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Hand {
	position: absolute;
	left: 159px;
	top: 62px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#HandMessage {
	position: absolute;
	left: -8px;
	top: -260px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(.5,.5);
	transform: scale(.5,.5);
}
/* BEGIN Slide 9 */
#List {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Choice {
	position: absolute;
	left: 86px;
	top: 169px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#EditNoteCard{
	position: absolute;
	left: 38px;
	top: 385px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#NoteCard {
	position: absolute;
	left: 101px;
	top: -23px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(.5,.5);
	transform: scale(.5,.5);
}
#MakeItBlank {
	position: absolute;
	left: 41px;
	top: 382px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#LetterBlank {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
	-webkit-transition: all 2s;
	transition: all 2s;
}
#Letter1 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter2 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter3 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter4 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter5 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter6 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter7 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter8 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter9 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter10 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter11 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter12 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter13 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter14 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter15 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter16 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter17 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter18 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter19 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter20 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter21 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter22 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter23 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter24 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter25 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter26 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter27 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter28 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter29 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#Letter30 {
	position: absolute;
	left: 86px;
	top: 164px;
	opacity: 0;
}
#WMmsg {
	position: absolute;
	left: 170px;
	top: 64px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MMmsg {
	position: absolute;
	left: 170px;
	top: 64px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
/* END Slide 9 */
#WWmsg {
	position: absolute;
	left: 170px;
	top: 64px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Blankmsg {
	position: absolute;
	left: 170px;
	top: 64px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#WMcard {
	position: absolute;
	left: 36px;
	top: 129px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MMcard {
	position: absolute;
	left: 36px;
	top: 129px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#WWcard {
	position: absolute;
	left: 36px;
	top: 129px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#CardOpen {
	position: absolute;
	left: -9px;
	top: 8px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Flap {
	position: absolute;
	left: 35px;
	top: 147px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#TextitCard {
	position: absolute;
	left: 59px;
	top: -10px;
	opacity: 0;
	-webkit-transition: opacity .1s;
	transition: opacity .1s;
	-webkit-transition: transform 1s;
	transition: transform 1s;
}
#BottomEnvelope {
	position: absolute;
	left: -3px;
	top: 179px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#ClosedEnvelope {
	position: absolute;
	left: -3px;
	top: 173px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Mailbox {
	position: absolute;
	left: 72px;
	top: 57px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
	-webkit-transform: scale(0,0);
	transform: scale(0,0);
}
#MailboxFront {
	position: absolute;
	left: 128px;
	top: 61px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#MailItForYou {
	position: absolute;
	left: 67px;
	top: 360px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#WeCanMailIt {
	position: absolute;
	left: 67px;
	top: 359px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#ToYou {
	position: absolute;
	left: 117px;
	top: 396px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#ForYou {
	position: absolute;
	left: 136px;
	top: 392px;
	opacity: 0;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.pulse {
	animation: pulsit .5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: normal;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}
@-webkit-keyframes pulsit {
0% {transform: scale(1,1)}
50% {transform:scale(1.2,1.2)}
100%{transform:scale(1,1)}
}
@keyframes pulsit {	
0% {transform: scale(1,1)}
50% {transform:scale(1.2,1.2)}
100%{transform:scale(1,1)}
}
@media only screen and (max-width: 750px) {
    #SlideShowPage0 {
		top: 37px;
    }
    #SlideShowPage1 {
		top: 37px;
    }
    #SlideShowPage2 {
		top: 37px;
    }
    #SlideShowPage3 {
		top: 37px;
    }
    #SlideShowPage4 {
		top: 37px;
    }
     #SlideShowPage5 {
		top: 37px;
    }
     #SlideShowPage6 {
		top: 37px;
    }
     #SlideShowPage7 {
		top: 37px;
    }
     #SlideShowPage8 {
		top: 37px;
    }
     #SlideShowPage9 {
		top: 37px;
    }
     #SlideShowPage10 {
		top: 37px;
    }
   #PopDownLogo {
		height: 28px;
    }
}
/* Theme Pages */
#TitleArea {
	position: absolute;	
	left: 0px;
	top: 48px;
	width: 100%;
	opacity: 1;
	background-color: white;
	-webkit-transition: opacity 1s;
	transition: opacity 1s;
}
.textArea2 {
	max-width: 600px;
	margin: 20px;
}
.doctorSays {
	font-size:24px;
	text-align: center;
}
.lineItem {
	font-size:24px;
	text-align:left;
	margin-left: 30px;
}