@import "https://fonts.googleapis.com/css?family=Karla";

body {
	background:url(images/bk.png) repeat;
	font-family:Karla,"Helvetica Neue",Arial,Helvetica,Geneva,sans-serif;
	text-shadow:0 1px 0 rgba(255,255,255,0.90);
	-webkit-text-size-adjust:100%;
	font-size:17px;
}

@media screen and (max-device-width: 480px) {
	body {
		font-size:27px;
	}
}

a:link,a:active {
	color:#81b159;
	text-decoration:none;
	-webkit-transition:color .2s linear;
}

a:visited {
	color:#81b159;
	text-decoration:underline;
	-webkit-transition:color .2s linear;
}

a:hover {
	color:#c9b450;
	text-decoration:underline;
}

#container {
	margin-top:0;
	margin-bottom:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	width:960px;
}

#comingsoon {
	margin-right:auto;
	margin-left:auto;
	margin-top:200px;
}

#siteProgress {
	margin-top:55px;
}

#header {
	padding-top:60px;
	padding-bottom:40px;
}

#footer {
	color:#adadad;
	text-shadow:0 1px 0 rgba(255,255,255,0.81);
	font-size:12px;
	margin-top:30px;
	margin-right:auto;
	margin-left:auto;
	width:550px;
	clear:both;
}

#nav {
	height:25px;
	width:816px;
	margin-left:auto;
	margin-right:auto;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	background:url(images/nav_bk.png) repeat;
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
	-webkit-text-size-adjust:100%;
	font-size:16px;
}

#nav a {
	margin-right:35px;
	color:#575757;
	font-size:18px;
	text-shadow:0 1px 0 rgba(255,255,255,0.90);
	-webkit-transition:color .2s linear;
}

#nav a:hover {
	color:#c9b450;
	-webkit-transition:color .2s linear;
	text-decoration:none;
}

#nav a.last {
	margin-right:0;
}

#content {
	width:816px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	line-height:1.6em;
}

#content img.left {
	float:left;
	margin:10px;
}

#content img.right {
	float:right;
	margin-left:10px;
	margin-top:-40px;
}

#content img.center {
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#content p {
	margin-top:10px;
	padding-left:10px;
	padding-right:10px;
}

.clear {
	clear:both;
}

#wufooForm {
	height:550px;
}

.pkgs-img-right {
	float:right;
	clear:both;
	margin-bottom:20px;
	margin-left:10px;
}

.character-parties p {
	margin-bottom:10px;
}

.party-header {
	margin-top:25px;
}

.packages-section p {
	margin-bottom:25px;
}

#crossfade {
    position: relative;
    width: 784px;
    height: 387px;
}


#crossfade img {
  position:absolute;
  left:0;
}


 @keyframes cf3FadeInOut {
  0% {
  opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

#crossfade img.top {
animation-name: cf3FadeInOut;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-duration: 8s;
animation-direction: alternate;
}