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


* {margin: 0px; padding: 0px}

a {outline: none}

body {background:url(images/background.jpg) top center no-repeat #000000; font-size: 62.5%; }

#drink {position: absolute; left:4px; z-index:100; background:url(images/drink.png) no-repeat; height: 514px; width:85px;}
*+html body #drink {left: 5px;}
#container {width: 900px; margin:0 auto;}

#button {background:url(images/button.png) no-repeat; height: 147px; width: 147px; position: absolute; top: -15px; left: 75px;}
#button a {height: 100%; width: 100%; display: block; text-indent: -9999px}

/* ----- navigation ----- */
#navigation_box {position: absolute; z-index: 100;left: 0}

#nav_main {	width: 204px; height: 372px; float: left; position:relative; top: 132px; left: 15px; z-index: 95; cursor: pointer }

#shop {height: 71px; width: 204px; margin: 0 0 -15px 0}
#shop a {display: block; height: 71px; width: 204px; background:url(images/shop.png) no-repeat right; text-indent: -9999px; }
#shop a:hover {background:url(images/shop_over.png) no-repeat right}

#coupon { height:52px; width: 205px; }
#coupon a { display: block; width: 205px; height: 52px; background: url(images/couponBtn.png) no-repeat; text-indent: -9999px; }
#coupon a:hover {background: url(images/couponBtnOver.png) no-repeat; }

#have_fun_tab {background:url(images/have_fun.png) no-repeat; height: 51px; width: 204px; text-indent: -9999px; margin: 0; position: relative; z-index: 50}
#locations_tab {background:url(images/locations.png) no-repeat; height: 45px; width: 204px; text-indent: -9999px; margin: 0}
#your_event_tab {background:url(images/your_event.png) no-repeat; height: 52px; width: 204px; text-indent: -9999px; margin: 0}

.AccordionPanelOpen #have_fun_tab {background: url(images/have_fun_on.png) no-repeat; height: 51px; width: 204px; text-indent: -9999px; margin: 0 0 -1px 0 	}
.AccordionPanelOpen #locations_tab {background:url(images/locations_on.png) no-repeat; height: 45px; width: 204px; text-indent: -9999px; margin: 0 0 0 0}
.AccordionPanelOpen #your_event_tab {background:url(images/your_event_on.png) no-repeat; height: 52px; width: 204px; text-indent: -9999px; margin: 0 0 0 0}

.AccordionPanelClosed .AccordionPanelTabHover#have_fun_tab {background: url(images/have_fun_over.png) no-repeat; height: 51px; width: 204px;}
.AccordionPanelClosed .AccordionPanelTabHover#locations_tab {background:url(images/locations_over.png) no-repeat;height: 45px; width: 204px;}
.AccordionPanelClosed .AccordionPanelTabHover#your_event_tab {background:url(images/your_event_over.png) no-repeat;height: 52px; width: 204px;}

ul#have_fun {list-style: none; }
ul#have_fun li {width: 204px;}
ul#have_fun li a {text-indent: -9999px; display: block; width:100%; height: 100%;cursor: pointer}

ul#have_fun li.our_story {background:url(images/have_fun_story.png) no-repeat; height: 29px;}
ul#have_fun li.the_hurricane {background:url(images/have_fun_hurricane.png) no-repeat; height: 30px;}
ul#have_fun li.specialty_drinks {background:url(images/have_fun_specialty.png) no-repeat; height: 27px;}
ul#have_fun li.party_pics {background:url(images/have_fun_party_pics.png) no-repeat; height: 25px;}
ul#have_fun li.e_club {background:url(images/have_fun_e_club.png) no-repeat; height: 33px;}

ul#have_fun li.our_story a:hover {background:url(images/have_fun_story_over.png) no-repeat; height: 29px;}
ul#have_fun li.the_hurricane a:hover {background:url(images/have_fun_hurricane_over.png) no-repeat; height: 30px;}
ul#have_fun li.specialty_drinks a:hover {background:url(images/have_fun_specialty_over.png) no-repeat; height: 27px;}
ul#have_fun li.party_pics a:hover {background:url(images/have_fun_party_pics_over.png) no-repeat; height: 25px;}
ul#have_fun li.e_club a:hover {background:url(images/have_fun_eclub_over.png) no-repeat; height: 33px;}

ul#locations {list-style: none;}
ul#locations li {width: 204px;}
ul#locations li a {text-indent: -9999px; display: block; width:100%; height: 100%;cursor: pointer}

ul#locations li.orlando {background:url(images/locations_orlando.png) no-repeat; height: 24px;}
ul#locations li.san_antonio {background:url(images/locations_san_antonio.png) no-repeat; height: 24px;}
ul#locations li.new_orleans {background:url(images/locations_new_orleans.png) no-repeat; height: 21px; }
ul#locations li.cancun {background:url(images/locations_cancun.png) no-repeat; height: 23px;}
ul#locations li.destin {background:url(images/locations_destin.png) no-repeat; height: 56px;}

ul#locations li.orlando a:hover {background:url(images/locations_orlando_over.png) no-repeat; height: 24px;}
ul#locations li.san_antonio a:hover {background:url(images/locations_san_antonio_over.png) no-repeat; height: 24px;}
ul#locations li.new_orleans a:hover {background:url(images/locations_new_orleans_over.png) no-repeat; height: 21px; }
ul#locations li.cancun a:hover {background:url(images/locations_cancun_over.png) no-repeat; height: 23px;}
ul#locations li.destin a:hover {background:url(images/locations_destin_over.png) no-repeat; height: 56px;}

ul#your_event {list-style: none;}
ul#your_event li {width: 204px;}
ul#your_event li a {text-indent: -9999px; display: block; width:100%; height: 100%;cursor: pointer}

ul#your_event li.orlando {background:url(images/your_event_orlando.png) no-repeat; height: 28px;}
ul#your_event li.san_antonio {background:url(images/your_event_san_antonio.png) no-repeat; height: 28px;  margin: 0 0 -1px 0}
ul#your_event li.new_orleans {background:url(images/your_event_new_orleans.png) no-repeat; height: 28px;}
ul#your_event li.cancun {background:url(images/your_event_cancun.png) no-repeat; height: 26px;}
ul#your_event li.destin {background:url(images/your_event_destin.png) no-repeat; height: 60px;}

ul#your_event li.orlando a:hover {background:url(images/your_event_orlando_over.png) no-repeat; height: 28px;}
ul#your_event li.san_antonio a:hover {background:url(images/your_event_san_antonio_over.png) no-repeat; height: 28px;  margin: 0 0 -1px 0}
ul#your_event li.new_orleans a:hover {background:url(images/your_event_new_orleans_over.png) no-repeat; height: 28px;}
ul#your_event li.cancun a:hover {background:url(images/your_event_cancun_over.png) no-repeat; height: 26px;}
ul#your_event li.destin a:hover {background:url(images/your_event_destin_over.png) no-repeat; height: 60px;}

/* disregard - now in background image */
#sign { height: 161px; width: 485px; margin:0 auto; position: absolute; left: 220px; top: 11px; z-index: 100}
#sign h1 {height: 161px; width: 485px; position: relative;  z-index: 999}
#sign h1 a { display: block; height: 100px; width: 375px; text-indent: -9999px; position: relative;  z-index: 999}

/* ----- content ----- */
#content .top {background:url(images/content_top.jpg) center top no-repeat; height: 456px; width: 667px; position: absolute; top:0; left:1px;  z-index: 20; float: right}

body.cancun #content .top {background:url(images/content_top_CANCUN_bkg.jpg) center top no-repeat;}
body.neworleans #content .top {background:url(images/content_top_NO_bkg.jpg) center top no-repeat;}
body.sanantonio #content .top {background:url(images/content_top_SA_bkg.jpg) center top no-repeat;}
body.orlando #content .top {background:url(images/content_top_ORLANDO_bkg.jpg) center top no-repeat;}
body.courtyard #content .top {background:url(images/content_top_courtyard_bkg.jpg) center top no-repeat;}
body.lazy #content .top {background:url(images/content_top_lazy_bkg.jpg) center top no-repeat;}
body.parties #content .top {background:url(images/content_top_parties_bkg.jpg) center top no-repeat;}

#content .main {width: 667px; margin: 0px auto; position: relative; z-index:25; padding: 225px 0 0 0;background:url(images/content_bkg.jpg) center top repeat-y;  }
#content {width: 900px; margin: 0 auto;min-height: 750px; background:url(images/content_bkg.jpg) center top repeat-y; position: relative; z-index: 20; padding: 0 0 75px 0}
*html body #content {height: 680px}

body #content .main p {font-family:Georgia, "Times New Roman", Times, serif; font-size: 1.3em; line-height: 1.6em;margin: 7px 110px; width: 420px; position: relative;z-index: 100}
body #content .main p a {color: #004000; text-decoration: none; font-weight: bold}

#content .main p.small {font-size: 1.1em}

#content .main h3 {margin: 5px  0 5px 110px; font-size: 3em; font-family: Georgia, "Times New Roman", Times, serif; color:#004000; position: relative;z-index: 100; width: 419px}
#content .main h4 {margin: 15px  0 5px 110px; font-size: 1.5em; font-family: Georgia, "Times New Roman", Times, serif; color:#004000; border-bottom: 3px solid #004000; width: 419px; padding: 0 0 5px 0; position: relative;z-index: 100}
#content .main h4 a {color:#004000; text-decoration: none}
#content .main h4 a:hover {color: #327F30; }
#content .main h3.welcome {background: url(images/welcome.png) no-repeat; height: 136px; width: 386px; }

#content table {font-family:Georgia, "Times New Roman", Times, serif; margin: 0 0 0 110px;position: relative; z-index: 100}
#content table td { font-size: 1.3em !important }
#content table a {color: #004000; text-decoration: none; font-weight: bold}

#content .main ul {font-family:Georgia, "Times New Roman", Times, serif; font-size: 13px; line-height: 1.5em;margin: 5px 120px 5px 150px; width: 420px ; list-style: square; position: relative; z-index: 99999}
#content .main ul ul {margin: 5px 20px; list-style:square}
#content .main ul a {color: #004000; text-decoration: none; font-weight: bold}

/* ----- side bar w/ various menus ----- */
#side_bar {	width: 271px; height: auto; position: absolute; right: -180px; top: 172px; z-index: 9999 !important; margin: 0 0 300px 0;  padding: 0px; }



#side_bar .content #chalkboard {height:289px; width: 190px; background: url(images/home_chalkboard.png) no-repeat; float: right; position: relative; z-index: 95}
#side_bar .content #chalkboard p {font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1.3em;line-height: 1.2em; color: #ffffff; margin: 4px 15px 4px 7px; width: auto;}
#side_bar .content #chalkboard h4 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1.7em; color: #ffffff; margin: 0 0 3px 0; width: auto;border: none !important}
#side_bar .content #chalkboard h5 {font-family:Geneva, Arial, Helvetica, sans-serif; font-size: 1.5em; color: #80e344; margin: 0 0 0 7px;}

#side_bar .content .topAd {height: 153px; width: 155px; position: absolute; right:0 ;z-index: 50}
#side_bar .content .bottomAd { height: 143px; width: 150px;  position: absolute; right:0; top: 145px;  z-index: 50}

#side_bar .content .topAd a {position: absolute; right:163px ; text-indent: -9999px; display: block; height: 100%; width: 100%; cursor: pointer}
#side_bar .content .bottomAd a {position: absolute; right:170px; text-indent: -9999px; display: block; height: 100%; width: 100%; cursor: pointer}



#side_bar .content #top_ad_default a {background:url(images/top_ad_default.png) top left no-repeat; }
#side_bar .content #bottom_ad_default a {background:url(images/bottom_ad_default.png) top left no-repeat; }

#side_bar .content #top_ad_mg a {background:url(images/top_ad_mg.png) top left no-repeat;}
#side_bar .content #bottom_ad_mg a {background:url(images/bottom_ad_mg.png) top left no-repeat; }

#side_bar .content #top_ad_stpats a {background:url(images/top_ad_stpats.png) top left no-repeat; }
#side_bar .content #bottom_ad_stpats a {background:url(images/bottom_ad_stpats.png) top left no-repeat;}

#side_bar .content #top_ad_easter a {background:url(images/top_ad_easter.png) top left no-repeat;}
#side_bar .content #bottom_ad_easter a {background:url(images/bottom_ad_easter.png) top left no-repeat; }

#side_bar .content #top_ad_fqf a {background:url(images/top_ad_fqf.png) top left no-repeat; }
#side_bar .content #bottom_ad_fqf a {background:url(images/bottom_ad_fqf.png) top left no-repeat; }

#side_bar .content #top_ad_admin_pro a {background:url(images/top_ad_adminPro.png) top left no-repeat;}
#side_bar .content #bottom_ad_admin_pro a {background:url(images/bottom_ad_adminPro.png) top left no-repeat;}

#side_bar .content #top_ad_mothers a {background:url(images/top_ad_mothers.png) top left no-repeat;}
#side_bar .content #bottom_ad_mothers a {background:url(images/bottom_ad_mothers.png) top left no-repeat;}

#side_bar .content #top_ad_hurricane a {background:url(images/top_ad_hurricane.png) top left no-repeat}
#side_bar .content #bottom_ad_hurricane a {background:url(images/bottom_ad_hurricane.png) top left no-repeat;}

#side_bar .content #top_ad_hurricane a {background:url(images/top_ad_hurricane.png) top left no-repeat; }
#side_bar .content #bottom_ad_hurricane a {background:url(images/bottom_ad_hurricane.png) top left no-repeat; }

#side_bar .content #top_ad_july4 a {background:url(images/top_ad_4th.png) top left no-repeat; }
#side_bar .content #bottom_ad_july4 a {background:url(images/bottom_ad_4th.png) top left no-repeat; }

#side_bar .content #top_ad_halfpatrick a {background:url(images/top_ad_half_way_stPatrick.png) top left no-repeat; }
#side_bar .content #bottom_ad_halfpatrick a {background:url(images/bottom_ad_half_way_stPatrick.png) top left no-repeat; }

#side_bar .content #top_ad_nye2010 a {background:url(images/top_ad_nye_2010.png) top left no-repeat; }
#side_bar .content #bottom_ad_nye2010 a {background:url(images/bottom_ad_nye2010.png) top left no-repeat; }



/* ----- site info (footer ----- */
#site_info { width:100%; height: 150px; background:url(images/bottom_bar.jpg) no-repeat; position: relative; z-index:50; color: #ffffff; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; clear: both}
#site_info .content {width: 900px; margin: 0 auto; position: relative; z-index: 0}
#site_info ul {list-style:none; clear: left; position: relative; top: 67px}
#site_info li {display: block; float: left; padding: 2px 4px;}
#site_info p {clear: left; padding: 2px 2px 2px 4px;position: relative; top: 67px}
#site_info a {color: #ffffff; text-decoration:none}
#site_info a:hover {color:#DFDFDF}

#site_info .images {height: 260px; width: 290px; background:url(images/images.png) no-repeat; float: left; position: absolute;  bottom:15px; z-index: 50}
*+html body #site_info .images {height: 260px; width: 290px; background:url(images/images.png) no-repeat; float: left; position: absolute; top:-200px; z-index: 50}
#site_info .napkin {height: 411px; width: 406px; background:url(images/napkin.png) no-repeat; float: right;position:relative; bottom: 175px; z-index: 40; color: #000000; margin: 0 0 -175px 0}
#site_info .napkin h3 {font-size: 2.5em}
#site_info .napkin #napkin_text {padding:180px 55px;}

/* ie hack?  i'm not sure if it works, but this to get the baclground to load if loading form the bottom up */
#drink {position: absolute; left:4px; z-index:100; background:url(images/drink.png) no-repeat; height: 514px; width:85px;}

/* ----- locations navigation ----- */

#side_bar #subnav {float: right; width: 224px; margin: 0 40px 0 0; position: relative; z-index: 100}
#side_bar #subnav ul {margin: 0 0 0 5px; list-style: none; width: 211px; position: relative; z-index: 100}
#side_bar #subnav ul li {width: 211px; text-indent: -9999px;position: relative; z-index: 100}
#side_bar #subnav ul li a {display: block; height: 100%; width: 100%; }

#subnav ul li.about_us {background: url(images/nav_side_about.jpg) no-repeat; height: 51px}
#subnav ul li.tour {background: url(images/nav_side_tour.jpg) no-repeat; height: 32px}
#subnav ul li.directions {background: url(images/nav_side_directions.jpg) no-repeat; height: 29px}
#subnav ul li.drink_menu {background: url(images/nav_side_drink_menu.jpg) no-repeat; height: 34px}
#subnav ul li.food_menu {background: url(images/nav_side_food_menu.jpg) no-repeat; height: 33px}
#subnav ul li.contact {background: url(images/nav_side_contact.jpg) no-repeat; height: 35px}
#subnav ul li.plan_event {background: url(images/nav_side_plan_event.jpg) no-repeat; height: 31px}
#subnav ul li.calendar {background: url(images/nav_side_calendar.jpg) no-repeat; height:30px}
#subnav ul li.meet_maker {background: url(images/nav_side_meet_maker.jpg) no-repeat; height: 40px}
#subnav ul li.employee_month {background: url(images/nav_side_employee_month.jpg) no-repeat; height: 37px}
#subnav ul li.blank {background:url(images/nav_side_bottomBlank.jpg) no-repeat; height: 37px}

#subnav ul li.about_us a:hover {background: url(images/nav_side_about_over.jpg) no-repeat; height: 51px}
#subnav ul li.tour a:hover {background: url(images/nav_side_tour_over.jpg) no-repeat; height: 32px}
#subnav ul li.directions a:hover {background: url(images/nav_side_directions_over.jpg) no-repeat; height: 29px}
#subnav ul li.drink_menu a:hover {background: url(images/nav_side_drink_menu_over.jpg) no-repeat; height: 34px}
#subnav ul li.food_menu a:hover {background: url(images/nav_side_food_menu_over.jpg) no-repeat; height: 33px}
#subnav ul li.contact a:hover {background: url(images/nav_side_contact_over.jpg) no-repeat; height: 35px}
#subnav ul li.plan_event a:hover {background: url(images/nav_side_plan_event_over.jpg) no-repeat; height: 31px}
#subnav ul li.calendar a:hover {background: url(images/nav_side_calendar_over.jpg) no-repeat; height:30px}
#subnav ul li.meet_maker a:hover {background: url(images/nav_side_meet_maker_over.jpg) no-repeat; height: 40px}
#subnav ul li.employee_month a:hover {background: url(images/nav_side_employee_month_over.jpg) no-repeat; height: 37px}

#side_bar #subnav #NO_label {background:url(images/nav_side_nawlins_label.png) no-repeat; height: 62px; width: 224px; text-indent: -9999px}

#subnav ul li.patos_bar {background:url(images/nav_side_NO_patos_bar.jpg) no-repeat; height: 33px;}
#subnav ul li.patos_courtyard {background:url(images/nav_side_NO_patos_courtyard.jpg) no-repeat; height: 33px;}
#subnav ul li.patos_parties {background:url(images/nav_side_NO_private_parties.jpg) no-repeat; height: 35px;}
#subnav ul li.patos_lazy_river {background:url(images/nav_side_NO_lazy_river.jpg) no-repeat; height: 12px;}

#subnav ul li.patos_bar a:hover {background:url(images/nav_side_NO_patos_bar_over.jpg) no-repeat; height: 33px;}
#subnav ul li.patos_courtyard a:hover {background:url(images/nav_side_NO_patos_courtyard_over.jpg) no-repeat; height: 33px;}
#subnav ul li.patos_parties a:hover {background:url(images/nav_side_NO_private_parties_over.jpg) no-repeat; height: 35px;}
#subnav ul li.patos_lazy_river a:hover {background:url(images/nav_side_NO_lazy_river_over.jpg) no-repeat; height: 12px;}

/* ----- drink menu ----- */
.price {color: #004000}