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

/* body */

body {
	font-family:Georgia, "Times New Roman", Times, serif;
	color: #fff;
}

a {
	color: #fff;
}
a:hover {
	color: #afd7db;
}

/** hidden loop **/
#hidden-loop {
	display:none;
}

/** Payment link */
#payment-link {
	background: transparent url(img/payment-link.png) center top no-repeat;
	width: 471px;
	height: 37px;
	position: relative;
	margin: 0 auto;
}
#payment-link h3 {
	text-indent: -9999px;
	width: 471px;
	height: 37px;
}
/*.tooltip{ background: #dbd243; border: 2px solid #faf455; color: #115e6a; font-family:Arial, Helvetica, sans-serif; font-size: 18px; padding: 10px; width: 350px; position: absolute; top: 0; left: 0; z-index: 10000; display: none; } */
.tooltip{ background: #dbd243; border: 2px solid #faf455; color: #115e6a; font-family:Arial, Helvetica, sans-serif; font-size: 16px; padding: 10px; width: 210px; position: absolute; top: 0; right: 0; z-index: 10000; display: none; }

/** SPLASH PAGE HEADER */
#splash-header {
	width: 740px;
	height: 260px;
	margin: 0 auto;
	padding-top: 15px;
	position: relative;	
}

#splash-slideshow {
	background: transparent url(img/top-login-bkg.png) repeat left top;
	width: 450px;
	height: 230px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	border: 3px solid white;

}
#splash-slideshow span {
	visibility:hidden;
}

	/* s3 slider */
				#s3slider {
				   width: 450px; /* important to be same as image width */
				   height: 230px; /* important to be same as image height */
				   position: relative; /* important */
				   overflow: hidden; /* important */
				}
				
				#s3sliderContent {
				   width: 450px; /* important to be same as image width or wider */
				   position: absolute; /* important */
				   top: 0px; /* important */
				   margin-left: 0px; /* important */
				   z-index: 0;
				}
				
				.s3sliderImage {
				   float: left; /* important */
				   position: relative; /* important */
				   display: none; /* important */
				}
				
				.s3sliderImage span {
				   position: absolute; /* important */
				   left: 0;
				   font: 13px/22px "Lucida Sans Unicode", "Lucida Grande", Arial, Helvetica, sans-serif;
				   padding: 5px 13px 15px 13px;
				   width: 450px;
				   background-color: #000;
				   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
				   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
				   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
				   opacity: 0.7; /* here you can set the opacity of box with text */
				   color: #fff;
				   display: none; /* important */
				   bottom: 0;
				
				   /*
					   if you put
					   top: 0; -> the box with text will be shown at the top of the image
					   if you put
					   bottom: 0; -> the box with text will be shown at the bottom of the image
				   */
				}

#splash-logo {
	width: 260px;
	height: 260px;
	float: left;
	margin-left: 10px;
	background: transparent url(img/bt-welcome.png) 50% top no-repeat;
	position: relative;
	z-index: 1;
}
#splash-logo p {
	font-size:10px;
	text-align: center;
}

ul#btn-enter  {
	float: left;
	display: inline-block;
	margin: 190px 0 0 0 ;
	padding-left: 65px;
	list-style-type: none;
	width: 260px;
}
ul#btn-enter li a {
	display: block;
	text-indent:-9999px;
	height: 38px;
}

ul#btn-enter li.btn-enter a {
	height: 38px;
	background: url(img/btn-enter-sprite.png) top left no-repeat;
}

ul#btn-enter li.btn-enter a:hover {
	background-position: bottom left;
}

/** SPLASH PAGE CONTENT */

#splash-content {
	width: 740px;
	height: 440px;
	margin: 0 auto;
	position: relative;
}

#splash-attractions {
	width: 460px;
	display:inline;
	float: left;
	margin-right: 10px;
	background: transparent url(img/text-attractions.png) top left no-repeat;
}

#attract-leftcol {
	width: 210px;
	float: left;
	padding-top: 45px;
	margin-left: 5px;
	margin-right: 15px;
}

#attract-rightcol {
	width: 210px;
	float: left;
	padding-top: 45px;
	margin-left: 15px;
}

#attract-leftcol img, #attract-rightcol img {
	background-color: #012126;
	padding: 3px;
	border: 1px solid white;
	margin: 10px 0;
}

#attract-leftcol img:hover, #attract-rightcol img:hover {
	background-color: #4e8890;
}

#weather {
	clear:both;
	float:none;
	display:inline-block;
	width: 435px;
	position: relative;
	margin: 10px;
}

#splash-visitorlinks {
	width: 240px;
	height: 420px;
	float: right;
	display:inline;
	position:relative;
	margin-right: 10px;
	margin-top: 10px;
	background: transparent url(img/splash-visitors-head.png) 50% top no-repeat;
	padding-top: 40px;
	text-align:center;
}

ul.visitor-links {
	text-align:center;
	margin-top: 10px;
	font-size: 2.3em;
	font-family:"Garamond", Georgia, times, serif;
	font-weight:normal;
	line-height:1.8em;
	list-style-type:none;
}

ul.visitor-links li {
}

ul.visitor-links a {
	color: #fff;
	text-decoration:underline;

}

ul.visitor-links a:hover {
	color: #c9d962;
	text-decoration:underline;
}


ul#btn-btorlando  {
	float: left;
	display: inline-block;
	margin: 0 0 0 20px;
	list-style-type: none;
	width: 270px;
}
ul#btn-btorlando li a {
	display: block;
	text-indent:-9999px;
	height: 30px;
}

ul#btn-btorlando li.btn-btorlando a {
	height: 30px;
	background: url(img/btn-btorlando-sprite.png) top left no-repeat;
}

ul#btn-btorlando li.btn-btorlando a:hover {
	background-position: bottom left;
}