body {
	//overflow: hidden;
	background-color: #4A3873;
}
img {
      border: none;
      outline: none;
	  border-style: none;
}
body a {
	color:#663300;
	link:#663300;   	
	visited:#663300; 	
	hover:#663300; 	
	active:#663300; 
	outline:none;
}
.line {
	width: 100%; 
	height: auto
	max-width: 90%;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	//overflow: hidden;
}
.centerBlock {
    display: inline-block;
    vertical-align: middle;
}
#Spacer {
	width: 10px;
	height: 300px;
}
#Spacer100 {
	width: 10px;
	height: 100px;
}
#Middle {
	position: absolute;
	position: absolute;
	left: 0px;
	top: 50%;
}
#Container {
	position: relative;
	width: 975px;
	height: 696px;
	max-height: 820px;
	margin-left: auto;
	margin-right: auto;
	//display: inline-block;
	//vertical-align: middle;
}
#MainImage {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 975px;
	height: 696px;
	margin-top: 37px;
}
#ToPDCButton {
	position:absolute;
	top: 15px;
	left: 100%;
	margin-left: -135px;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;  
	transition: all .2s;  
}
#ToDUButton {
	position:absolute;
	top: 15px;
	left: 20px;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;  
	transition: all .2s;  
}
#ToStoryList {
	position:fixed;
	top: 10px;
	left: 20px;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;  
	transition: all .2s;  
}
#RedLLRBackground {
	position:absolute;
	left: 0px;
	top: 147px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#BlueLLBackground {
	position:absolute;
	left: 0px;
	top: 147px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#Day1Icon {
	position:absolute;
	left: 113px;
	top: 407px;
	opacity: 0;
	-webkit-transition: transform .5s;
	transition: webkit-transform .5s;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#RocketBootsIcon {
	position:absolute;
	left: 229px;
	top: 403px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#BabblingBoomIcon {
	position:absolute;
	left: 346px;
	top: 403px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#PuffIcon {
	position:absolute;
	left: 463px;
	top: 403px;
	position:absolute;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#ChristmasEveIcon {
	position:absolute;
	left: 584px;
	top: 403px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#BoomMouth {
	position:absolute;
	left: 608px;
	top: 263px;
	opacity: 0;
}
#BoomEyes {
	position:absolute;
	left: 609px;
	top: 241px;
	opacity: 0;
}
#Beep {
	position:absolute;
	left: 515px;
	top: 174px;
	opacity: 0;
}
#ZoomMouth {
	position:absolute;
	left: 652px;
	top: 310px;
	opacity: 0;
}
#ZoomNeck {
	position:absolute;
	left: 599px;
	top: 298px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#ZoomHead {
	position:absolute;
	left: 622px;
	top: 289px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#StoriesFrame {
	position:absolute;
	left: 73px;
	top: 398px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
#IntroDialogFrame {
	position:absolute;
	left: 561px;
	top: 210px;
	opacity: 0;
	-webkit-transition: opacity .5s;
	transition: opacity .5s;
}
.highlight {
	-webkit-animation: appearDisappear .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: appearDisappear .5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes appearDisappear 
{
0% 	{opacity: 0;}
10% 	{opacity: 1;}
90% 	{opacity: 1;}
100% 	{opacity: 0;}
}
@keyframes appearDisappear 
{
0% 	{opacity: 0;}
10% 	{opacity: 1;}
90% 	{opacity: 1;}
100% 	{opacity: 0;}
}
.beep {
	-webkit-animation: appearDisappear .5s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: appearDisappear .5s;
	animation-iteration-count: 1;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
.boomtalk {
	-webkit-animation: appearDisappear .5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	-o-animation-play-state: running;
	animation: appearDisappear .5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
.zoommouthmove{
	-webkit-animation: moveInOut .2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	-webkit-animation-play-state: running;
	animation: moveInOut .2s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-delay: 0s;
	animation-fill-mode: forwards;
	animation-play-state: running;
}
@-webkit-keyframes moveInOut 
{
0% 	{opacity: 1; -webkit-transform: translate(0px,0px);}
100% 	{opacity: 1; -webkit-transform: translate(-20px,10px);}
}
@keyframes moveInOut 
{
0% 	{opacity: 1; transform: translate(0px,0px);}
100% 	{opacity: 1; transform: translate(-20px,10px);}
}
.chuckle {
	-webkit-animation: shake .1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: backwards;
	-webkit-animation-play-state: running;
	animation: shake .1s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-delay: 0s;
	animation-fill-mode: backwards;
	animation-play-state: running;
}
@-webkit-keyframes shake 
{
0% 	{-webkit-transform: translate(0px,0px);}
50% 	{-webkit-transform: translate(0px,-3px);}
100% 	{-webkit-transform: translate(0px,0px);}
}
@keyframes shake 
{
0% 	{transform: translate(0px,0px);}
50% 	{transform: translate(0px,-3px);}
100% 	{transform: translate(0px,0px);}
}
@-webkit-keyframes pulse 
{
from {opacity: .2;}
to {opacity: 1;}
}
@keyframes pulse 
{
from {opacity: .2;}
to {opacity: 1;}
}
.fastpulse {
	opacity: 0;
	-webkit-animation: pulse .3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	animation: pulse .3s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-delay: 0s;
	animation-fill-mode: forwards;
} 
.framepulse {
	opacity: 0;
	-webkit-animation: onOff .5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	-webkit-animation-direction: alternate;
	-webkit-animation-delay: 0s;
	-webkit-animation-fill-mode: forwards;
	animation: onOff .5s;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-direction: alternate;
	animation-delay: 0s;
	animation-fill-mode: forwards;
} 
@-webkit-keyframes onOff 
{
0% 	{opacity: 1;}
100% 	{opacity: 0;}
}
@keyframes onOff 
{
0% 	{opacity: 1;}
100% 	{opacity: 0;}
}
#InstructionsLLR {
	position:fixed;
	top: 50%;
	left: 50%;
	margin-left: -485px;
	margin-top: -242px;
	display: none;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;  
	transition: all .2s;  
	z-index: 1;
}
#InstructionsLL {
	position:fixed;
	top: 50%;
	left: 50%;
	margin-left: -485px;
	margin-top: -242px;
	display: none;
	-moz-transition: all .2s;
	-webkit-transition: all .2s;
	-o-transition: all .2s;  
	transition: all .2s;  
	z-index: 1;
}
#CopyRight {
	position:absolute;
	left: 50%;
	top: 750px;
	margin-left: -150px;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#BoomZoom_Trademark {
	position:absolute;
	left: 50%;
	top: 770px;
	margin-left: -180px;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#Albi_Trademark {
	position:absolute;
	left: 50%;
	top: 790px;
	margin-left: -170px;
	-webkit-transition: all 1s;
	transition: all 1s;
}
.titletext {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	color:lightgray;
	font-size:25px;
	margin-left: 75px;
}
.subtitletext {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	color:lightgray;
	font-size:20px;
	margin-left: 75px;
}
p.bottom_text_light {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:white;
}
p.bottom_text_dark {
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color: brown;
}
.center {
	text-align:center;
    margin-left: auto;
    margin-right: auto;
}
.popupXOut {
	margin-right: 10px;
	margin-top: 10px;
	z-index: -1;
}
.popupXOutNew {
	position: fixed;
	margin-right: 10px;
	margin-top: 0px;
	z-index: 1;
}
#Balanced {
	position:fixed;
	top: 5px;
	left: 50%;
	width: 900px;
	height: 650px;
	margin-left: -450px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    overflow-y: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
.balancedscrollregion {
	width: 890px;
	height: 580px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	padding: 8px;
	color: #663300;
    overflow-y: scroll;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
#AboutLink {
	position:absolute;
	top: 700px;
	left: 430px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	color: lightgray;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#BalancedLink {
	position:absolute;
	top: 700px;
	left: 530px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	color: lightgray;
	-webkit-transition: all 1s;
	transition: all 1s;
}
#PrivacyLink {
	position:absolute;
	left: 50%;
	top: 730px;
	margin-left: -100px;
	-webkit-transition: all 1s;
	transition: all 1s;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	color: lightgray;
}
#Helpus {
	position:fixed;
	top: 2px;
	left: 50%;
	width: 670px;
	height: 600px;
	margin-left: -335px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    overflow-y: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
.helpusscrollregion {
	width: 660px;
	height: 530px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	font-weight: bold;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	padding: 8px;
	color: #663300;
    overflow-y: scroll;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
#About {
	position:fixed;
	top: 5px;
	left: 50%;
	width: 800px;
	height: 560px;
	margin-left: -400px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    overflow-y: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
.aboutscrollregion {
	width: 790px;
	height: 490px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	padding: 8px;
	color: #663300;
    overflow-y: scroll;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
#AboutStoriesButton {
	position: absolute;
	//left: 120px;
	//top: 499px;
	left: 120px;
	top: 500px;
//border-width:1px;
//border-color:red;
//border-style:solid;
}
#AboutStories {
	position:fixed;
	top: 5px;
	left: 50%;
	width: 300px;
	height: 560px;
	margin-left: -250px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    overflow-y: scroll;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
#GetTheApp {
	position:fixed;
	top: 5px;
	left: 50%;
	width: 300px;
	height: 500px;
	margin-left: -150px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    overflow-y: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
#AboutBoomAndZoom {
	position:fixed;
	top: 5px;
	left: 50%;
	width: 378px;
	height: 446px;
	margin-left: -189px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    //overflow-y: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
#AboutAlbiAndHatBandit {
	position:fixed;
	top: 5px;
	left: 50%;
	width: 307px;
	height: 412px;
	margin-left: -154px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    //overflow-y: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
#AboutGobbleWobble {
	position:fixed;
	top: 5px;
	left: 50%;
	width: 544px;
	height: 401px;
	margin-left: -272px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    //overflow-y: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
#AboutParrotsTreasure {
	position:fixed;
	top: 5px;
	left: 50%;
	width: 544px;
	height: 451px;
	margin-left: -272px;
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size: 20px;
	background-image: url('images/linen1.jpg');	
	background-repeat: repeat;
	border: solid 10px lightgray;
	border-top: solid 30px lightgray;
	display: none;
	padding: 8px;
	color: #663300;
    //overflow-y: hidden;
	-webkit-transition: all .2s;
	transition: all .2s;  
}
.centertitles {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size:25px;
	color:#663300;
	font-weight:bold;
	text-align:center;
}
.text_table {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size:15px;
	color:#663300;
}
.text_table_title {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size:25px;
	font-weight: bold;
	color:#663300;
	text-align:center;
	margin-top: 20px;
}
.text_table_title_subtitle {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size:15px;
	color:#663300;
	text-align:center;
}
table.text_table p {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-size:15px;
	color:#663300;
}
table.text_table ul {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-color:#663300;
	font-size:15px;
	list-style-type: circle;
}
table.text_table li {
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-color:#663300;
	font-size:15px;
	list-style-type: circle;
}
table.text_table a{
	font-family: "Tempus Sans ITC", Arial, sans-serif;
	font-color:#663300;
	font-size:15px;
	list-style-type: circle;
}