@charset "utf-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
	font-family: 'Noticia Text', serif;
}
html, body {
	background-color: #000B38;
	height: 100%;
	width: 100%;
	position: relative;
}

header {
	height: 500px;
	width: 100%;
	background-color: #0075C4;
	position: relative;
}
main {
	position: relative;
	text-align: center;
	top: 380px;
}

main p {
	font-size: 24px;
	color: #FFF;
	text-align: center;
	margin-bottom: 20px;
	text-shadow: 0px 1px 2px black;
	position: relative;
	width: 580px;
	margin-right: auto;
	margin-left: auto;
}
main aside h3 {
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	text-shadow: 0px 1px 2px black;
}
main aside a {
	color: #FFF;
}

main aside #small {
	font-size: 16px;
}
main aside  h4{
	font-size: 40px;
	font-weight: bold;
	color: #FFF;
	display: block;
	text-shadow: 0px 1px 2px black;
}

main article h2 {
	font-family: 'Lobster', cursive;
	font-size: 36px;
	color: #FFF;
	text-shadow: 0px 1px 2px black;
	margin-bottom: 10px;
	margin-top: 10px;
}

h1  {
	font-family: 'Lobster', cursive;
	font-size: 80px;
	color: #FFF;
	text-shadow: 0px 2px 0px #FF99CC,-2px 2px 0px #FF99CC,2px 2px 0px #FF99CC,2px -2px 0px #FF99CC,-2px -2px 0px #FF99CC,-2px 0px 0px #FF99CC,0px 0px 5px #AD2569,0px 0px 4px #AD2569,0px 0px 20px #AD2569;
	text-align: center;
	position: absolute;
	z-index: 10000;
	height: auto;
	width: 100%;
	line-height: 80px;
	top: 10px;
}
h1 span {
	display: block;
	font-size: 50px;
}

#banneranim {
	position: absolute;
	height: 500px;
	width: 100%;
	left: 0px;
	top: 0px;
	background-image: url(../layout/banner_bg.png);
	background-repeat: repeat-x;
	background-position: left top;
	overflow: hidden;
}



#stars {
	position: absolute;
	height: 200px;
	width: 100%;
	left: 0px;
	background-image: url(../layout/stars.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	animation: animatedBackground 200s linear infinite;
	-ms-animation: animatedBackground 200s linear infinite;
	-moz-animation: animatedBackground 200s linear infinite;
	-webkit-animation: animatedBackground 200s linear infinite;
	top: 0px;
}
#blackening {
	background-image: url(../layout/banner_bg.png);
	background-repeat: repeat-x;
	position: absolute;
	height: 300px;
	width: 100%;
	top: 100px;
}
#pulimoon {
	height: 601px;
	width: 500px;
	margin-left: -250px;
	position: absolute;
	left: 50%;
	top: -40px;
	background-image: url(../layout/moon.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#clouds {
	position: absolute;
	height: 238px;
	width: 100%;
	left: 0px;
	background-image: url(../layout/clouds_v3.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	animation: animatedBackground 40s linear infinite;
	-ms-animation: animatedBackground 40s linear infinite;
	-moz-animation: animatedBackground 40s linear infinite;
	-webkit-animation: animatedBackground 40s linear infinite;
	top: 200px;
}
#clouds2 {
	position: absolute;
	height: 238px;
	width: 100%;
	left: 0px;
	background-image: url(../layout/clouds_v3.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	animation: animatedBackground 30s linear infinite;
	-ms-animation: animatedBackground 30s linear infinite;
	-moz-animation: animatedBackground 30s linear infinite;
	-webkit-animation: animatedBackground 30s linear infinite;
	top: 230px;
}
#clouds3 {
	position: absolute;
	height: 238px;
	width: 100%;
	left: 0px;
	background-image: url(../layout/clouds_v3.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	animation: animatedBackground 20s linear infinite;
	-ms-animation: animatedBackground 20s linear infinite;
	-moz-animation: animatedBackground 20s linear infinite;
	-webkit-animation: animatedBackground 20s linear infinite;
	top: 250px;
}
#pulis {
	background-image: url(../layout/puliscenter.png);
	background-repeat: no-repeat;
	height: 271px;
	width: 600px;
	margin-left: -300px;
	position: absolute;
	left: 50%;
	bottom: 0px;
}
#pulirocket {
	background-image: url(../layout/pulirocket.png);
	position: absolute;
	height: 73px;
	width: 50px;
	margin-left: -25px;
	left: 50%;
	top: 224px;
	-webkit-animation: myOrbit 8s linear infinite; /* Chrome, Safari 5 */
    -moz-animation: myOrbit 8s linear infinite; /* Firefox 5-15 */
    -o-animation: myOrbit 8s linear infinite; /* Opera 12+ */
    animation: myOrbit 8s linear infinite; /* Chrome, Firefox 16+, IE 10+, Safari 5 */
} 
#landscape  {
	background-image: url(../layout/landscape.png);
	background-repeat: repeat-x;
	height: 150px;
	width: 100%;
	position: absolute;
	top: 350px;
}
#lefttrees {
	background-image: url(../layout/treesleft.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 417px;
	width: 250px;
	left: 0px;
	bottom: 20px;
}
#righttrees {
	position: absolute;
	height: 406px;
	width: 250px;
	right: 0px;
	bottom: 20px;
	background-image: url(../layout/treesright.png);
}
#leftgrass  {
	background-image: url(../layout/bg_left.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 135px;
	width: 199px;
	left: 0px;
	bottom: 0px;
}


#rightgrass  {
	background-image: url(../layout/bg_right.png);
	background-repeat: no-repeat;
	position: absolute;
	height: 150px;
	width: 199px;
	right: 0px;
	bottom: 0px;
}
#middlegrass  {
	background-image: url(../layout/bg_main.png);
	background-repeat: repeat-x;
	position: absolute;
	height: 68px;
	width: 100%;
	bottom: 0px;
}
#motherslogo {
	height: 150px;
	width: 100%;
	position: absolute;
	top: 495px;
	text-align: center;
	background-color: #FFB6DB;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	background-image: url(../layout/motherslogo_bg.png);
	background-repeat: repeat-x;
	background-position: bottom;
}
#heart {
	height: 520px;
	width: 600px;
	margin-left: -300px;
	position: absolute;
	left: 50%;
	background-image: url(../layout/heart.png);
	top: -120px;
}


#paypal_btn {
	display: block;
	height: 58px;
	width: 250px;
	text-align: center;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	border-radius: 1000px;
	border: 6px solid #DA9AC0;
	margin-top: 5px;
	margin-bottom: 15px;
	-webkit-animation: glow 3s ease-in-out infinite;
	animation: glow 3s ease-in-out infinite;
}	

#paypal_cards {
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #FFF;
	display: block;
	position: relative;
	height: 31px;
	width: 198px;
	margin-right: auto;
	margin-left: auto;
}
#shares li {
	text-align: center;
	display: inline-block;
}
#shares {
	text-align: center;
	margin-bottom: 50px;
}



footer {
	position: relative;
	height: 580px;
	width: 100%;
	background-color: #DA9AC0;
	bottom: 0px;
	padding-top: 40px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	box-shadow: 0px 0px 10px black;
	margin-top: 450px;
}

footer .small {
	font-size: 16px;
}
footer .small a {
	color: #333;
}



footer p {
	font-size: 40px;
	color: #000;
	text-align: center;
}

footer ul {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	text-align: center;
}
footer #team_puli {
	background-image: url(../layout/puli-space-teambadge.png);
	height: 250px;
	width: 250px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	display: block;
}
footer h4 {
	font-size: 24px;
	color: #333;
	text-align: center;
	margin-top: 40px;
}

footer li {
	text-align: center;
	display: inline-block;
	position: relative;
}

footer #fcenter {
	width: 940px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	height: auto;
	top: -60px;
}
p strong  {
	color: #DA9AC0;
}
#languages {
	position: absolute;
	z-index: 50000;
	height: 40px;
	width: 130px;
	top: 10px;
	right: 10px;
	text-align: center;
}
#languages li {
	display: inline-block;
	margin-right: 2px;
	margin-left: 2px;
}

#languages li a {
	font-weight: bold;
	color: #FFF;
	text-shadow: 0px 1px 2px black;
}

#languages h7 {
	font-size: 18px;
	color: #FFF;
	display: block;
	text-shadow: 0px 1px 2px black;
}
@-webkit-keyframes myOrbit {
    from { -webkit-transform: rotate(0deg) translateX(-225px); }
    to   { -webkit-transform: rotate(360deg) translateX(-225px); }
}

@-moz-keyframes myOrbit {
    from { -moz-transform: rotate(0deg) translateX(-225px)); }
    to   { -moz-transform: rotate(360deg) translateX(-225px); }
}

@-o-keyframes myOrbit {
    from { -o-transform: rotate(0deg) translateX(-225px); }
    to   { -o-transform: rotate(360deg) translateX(-225px); }
}

@keyframes myOrbit {
    from { transform: rotate(0deg) translateX(-225px); }
    to   { transform: rotate(360deg) translateX(-225px); }
}
@-webkit-keyframes glow {
  50% { box-shadow: 0 0 15px #FFF; }
}

@keyframes glow {
	50% { box-shadow: 0 0 15px #FFF; }
}

@keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: -1558px 0; }
}
@-webkit-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: -1558px 0; }
}
@-ms-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: -1558px 0; }
}
	@-moz-keyframes animatedBackground {
	from { background-position: 0 0; }
	to { background-position: -1558px 0; }
}