/********************************************
* Main Navigation Style Definitwions
********************************************/

#nav-bg {
	position:absolute;
	padding: 0 0px;
	width:1022px;
	left: 20px;
	top: 1px;
	height: 33px;
}

#nav {
    margin: 0;
    padding: 0;
	margin-left:60px;
	margin-top:0px;
    width: 1022px;
}

#nav:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
    height: 100%;
}

#nav li {
    margin: 0;
    padding: 0;
    display: inline;
    list-style-type: none;
}

#nav a {
    float: left;
    display: block;
    text-decoration: none;
    text-indent: -9999px;
    height: 31px;
    overflow: hidden;
}

#nav a#home {
    background: url(../images/Tempe_nav_home.gif) top left no-repeat;
	width: 80px;
	height: 33px;
	margin-top:-1px;
	margin-left:60px;
}
#nav a#rides {
    background: url(../images/Tempe_nav_rides.gif) top left no-repeat;
	width: 166px;
	height: 33px;
	margin-top:-1px;
	margin-left:-20px;
}
#nav a#packages {
    background: url(../images/Tempe_nav_packages.gif) top left no-repeat;
	width: 137px;
	height: 33px;
	margin-top:-1px;
	margin-left:-15px;
}
#nav a#faq {
    background: url(../images/Tempe_nav_faq.gif) top left no-repeat;
    width: 77px;
	height: 33px;
	margin-top:-1px;
	margin-left:-10px;
}
#nav a#photo {
    background: url(../images/Tempe_nav_photo.gif) top left no-repeat;
    width: 150px;
	height: 33px;
	margin-top:-1px;
	margin-left:10px;
}
#nav a#gift {
    background: url(../images/Tempe_nav_gift.gif) top left no-repeat;
	width: 164px;
	height: 33px;
	margin-top:-1px;
}
#nav a#contact {
    background: url(../images/Tempe_nav_contact.gif) top left no-repeat;
    width: 162px;
	height: 33px;
	margin-top:-1px;
	margin-left:-10px;
}


#nav a:hover#home, body#home-on a#home {
    background: url(../images/Tempe_nav_home.gif) bottom left no-repeat;
	margin-top:-1px;
}
#nav a:hover#rides, body#rides-on a#rides {
    background: url(../images/Tempe_nav_rides.gif) bottom left no-repeat;
	margin-top:-1px;
}
#nav a:hover#packages, body#packages-on a#packages {
    background: url(../images/Tempe_nav_packages.gif) bottom left no-repeat;
	margin-top:-1px;
}
#nav a:hover#photo, body#photo-on a#photo {
    background: url(../images/Tempe_nav_photo.gif) bottom left no-repeat;
	margin-top:-1px;
}
#nav a:hover#faq, body#faq-on a#faq {
    background: url(../images/Tempe_nav_faq.gif) bottom left no-repeat;
	margin-top:-1px;
}
#nav a:hover#gift, body#gift-on a#gift {
    background: url(../images/Tempe_nav_gift.gif) bottom left no-repeat;
	margin-top:-1px;
}
#nav a:hover#contact, body#contact-on a#contact {
    background: url(../images/Tempe_nav_contact.gif) bottom left no-repeat;
	
	margin-top:-1px;
}