@charset "utf-8";
/* CSS Document */

/***********************************
Global Styles
***********************************/

html, body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#36F;
	text-align:center;
}

a{
	text-decoration:none;
	outline: none;
}
a:hover{
	text-decoration:none;
	outline: none;
}
a:active{  
	text-decoration:none;
	outline: none;
}
a:visited{	
	text-decoration:none;
}

a.skoobaroob-links{
	text-decoration:none;
	color:#FFF;
}

a.skoobaroob-links:hover{
	text-decoration:underline;
	color:#FFF;
}

a.skoobaroob-links:active{
	text-decoration:none;
	color:#FFF;
}

a.skoobaroob-links:visited{
	text-decoration:none;
	color:#FFF;
}

img{
	border:none;
}

h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:32px;
	color:#36F;
}

#container {
    background-color: #FFFFFF;
    color: white;
    font-weight: bold;
    height: 670px;
    width: 100%;
    overflow: hidden;
    padding: 2px;
	text-align:center;
	float:left;
}

.skoobaroob-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
}

.skoobaroob-text1{
	color: #006C8C;
}

.skoobaroob-text2{
	color: #A49015;
}

.skoobaroob-text3{
	color: #9C1358;
}

.skoobaroob-subtext{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400; 
	color:#000;
}

.skoobaroob-footer{
	background-image:url(images/skoobaroob-footer.jpg);
	background-repeat:repeat-x;
	height:10px;
	color:#FFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.skoobaroob-blue{
	color:#36F;
	font-weight:bold;
	font-size:18px;
	display:none;
}

.skoobaroob-blue2{
	color:#36F;
	font-weight:bold;
	font-size:18px;
}

.skoobaroob-nav{
color:#000000;
font-weight:bold;
font-size:11px;
} 

a.skoobaroob-nav{
	text-decoration:none;
}

a.skoobaroob-nav:hover{
	text-decoration:underline;
}

a.skoobaroob-nav:active{
	text-decoration:none;
}

a.skoobaroob-nav:visited{
	text-decoration:none;
}

.skoobaroob-footer-blue{
	background-image:url(images/skoobaroob-footer-blue.jpg);
	background-repeat:repeat-x;
	height:120px;
	color:#FFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	width:33%;
}

.skoobaroob-footer-yellow{
/*	background-image:url(images/skoobaroob-footer-yellow%20150px-01.png);
	background-repeat:repeat-x;
	height:auto;
*/	

	color:#000000;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	width:100%;
}

.skoobaroob-footer-pink{
	background-image:url(images/skoobaroob-footer-pink.jpg);
	background-repeat:repeat-x;
	height:120px;
	color:#FFF;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	float:left;
	width:33%;
}

.main-area{
	width:100%;
	height:auto;
	color:#006C8C; 
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-top:0px;
	padding-top:5px;
}

.skoobaroob-taglines{
	color:#6d6d6d;
	font-size:18px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;
	font-weight:500;  
	letter-spacing: -0.0311em;
	transition: all 0.15s linear;
} 

#slideshow{ 
    margin: 20px auto; 
    position: relative; 
    width: 240px; 
    height: 280px; 
    padding: 5px; 
	border-radius: 25px;
    box-shadow: 0 0 20px rgba(0,0,0,0.4); 
}

#slideshow > div{ 
    position: absolute; 
    top: 25px; 
    left: 0px; 
    right: 0px; 
    bottom: 10px; 
}  

.containerSlide{
  height: 200px;
  width: 200px;
  position: relative;
  margin-left:15px;
} 

.imageSlide{
  position: absolute;
  left: 0;
  top: 0;
  height:200px;
}

.textSlide{
	z-index: 100;
	position: absolute;
	color: white;
	font-size: 24px;
	font-weight: bold;
	left: 30px;
	top: 0px;
	text-shadow: -1px 1px #000000;
	width: 167px;
	-webkit-text-stroke-width: 0.5px;
    -webkit-text-stroke-color: black;
} 

#animation_container{
	text-align:center;		
	width: 50%;
  margin: 0 auto;
	
	
}