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

#top-nav {
background-image:url(/themed/default/img/topNav_2.png);
background-repeat:no-repeat;
float:left;
height:60px;
margin:0;
padding:0;
position:relative;
top: 12px;
width:920px;
z-index:100; 

}


#top-nav ul {
width:920px;
list-style:none;
margin:0px;
padding:0px;
}



#top-nav li ul, #top-nav li ul {
margin: 0px;
padding: 0px;
z-index:99;
}



#top-nav a {
text-decoration: none;
}



#top-nav li {
margin: 0;
padding: 0px;
float: left;
display: block;
}



#top-nav li ul {
display: none;
}



#top-nav li a {
font-weight: bold;
display: block;	
padding: 0px;

}

#top-nav li.off ul, #top-nav li.on ul  { /*put the subnav below*/
position:absolute;
float:left;
width:100px;
height: 15px;
top: 40px;
z-index:999;

}


#top-nav li#li.off ul, #top-nav li#li.on ul { 
position:absolute;
float:none;
width:150px;
top:25px;
padding: 5px;
left:-15px;
z-index:9999;
}



#top-nav li.on a {
color: #000000;

}



#top-nav li.on ul {
/* display: block; */
display:none;
}



#top-nav span {
display:none;
}

#top-nav li.off:hover ul {
/* display: block; */
display:none;

}





#li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a, #li7 a, #li8 a, #li9 a, #li10 a {
position: relative;
left: 0px;
display: block;
background: url(/themed/default/img/topNav_2.png) no-repeat top left;
width: 920px;
height: 60px;
top: 0px;

}

#top-nav ul li ul li a {

display: block;
background: none; 
border-top:none;
font-family: arial, verdana, sans-serif;
color: #ffffff;
font-size:12px;

padding: 5px;
height:30px;
width: 105px;
}



#top-nav ul li ul li a:hover {
display: block;
color: #d8f599;
width:105px;
height: 30px;


}




/*first, put the initial states in place*/



#li1 a {
background-position: 0px 60px;
width: 25px;

}



#li2 a {
background-position: 0px 60px;
width: 100px;

}



#li3 a {
background-position: -65px 60px;
width: 95px;

}



#li4 a {
background-position: -179px 60px;
width: 80px;

}



#li5 a {
background-position: -265px 60px;
width: 90px;

}



#li6 a {
background-position: -345px 60px;
width: 90px;

}


#li7 a {
background-position: -410px 60px;
width: 105px;

}


#li8 a {
background-position:-445px 60px;
width:150px;

}



#li9 a {
background-position: -475px 60px;
width: 125px;

}


#li10 a {
background-position: -500px 60px;
width: 60px;


}



/*hover states*/


#li1 a:hover,
#li1.on a {
background-position: 0px -60px;

}


#li2 a:hover,
#li2.on a {
background-position: -25px -60px;

}


#li3 a:hover,
#li3.on a {
background-position: -125px -60px;

}


#li4 a:hover,
#li4.on a {
background-position: -220px -60px;

}


#li5 a:hover,
#li5.on a {
background-position: -300px -60px;

}


#li6 a:hover,
#li6.on a {
background-position: -390px -60px;

}



#li7 a:hover,
#li7.on a {
background-position: -480px -60px;

}



#li8 a:hover,
#li8.on a {
background-position: -585px -60px;

}

#li9 a:hover,
#li9.on a {
background-position: -735px -60px;

}

#li10 a:hover,
#li10.on a {
background-position: -860px -60px;

}

#top-nav li ul a {
display: block;
background: #9ecc3a;
color: #e7ebec;
border:1px solid #d6d8d9;
top: 20px;
font-family: arial, verdana, sans-serif;
font-size:12px;
min-height:10px;
height:auto !important;
height:10px;
padding:8px 12px 8px 12px;
width:100px; 
z-index:9999;


}

#top-nav li ul a:hover {
display: block;
background: #9ecc3a;
color: #ffffff;
top: 20px;
width:100px; 
z-index:9999;

}


/*sub-navigation-one*/

#sub-nav1 {
position: relative;
float:left;
height:235px;
width:183px;
margin:0;
padding:0;
position:relative;
z-index:99;

}

#sub-nav1 ul {
position: relative;
float:left;
background-image:url(/themed/default/img/aboutUsNav.png);
background-repeat:no-repeat;
width:183px;
height: 235px;
list-style:none;
margin:0px;
padding:0px;


}

#sub-nav1 li ul, #sub-nav li ul {
margin: 0px;
padding: 0px;
z-index:99;
}

#sub-nav1 a {
text-decoration: none;
}

#sub-nav1 li {
margin: 0;
padding: 0px;
float: left;
display: block;
}

#sub-nav1 li ul {
display: none;
}

#sub-nav1 li a {
font-weight: bold;
display: block;	
padding: 0px;
}


#sub-nav1 li.off ul, #sub-nav1 li.on ul  { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}

#sub-nav1 li a {
display: block;
padding: 0px;
margin: 0px;	
}

#sub-nav1 li.active a {
color: #073E74;
}

#sub-nav1 li.active ul {
display: block;
}

#sub-nav1 li.off:hover ul {
display: block;
}

#sub-nav1 li span {
display:none;
}


#safety a, 
#policies a, 
#delivery a,
#events a {
position: relative;
left: 0px;
display: block;
background: url(/themed/default/img/aboutUsNav.png) no-repeat top left;
width: 183px;
height: 50px;
z-index: 10;
top: 0px;
}

#sub-nav1 ul li.off ul, #sub-nav1 ul li.active ul  { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:183px;
}

#sub-nav1 ul li ul li a {
display: block;
background: #E7F2F6; 
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:50px;
}

#sub-nav1 ul li ul li a:hover {
background: #217F9B;
color: #FFFFFF;
width:110px;
}


/*first, put the initial states in place*/


#safety a {
background-position: 0px 0px;
width: 183px;
height: 60px;
}

#policies a {
background-position: 0px 60px;
width: 183px;
height: 30px;
}

#delivery a {
background-position: 0px 90px;
width: 183px;
}

#events a {
background-position: 0px 141px;
width: 183px;
}


/*hover states*/


#safety a:hover,
#safety.active a {
background-position: -183px 0px;
}

#policies a:hover,
#policies.active a {
background-position: -183px -60px;
}

#delivery a:hover,
#delivery.active a {
background-position: -183px -90px;
}

#events a:hover,
#events.active a {
background-position: -183px -141px;

}


/*sub-navigation-two*/
.left-column {
float:left;
width:183px;
}

#bounce-houses {
background-image:url('../img/bounceHouses-top.png');
width:183px;
height:15px;
}

#about-us, #safety, #poicies-payment, #delivery-and-setup, #events-we-serve {
background-image:url('../img/aboutUs-top.png');
width:183px;
height:15px;
}

#water-slides {
background-image:url('../img/waterslides-left.png');
width:183px;
height:20px;
}

#combo-rentals {
background-image:url('../img/combos_left.png');
width:183px;
height:20px;
}

#games {
background-image:url('../img/gamesNav.png');
width:183px;
height:16px;
}

#concessions-party-extras {
background-image:url('../img/concessions-left.png');
width:183px;
height:45px;
}

#packages-deals {
background-image:url('../img/packagesdeals-left.png');
width:183px;
height:45px;
}

#party-ideas {
background-image:url('../img/partyideas-left.png');
width:183px;
height:27px;
}

#sub-nav.water-slides, #sub-nav.combo-rentals, #sub-nav.games, #sub-nav.concessions-party-extras, #sub-nav.packages-deals, #sub-nav.party-ideas {
display:none;	
}

#sub-nav {
width:183px;
}

.sub-nav-top  {
width:183px;
height:15px;
background-image:url('../img/leftNav-top.png');
background-repeat:no-repeat;
}

.sub-nav-bottom  {
width:183px;
height:15px;
background-image:url('../img/leftNav-bottom.png');
background-repeat:no-repeat;
}

#sub-nav2 {
position:relative;
z-index:99;
}

#sub-nav2 ul {
list-style:none;
margin:0px;
padding:0px;
background-image:url('/themed/default/img/leftNav-mid.png');
background-repeat:repeat-y;
}

#sub-nav2 ul li {
padding:9px 0px 9px 17px;
background-image:url('/themed/default/img/leftNav-hr.png');
background-position:bottom center;
background-repeat:no-repeat;
}

#sub-nav2 ul li:last-child {
background-image:none;	
}

#sub-nav2 ul a span {
font-size:14px;
color:#FFFFFF;
}

#sub-nav2 ul a:hover span {
font-size:14px;
color:#F8EC25;
}

/*
#sub-nav2 li ul, #sub-nav2 li ul {
margin: 0px;
padding: 0px;
z-index:99;
}

#sub-nav2 a {
text-decoration: none;
}

#sub-nav2 li {
margin: 0;
padding: 0px;
float: left;
display: block;
}

#sub-nav2 li ul {
display: none;
}

#sub-nav2 li a {
font-weight: bold;
display: block;	
padding: 0px;
}


#sub-nav2 li.off ul, #sub-nav2 li.on ul  { /*put the subnav below*/
/*position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}

#sub-nav2 li a {
display: block;
padding: 0px;
margin: 0px;	
}

#sub-nav2 li.active a {
color: #073E74;
}

#sub-nav2 li.active ul {
display: block;
}

#sub-nav2 li.off:hover ul {
display: block;
}

#sub-nav2 li span {
display:none;
}


#jumpers a, 
#obstacle-courses a, 
#inflated-interactive a,
#adult a {
position: relative;
left: 0px;
display: block;
background: url(/themed/default/img/bounceHouseNav.png) no-repeat top left;
width: 183px;
height: 50px;
z-index: 10;
top: 0px;
}

#sub-nav2 ul li.off ul, #sub-nav2 ul li.active ul  { /*put the subnav below*/
/*position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:183px;
}

#sub-nav2 ul li ul li a {
display: block;
background: #E7F2F6; 
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:50px;
}

#sub-nav2 ul li ul li a:hover {
background: #217F9B;
color: #FFFFFF;
width:110px;
}


/*first, put the initial states in place*/


/*#jumpers a {
background-position: 0px 0px;
width: 183px;
height: 45px;

}

#obstacle-courses a {
background-position: 0px 45px;
width: 183px;
height: 35px;

}

#inflated-interactive a {
background-position: 0px 80px;
width: 183px;

}

#adult a {
background-position: 0px 131px;
width: 183px;
height: 40px;

}
*/

/*hover states*/


#jumpers a:hover,
#jumpers.active a {
background-position: -183px 0px;

}

#obstacle-courses a:hover,
#obstacle-courses.active a {
background-position: -183px -45px;

}

#inflated-interactive a:hover,
#inflated-interactive.active a {
background-position: -183px -80px;

}

#adult a:hover,
#adult.active a {
background-position: -183px -130px;

}

/*sub-navigation-three*/

#sub-nav3 {
position: relative;
float:left;
height:172px;
width:183px;
margin:0;
padding:0;
position:relative;
z-index:99;

}

#sub-nav3 ul {
position: relative;
float:left;
background-image:url(/themed/default/img/gamesNav.png);
background-repeat:no-repeat;
width:183px;
height: 172px;
list-style:none;
margin:0px;
padding:0px;


}

#sub-nav3 li ul, #sub-nav3 li ul {
margin: 0px;
padding: 0px;
z-index:99;
}

#sub-nav3 a {
text-decoration: none;
}

#sub-nav3 li {
margin: 0;
padding: 0px;
float: left;
display: block;
}

#sub-nav3 li ul {
display: none;
}

#sub-nav3 li a {
font-weight: bold;
display: block;	
padding: 0px;
}


#sub-nav3 li.off ul, #sub-nav3 li.on ul  { /*put the subnav below*/
position:absolute;
float:none;
margin:0px;
padding:0px;
top:37px;
z-index:9999;
}

#sub-nav3 li a {
display: block;
padding: 0px;
margin: 0px;	
}

#sub-nav3 li.active a {
color: #073E74;
}

#sub-nav3 li.active ul {
display: block;
}

#sub-nav3 li.off:hover ul {
display: block;
}

#sub-nav3 li span {
display:none;
}


#carnival-games a, 
#inflatable-games a {
position: relative;
left: 0px;
display: block;
background: url(/themed/default/img/gamesNav.png) no-repeat top left;
width: 183px;
height: 50px;
z-index: 10;
top: 0px;
}

#sub-nav3 ul li.off ul, #sub-nav3 ul li.active ul  { /*put the subnav below*/
position: absolute;
margin: 0px;
padding: 0px;
top: 29px;
width:183px;
}

#sub-nav3 ul li ul li a {
display: block;
background: #E7F2F6; 
border-top:none;
color: #333333;
font-family: arial, verdana, sans-serif;
font-size:11px;
height:50px;
}

#sub-nav3 ul li ul li a:hover {
background: #217F9B;
color: #FFFFFF;
width:110px;
}


/*first, put the initial states in place*/


#carnival-games a {
background-position: 0px 0px;
width: 183px;
height: 48px;


}

#inflatable-games a {
background-position: 0px 48px;
width: 183px;
height: 45px;


}




/*hover states*/


#carnival-games a:hover,
#carnival-games.active a {
background-position: -183px 0px;

}

#inflatable-games a:hover,
#inflatable-games.active a {
background-position: -183px -48px;

}