@charset "UTF-8";
/* CSS Style by Adrian Pascu of Maqueta Inc. */

body {
	background: url(bg.gif) top left repeat;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11.5px;
	color: #FFF;
}

#ad {
	background-color: #FC0;
	z-index: 1000;
	padding: 10px;
	color: #000;
	top: 10px;
	left: 10px;
	position: absolute;
}

#close {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px;
	background-color: #C00;
	color: #FFF;
	font-weight: bold;
}

#close a {
	color: #FFF;
	text-decoration: none;
}

#ad h2 {
	color: #C00;
	font-size: 14px;
	margin-bottom: 5px;
}

#logo {
	top: 76px;
	left: 44px;
	background-color: #CCC;
	width: 339px;
	height: 223px;
	background: url(logo.png) top left no-repeat;
	z-index: -100;
	position: absolute;
}

#home-menu {
	width: 92px;
	padding: 6px 0 0 8px;
	height: 19px;
	background: url(home-menu-bg.png) top left no-repeat;
	position: absolute;
	left: 620px;
	top: 100px;
}

.h-menu:link {
	color: #FFF;
	text-decoration: none;
}

.h-menu:visited {
	color: #FFF;
	text-decoration: none;
}

.h-menu:hover {
	color: #FFFF00;
}

.h-menu:active {
	color: #FFFF00;
}

#menu {
	left: 85px;
	top: 130px;
	width: 441px;
	height: 421px;
	z-index: -50;
	position: absolute;
	background: url(menu_bg.png) top left no-repeat;
}

#circle-bg-pic-one {
	top: 435px;
	left: 30px;
	width: 331px;
	height: 331px;
	background: url(circle-bg-pic-one.png) top left no-repeat;
	z-index: 50;
	position: absolute;
}

#cirlce-pic-one {
	top: 456px;
	left: 29px;
	width: 290px;
	height: 310px;
	background: url(circle-pic-one.png) top left no-repeat;
	position: absolute;
	z-index: 100;
}

#large-bg-content-circle {
	top: 235px;
	left: 215px;
	background: url(large-bg-content-circle.png) top left no-repeat;
	width: 666px;
	height: 666px;
	position: absolute;
	z-index: 75;
}

#largeFlash {
	top: 235px;
	left: 215px;
	width: 666px;
	height: 666px;
	position: absolute;
	z-index: 125;
}

#address-bg {
	width: 210px;
	height: 210px;
	background: url(address-bg.png) top left no-repeat;
	position: absolute;
	z-index: -100;
	top: 110px;
	left: 430px;
	text-align: center;
}

#address {
	position: absolute;
	top: 40px;
	left: 37.5px;
	line-height: 15px;
}

#kids-bg-circle {
	background: url(kids-bg-circle.png) top left no-repeat;
	width: 316px;
	height: 317px;
	position: absolute;
	z-index: 50;
	top: 150px;
	left: 610px;
}

#giraffe {
	top: 136px;
	left: 380px;
	height: 158px;
	width: 133px;
	background: url(giraffe.png) top left no-repeat;
	position: absolute;
	z-index: 150;
}

#news-bg {
	position: absolute;
	z-index: 300;
	top: 130px;
	left: 620px;
	width: 214px;
	height: 245px;
	background: url(news-bg.png) top left no-repeat;
	text-align: center;
	padding: 40px 30px;
	color: #000;
	font-size: 11px;
	line-height: 14px;
}

.news-h2 {
	color: #E8056A;
	font-size: 14px;
	font-weight: bold;
}

.content-h2 {
	background-color: #E8056A; 
	padding: 5px; 
	width: 150px; 
	margin-bottom: 10px; 
	color: #FFF;
	font-size: 14px;
}

#bgContent {
	background: url(content-bg.png) top left no-repeat;
	position: absolute;
	z-index: 125;
	top: 235px;
	left: 230px;
	width: 667px;
	height: 667px;
	/* display: none */
}

#bg-content-orange {
	background: url(content_bg_orange.png) top left no-repeat;
	position: absolute;
	z-index: 125;
	top: 235px;
	left: 230px;
	width: 876px;
	height: 666px;
	color: #000;
	font-size: 12px;
	line-height: 15px;
}

#bg-content-blue {
	background: url(content_bg_blue.png) top left no-repeat;
	position: absolute;
	z-index: 125;
	top: 235px;
	left: 230px;
	width: 667px;
	height: 667px;
	color: #000;
	font-size: 12px;
	line-height: 15px;
}

#bg-content-green {
	background: url(content_bg_green.png) top left no-repeat;
	position: absolute;
	z-index: 125;
	top: 235px;
	left: 230px;
	width: 667px;
	height: 667px;
	color: #000;
	font-size: 12px;
	line-height: 15px;
}

#newsletter-bg {
	top: 700px;
	left: 725px;
	background: url(newsletter-bg.png) top left no-repeat;
	position: absolute;
	width: 271px;
	height: 260px;
	z-index: 250;
}

#newsletter-content {
	position: absolute;
	top: 769px;
	left: 675px;
	height: 101px;
	width: 285px;
	z-index: 251;
	text-align: right;
	padding-top: 20px;
}

#text {
	margin: 185px 0 0 83.5px;
	width: 500px;
}

#text-orange {
	margin: 185px 0 0 83.5px;
	width: 850px;
}

#m-calendar {
	position: absolute;
	top: 213px;
	left: 300px;
	font-size: 18px;
	z-index: 200;
}

#m-events {
	position: absolute;
	top: 249px;
	left: 220px;
	font-size: 18px;
	z-index: 200;
}

#m-facilities {
	position: absolute;
	top: 286px;
	left: 200px;
	font-size: 18px;
	z-index: 200;
}

#m-packages {
	position: absolute;
	top: 322px;
	left: 150px;
	font-size: 18px;
	z-index: 200;
}

#m-gallery {
	position: absolute;
	top: 357px;
	left: 140px;
	font-size: 18px;
	z-index: 200;
}

#m-extras {
	position: absolute;
	top: 392px;
	left: 170px;
	font-size: 18px;
	z-index: 200;
}

.yellow:link {
	color: #FFFF00;
	text-decoration: none;
}

.yellow:visited {
	color: #FFFF00;
	text-decoration: none;
}

.yellow:hover {
	color: #000;
}

.yellow:active {
	color: #000;
}

.white:link {
	color: #FFF;
	text-decoration: none;
}

.white:visited {
	color: #FFF;
	text-decoration: none;
}

.white:hover {
	color: #000;
}

.white:active {
	color: #000;
}

.purple:link {
	color: #7B42B5;
	text-decoration: none;
}

.purple:visited {
	color: #7B42B5;
	text-decoration: none;
}

.purple:hover {
	color: #000;
}

.purple:active {
	color: #000;
}

.magenta:link {
	color: #E8056A;
	text-decoration: none;
}

.magenta:visited {
	color: #E8056A;
	text-decoration: none;
}

.magenta:hover {
	color: #000;
}

.magenta:active {
	color: #000;
}

#footer {
	height: 50px;
	width: 600px;
	position: absolute;
	top: 920px;
	left: 100px;
}

#bottom-menu {
	width: 600px;
	height: 25px;
	background: url(bg-nav-bottom.png) top left no-repeat;
	padding: 6.5px 0;
}

#legal {
	color: #000;
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	left: 20px;
}

#ol-bottom-nav li {
	display: inline;
	padding-left: 10px;
}

.bottom-nav:link {
	color: #FFF;
	text-decoration: none;
}

.bottom-nav:visited {
	color: #FFF;
	text-decoration: none;
}

.bottom-nav:hover {
	color: #000;
	text-decoration: none;
}

.bottom-nav:active {
	color: #000;
	text-decoration: none;
}

.legal-link:link {
	color: #000;
	text-decoration: none;
}

.legal-link:visited {
	color: #000;
	text-decoration: none;
}

.legal-link:hover {
	color: #E8056A;
	text-decoration: none;
}

.legal-link:active {
	color: #E8056A;
	text-decoration: none;
}

#test {
	height: 20px;
	background-color: #06F;
}

.contact-form li {
	padding-bottom: 5px;
	line-height: normal;
	width: 65%;
}
 
.contact-form label {
	float: left;
	width: 8em;
	font-weight: bold;
	position: relative;
	top: 0.3em;
}
 
.contact-form em {
	display: block;
	text-transform: capitalize;
	font-style: normal;
	font-size: 0.7em;
	color: #EC008C;
}

.textbox {
	border: 2px solid #54A4DB;
	padding: 4px;
	font-size: 11px;
	color: #EC008C;
}

.message {
	border: 2px solid #54A4DB;
	padding: 4px;
	font-size: 11px;
	color: #EC008C;
}

#contact-bg {
	position: absolute;
	z-index: 250;
	height: 190px;
	width: 190px;
	background: url(contact-bg.png) top left no-repeat;
	top: 375px;
	left: 675px;
	color: #FFF;
	font-size: 11px;
	padding: 90px 40px 0 40px;
	line-height: 13px;
}

.contact-b-large {
	font-weight: bold;
	font-size: 14px;
	color: #000;
	padding-bottom: 7px;
}

.contact-b-small {
	font-weight: bold;
	font-size: 11px;
	color: #000;
	line-height: 14px;
}

.facilities-list {
	list-style: disc;
	margin-left: 0.5em;
	padding-left: 1em;
	width: 50%;
}

#facilities {
	position: absolute;
	top: 325px;
	left: 550px;
	height: 471px;
	width: 403px;
	background: url(facilities.png) top left no-repeat;
	z-index: 200;
}

#extra-bg {
	position: absolute;
	z-index: 250;
	height: 190px;
	width: 230px;
	background: url(extras-bg.png) top left no-repeat;
	top: 350px;
	left: 700px;
	color: #FFF;
	font-size: 11px;
	padding: 90px 0 0 40px;
	line-height: 13px;
}

.div_column {
	float: left;
}

.div_column_calendar {
	float: left;
	padding: 10px 20px 10px 0;
}

.price {
	font-style: normal;
	color: #FFF;
	font-weight: bold;
	color: #000;
}

.price-mag {
	font-style: normal;
	color: #E8056A;
	font-weight: bold;
}

.calendar-content {
	padding: 10px 0;
}

.calendar-p {
	padding-bottom: 10px;
}

.calendar-a:link {
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.calendar-a:visited {
	text-decoration: none;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	line-height: 18px;
}

.calendar-a:hover {
	color: #E8056A;
}

.calendar-a:active {
	color: #E8056A;
}

#popup {
	width: 400px;
	margin: 30px 30px 0 30px;
	background-color: #FFF;
	color: #000;
	padding: 15px;
	line-height: 13px;
	font-size: 11px;
}

#popup h3 {
	margin-top: 5px;
}

.subtitle-h2 {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
	color: #E8056A;
}

.subtitle-h2-super {
	font-size: 12px;
	font-weight: bold;
	margin: 10px 0;
	color: #06F;
}

#popup-legal {
	color: #000;
	font-size: 10px;
	margin: 10px 30px 30px 30px;
	padding: 0 15px 0 15px;
}

.p-padding {
	padding-top: 5px;
}

.popup:link {
	text-decoration: none;
	color: #FFF;
	border-bottom: 1px dotted #FFF;
	font-weight: bold;
}

.popup:visited {
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px dotted #FFF;
}

.popup:hover {
	text-decoration: none;
	color: #000;
	border-bottom: 1px dotted #000;
	font-weight: bold;
}

.popup:active {
	text-decoration: none;
	font-weight: bold;
	color: #000;
	border-bottom: 1px dotted #000;
}

.small {
	font-size: 8px;
	color: #F00;
}

.party-package-div {
	float: left;
	width: 380px;
	background-color: #FFCE99;
	padding: 10px;
	color: #000;
}

.party-package-list {
	list-style: disc;
	margin-left: 0.5em;
	padding-left: 1em;
}

.img-link {
	margin: 0 5px 5px 0;
	padding: 7px;
	float: left;
	background: #FF9A03;
}

.left-paragraph {
	width: 330px;
	margin-right: 40px;
	float: left;
}

.right-paragraph {
	width: 400px;
	float: left;
}

#party-kid {
	width: 357px;
	height: 357px;
	position: absolute;
	background: url(party-kid.png) top left no-repeat;
	z-index: 10000;
	left: 100px;
	top: 100px;
}

.success {
	width: 300px;
	padding-bottom: 10px;
}

.success h3 {
	color: #30F;
}

.error {
	width: 300px;
	padding-bottom: 10px;
}

.error h3 {
	color: #F00;
}