<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>CrackerJax – Family Fun & Sports Park</title>
<meta name="description" content="CrackerJax is Arizona's finest family fun and thrill park.">
<meta name="keywords" content="CrackerJax, Arizona amusment park, Scottsdale golf, go kart racing, bumper boats, miniature golf, games arcade, batting cages, Scottsdale driving range.">
        
<meta name="robots" content="index, follow">
<meta name="revisit-after" content="7 Days">
<meta name="Rating" content="General">
<meta name="doc-class" content="Living Document">
<meta name="copyright" content="Copyright 2005 - 2007 CrackerJax.">
<meta name="author" content="3 Star Media">

<link rel="shortcut icon" href="http://www.crackerjax.com/favicon.ico" type="favicon.ico">
<link rel="stylesheet" href="css/index.css" type="text/css" media="screen" title="CrackerJax">

<script language="JavaScript" type="text/javascript">
<!-- Begin
var nifty_little_window = null;
function hiring() {
nifty_little_window = window.open('hiring.html', 'thePoper0', "width=470,height=270,top=0,left=10,resizable=no,scrollbars=yes,menubar=no,toolbar=no,status=yes,location=no");
}
// End -->
</script>

<style media="screen" type="text/css">

	
body   { 
	color: #4E364F;
	font-size: 70%;
	background: #00FF00; 
	margin: 0; 
	padding: 0; 
	}
* html body {
	font-size: 55%;
	 }
	 	
/* copy _________________________________________*/	
h3 { 
	font-size: 1.1em;
 	color: #06C;
	margin: 0px; 
	padding: 0 0 0 5px
	}

h2 {
	color: #fff;	
	font: bold 12px verdana, sans-serif;
	margin : 2px 0 0 0;
	padding:  0 0 0 5px;
	}

h5 {
	font: 11px Verdana, sans-serif;
	font-weight: bold;
	color: #06C;
	width: 350px;
	padding: 5px 0 0 0 ;
	margin: 5px 0 0 110px;
	}
 				
a:link, a:visited { 
	font-weight: normal; 
	text-decoration: underline;  
	color: #2241A9;
	}
		
a:hover, a:active { 
	text-decoration: none; 
	color: #B22222;
	}
	
p {
	font-size:.9em;
	line-height:1.7em;
	}
	 		
acronym {
	color: #388009;
	border-bottom: 1px dotted #808080; 
	cursor:help;
	font-weight: bold;
	}

.contact {
	font: 11px Verdana, sans-serif;
	color: #06C;
	}

.copy {
	color: #000;
	font: 10px verdana, sans-serif;
	text-align: center;
      }
.copy span {
	margin-left: 40px;
      }
      
            			
/* header _________________________________________*/

#container  {              
	position: absolute;
	top: 0;
	left: 50%; 
	width: 690px;                                      	
	margin: 0 0 0 -345px;
	padding: 0;
	z-index: 1;    		
	}

#header  { 
	position: absolute;
	background: transparent url("img/header3.gif") no-repeat; 
	margin: 0; 
	padding: 0;
	top: 10px; 
	width: 706px;
	height: 622px;
	}

#header span {
             display: none;             
             }

#slideShow {
	position: absolute;
	top:130px;
	margin-left: 36px;
	}

#noscript   { 
	color: #000000; 
	font: 12px/14px Arial, sans-serif; 
	margin-left: 46px; 
	position: absolute; 
	top: 130px; 
	left: 0px; 
	}
	
#family {
	position: absolute;
	top: 321px;
	left: 27px;
	width: 469px;
	height: 60px;
	background: transparent url("img/family-fun2.gif") no-repeat top right;
	z-index: 4;
	}
	
#club {
	position: absolute;
	top: 373px;
	left: 24px;
	width: 302px;
	height: 88px;
	z-index: 3;
	} 
		
#slice {
	position: absolute;
	top: 346px;
	right: 6px;
	width: 178px;
	height: 119px;
	}

#slice2 {
	position: absolute;
	top: 386px;
	right: 176px;
	width: 178px;
	height: 92px;
	}


/* whats hot _________________________________________*/

#what {
	position: absolute;
	top: 104px;
	right: 190px;
	width: 232px;
	height: 229px;
	background: transparent url("img/what-flare.gif") no-repeat top right;
	}

#what p {
	position: absolute;
	float:right;
	font: 10px Verdana, sans-serif;
	line-height: 1.3em;
	text-align: center;
	margin-top: 57px;
	margin-left: 38px;
	margin-right: 15px;
	padding: 0 15px 0 20px;
	width: 120px;
	}
#what span {
	font: 13px Arial, sans-serif;
	font-weight: bold;
	color: #ff0000;
	}


/* sponsors _________________________________________*/

#sponsor {
	position: absolute;
	top: 493px;
	left: 146px;
	width: 163px;
	height: 34px;
	}

#sponsor2 {
	position: absolute;
	top: 533px;
	left: 146px;
	width: 163px;
	height: 34px;
	}

#sponsor3 {
	position: absolute;
	top: 493px;
	left: 323px;
	width: 163px;
	height: 34px;
	}

#myspace {
	position: absolute;
	top: 415px;
	left: 523px;
	width: 156px;
	height: 147px;
	}	
	
/* vert navigation --------------------------------------- */ 

#linkList {
	position: absolute;
	top: 50px;
	left: 0px;
 	width: 160px;
	margin: 10px 0px 0px 522px;
	padding: 0px 0px 0px 0px;
	}
			
#linkList ul {
	margin: 5px 5px 0px 5px; 
	padding: 0px 0px 0px 0px;
	border-right: 2px solid #8B0000;
	border-bottom: 2px solid #8B0000;
	}
	
#linkList li {
	color: #FFF;
	font-weight: bold; 
	display: block;
	list-style-type: none;
	background-color: #ff0000;
	font: 12px verdana, sans-serif;
	line-height: 14px;
	text-align: left; 
	margin: 0px 0px 0px 0px; 
	padding: 3px 5px 3px 5px;
	}

#linkList a:link, #linkList a:visited  { 
	color: #FFF;
	font-weight: bold; 
	background: url("img/links-dot.gif") no-repeat 0px 6px; 
	margin: 0; 
	padding: 4px 0px 8px 20px;
	text-decoration: none;
	 }

#linkList a:hover, #linkList a:active  { 
	color: #FFF;
	font-weight: bold; 
	background: url("img/links-doth.gif")  no-repeat 3px 6px; 
	margin: 0; 
	padding: 4px 0px 8px 20px;
	text-decoration: none; 
	 }

/* lightbox --------------------------------------- */ 

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url("img/blank.gif") no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("img/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("img/nextlabel.gif") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}


#banner {
	margin-left: 49px;
	margin-top: 575px;
	padding: 24px 0px 8px 20px;
	background-color: none;
	position: absolute;
	float: right;
	z-index: 200px;
	}
	
</style>

</head>

<body id="crackerjax">
<div id="container">
<div id="header">
<h1><span>Cracker Jax</span></h1>
<h2><span>Cracker Jax</span></h2>
</div>

<!--header-->
<div id="noscript"><noscript>
JavaScript is required to access this site.<br>
 Yours seems to be disabled.<br>
<a href="http://www.2az.us/javahelp.html" target="blank">Click Here</a> to learn how to enable JavaScript.</noscript>
</div>

<!--whats hot-->
<div id="what">
 <p><span>&#147;Fantastic Fun&#148;&nbsp;</span><br>
<br>
<a href="hours.shtml#anchor-wirst">Unlimited Wristbands</a><br>
<a href="bungy.shtml">Bungy Dome</a><br>
<a href="water-wars.shtml">Water Wars</a><br>
<a href="hours.shtml">Park Closures</a><br>
<br>
<SPAN>WOW!!!</SPAN></p>
</div>

<!--slide show-->
<div id="slideShow"><script TYPE="text/javascript" SRC="scripts/fade.js" CHARSET="ISO-8859-1"></SCRIPT></div>
<div id="family"></div>

<!--slices-->
<div id="club"><a href="#" onclick="hiring()"><img src="img/hiring-slice.gif"  width="313" height="106" border="0" alt="Now Hiring"></a></div>
<div id="slice"><a href="movies.shtml" title="Check out our movies!"><img src="img/slice-movies.gif"  width="178" height="119" border="0" alt="Check out our movies!"></a></div>
<div id="slice2"><a href="range.shtml" title="Voted a top 100 Driving Range!"><img src="img/range-slice.gif"  width="178" height="96" border="0" alt="Voted a top 100 Driving Range!"></a></div>

<!--sponsors-->
<div id="sponsor"><a href="http://www.bluemedia.com" title="Visit Bluemedia!"><img src="img/blue-media-logo.gif"  width="163" height="34" border="0" alt="Visit Bluemedia!"></a></div>
<div id="sponsor2"><a href="http://www.dexknows.com/" title="Visit Dex!"><img src="img/dex-logo-spon.gif"  width="163" height="34" border="0" alt="Visit Dex!"></a></div>
<div id="sponsor3"><a href="http://www.tips4golf.com" title="Visit Pomp!"><img src="img/Tips4Golf-Banner.gif"  width="163" height="34" border="0" alt="Visit Pomp!"></a></div>
<div id="myspace"><a href="http://www.myspace.com/crackerjaxfunpark" title="Visit our MySpace page!">
<img src="img/slice-myspace.gif"  width="156" height="147" border="0" alt="Visit our MySpace page!"></a></div>

<!--navagation bar-->
<div id="linkList">
<ul><li><a href="attractions.shtml" title="Visit our Park Attractions!">Park Attractions</a></li></ul>
<ul><li><a href="hours.shtml" title="Park Hours and Prices!">Hours &amp; Prices</a></li></ul>
<ul><li><a href="birthday.shtml" title="Have your Birthday Party at CrakerJax!">Birthday Club</a></li></ul>
<ul><li><a href="range.shtml" title="Check out our award winning Driving Range!">Driving Range</a></li></ul>
<ul><li><a href="group.shtml" title="We specialize in Group Events!">Group Events</a></li></ul>
<ul><li><a href="coupons.shtml" title="Print out our Discount Coupons!">Coupons</a></li></ul>
<ul><li><a href="contact.shtml" title="Contact information and form!">Contact Us</a></li></ul>
<ul><li><a href="directions.shtml" title="See our printer friendly Directions Page!">Directions</a></li></ul>
<ul><li><a href="employment.shtml" title="Apply to work ar Cracker Jax!">Employment</a></li></ul>
<ul><li><a href="faq.shtml" title="Frequently Asked Questions!">FAQs</a></li></ul>
</div>


<!-- banner -->
<div id="banner">
<img src="img/CJ-banner-new4.png"  width="527" height="200" border="0" alt="Watch for Re-grand Opening">
</div>

</div>

<!-- Load JavaScript files -->
<script type='text/javascript' src='scripts/jquery.js'></script>
<script type='text/javascript' src='scripts/jquery.simplemodal.js'></script>
<script type='text/javascript' src='scripts/osx.js'></script>
</body>

</html>