body {margin: 0 auto; text-align: center; background: #FFF; font-family: Helvetica, Arial, Verdana, sans-serif; color: #111; font-size: 12px;}

a {color: #CB1539; outline:none; text-decoration:none;}
a:hover {border-bottom: 1px dotted #CB1539;}
a:active {color: #111111;}

button {cursor:pointer;}

#header_wrapper {width: 100%; background: url(images/header_bg.png) bottom left repeat-x; margin: 0 auto; text-align: center; margin-bottom: 97px; padding: 0 0 3px 0;}
#header {width: 1000px; height: 250px; margin: 0 auto;}
#header h1 {position: relative; top: 0px; left: 0px; float: left; position: relative; top: 75px; left: 300px;}
#header h1 a {display: block; width: 400px; height: 105px; background: url(images/header_logo.png) top left no-repeat;}
#header h1 a span {display: none;}
#header h1 a:hover {border: none;}
#header h2 {display: none;}

#nav {width: 100%; background: url(images/header_bg.png) bottom left repeat-x; margin: 0 auto; text-align: center; position: absolute; top: 251px; left: 0px; padding: 0 0 3px 0; z-index: 3;}
#nav div {width: 1000px; height: 40px; margin: 0 auto;}
#nav ul {}
#nav ul li {list-style: none; float: left; margin: 0 0 0 15px; padding: 0 18px 0 0; background: url(images/nav_cross.gif) top right no-repeat; background-position: right 19px;}
#nav ul li a {font-family: "Lucida Grande", Verdana, Arial, sans-serif; line-height: 40px; color: #FFF;}
#nav ul li a:hover {border: none;}

#nav ul li img {margin-top:6px;}

#nav ul.left {float: left;}
#nav ul.left li.first {margin-left: 0px;}
#nav ul.left li.last {padding-right: 0px; background: none;}

#nav ul.right {float: right;}
#nav ul.right li {float: right;}
#nav ul.right li.first {padding-right: 0px; background: none;}
#nav ul.right li.last {margin-left: 0px;}

#content_wrapper {margin: 0 auto; overflow: hidden; font-family: Georgia, "Times New Roman", Times, serif;}
#content {margin: 0 auto; width: 1000px; z-index: 2;}
#content h2 {color: #222; font-size: 80px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 40px 0;}
#content p {color: #999; font-size: 20px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 30px; margin: 0 0 20px 0;}
#content p.short {margin-bottom: 0px;}

#content .image_style_1 {background: #FFF; border: 1px solid #CCC; padding: 10px;}

#content p.bordered {padding: 15px 0 15px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD;}

#content ul.menus {}
#content ul.menus li {float: left; margin: 0 20px 0 0;}
#content ul.menus li a {width: 170px; height: 250px; display: block; text-align: center; float: left; position: relative; top: 0px; left: 0px;}
#content ul.menus li a span {display: block; color: #CB1539; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; margin: 195px 0 0 0; text-align: center;}
#content ul.menus li a h4 {display: none;}
#content ul.menus li.last {margin-right: 0px;}
#content ul.menus li.lunch a {background: url(images/menus_lunch.png) top left no-repeat;}
#content ul.menus li.dinner a {background: url(images/menus_dinner.png) top left no-repeat;}
#content ul.menus li.latenight a {background: url(images/menus_latenight.png) top left no-repeat;}
#content ul.menus li.margaritas a {background: url(images/menus_margaritas.png) top left no-repeat;}
#content ul.menus li.tequilas a {background: url(images/menus_tequilas.png) top left no-repeat;}
#content ul.menus li.cervezas a {background: url(images/menus_cervezas.png) top left no-repeat;}
#content ul.menus li.pitchers a {background: url(images/menus_pitchers.png) top left no-repeat;}
#content ul.menus li.islandDrinks a {background: url(images/menus_islandDrinks.png) top left no-repeat;}
#content ul.menus li:hover a {background-position: 0 -250px; border: none;}
#content ul.menus li:hover a span {color: #FFF;}

#content ul.images li {float: left; margin: 0 10px 10px 0;}
#content ul.images li a {width: 152px; height: 112px; padding: 4px; display: block; text-align: center; float: left; background: url(images/images_bg.png) top left no-repeat;}
#content ul.images li.last {margin-right: 0px;}
#content ul.images li:hover a {background-position: 0 -120px; border: none;}
#content ul.images li:active a {background-position: 0 -240px; border: none;}

#content .quote {display: block; background: url(images/quote_bg.png) top left no-repeat; padding: 10px 0 0 45px;}
#content .quote .inner {background: url(images/quote_end_bg.png) bottom right no-repeat; padding: 0 0 30px 0;}
#content .quote p {color: #666; margin: 0 0 15px 0;}
#content .quote .byline {color: #333; font-size: 18px; margin: 0 0 5px 10px; padding: 0 0 0 30px; line-height: normal; font-style: italic; background: url(images/quote_arrow.png) top left no-repeat;}
#content .quote .credit {color: #CB1539; font-size: 13px; margin: 0 0 0 10px; padding: 0 0 0 30px; line-height: normal; font-style: italic;}
#content .quote .credit a {color: #CB1539;}

#content #about {position: relative; margin: 0 0 0 0;}
#content #about h2 {margin: 0 0 40px 450px;}
#content #about p.p_a {margin-left: 450px;}
#content #about .image_1 {margin: 0; display: block; width: 550px; height: 550px; background: url(images/guac_1.png) top left no-repeat; position: absolute; top: 5px; left: -150px; float: left; z-index: -1;}

#content #eat {position: relative; margin: 70px 0 100px 0;}
#content #eat h2 {font-size: 120px;}
#content #eat .cell_1 {float: left; width: 550px; margin: 0 0 0 0;}
#content #eat .cell_1 .p_b {color: #CB1539;}
#content #eat .quote {width: 350px; float: right; position: relative; top: 10px; right: -75px;}
#content #eat .image_1 {margin: 0; display: block; width: 1000px; height: 417px; background: url(images/tamale_1.png) top left no-repeat; position: absolute; top: 170px; right: -510px; float: right; z-index: -1;}

#content #drink {position: relative; margin: 0 0 100px 0;}
#content #drink h2 {font-size: 120px; text-align: center;}
#content #drink {width: 100%;}
#content #drink .p_a {text-align: center;}
#content #drink .cell_1 {background: url(images/drink_image_1.png) center top no-repeat; height: 600px; margin: 50px 0 0 0;}
#content #drink ul.menus {margin: 40px 0 0 0;}
#content #drink ul.menus li {margin: 0 0 20px 0;}
#content #drink ul.menus li.last {margin-bottom: 0;}
#content #drink ul.menus.left {float: left; width: 170px; margin-left: 40px;}
#content #drink ul.menus.right {float: right; width: 170px; margin-right: 40px;}

#content #nights {position: relative; margin: 0 0 50px 0;}
#content #nights h2 {font-size: 120px;}
#content #nights .cell_1 {float: left; width: 500px; padding: 35px 0 0 0;}
#content #nights .cell_1 .p_a {margin-bottom: 40px;}
#content #nights .schedule {width: 450px; float: right; background: #111;}
#content #nights .schedule h3 {font-size: 18px; color: #FFF;}

#content #nights .schedule .happyHour {background: #C92B2B; text-align: center; padding: 20px; border-top: 10px solid #640d0d; border-bottom: 1px solid #FFF;}
#content #nights .schedule .happyHour h4 {display: block; width: 100%; height: 20px; background: url(images/schedule_happyHour.png) top center no-repeat; margin: 0 0 5px 0;}
#content #nights .schedule .happyHour h4 span {display: none;}
#content #nights .schedule .happyHour p {color: #640D0D; font-size: 11px; text-align: center; line-height: 14px; margin: 0;}
#content #nights .schedule .happyHour .time {font-size: 16px; margin: 0 0 15px 0;}
#content #nights .schedule .happyHour .description {padding: 0 50px 0 50px; color: #852222;}

#content #nights .schedule ul.week {margin: 40px 20px 40px 20px;}
#content #nights .schedule ul.week li {margin: 0 0 15px 0; float: left;}
#content #nights .schedule ul.week li.last {margin: 0;}
#content #nights .schedule ul.week li h5 {font-size: 15px; line-height: 16px; color: #C92B2B; float: left; display: block; width: 110px; margin: 2px 20px 0 0; text-align: right;}
#content #nights .schedule ul.week li p.description {font-family: "Lucida Grande", Verdana, Arial, sans-serif; font-size: 13px; line-height: 20px; color: #FFF; float: left; display: block; width: 280px; margin: 0;}

#content #fiesta {position: relative; margin: 0 0 150px 0;}
#content #fiesta h2 {margin: 0 0 40px 0;}
#content #fiesta p.p_a {font-size: 18px; line-height: 32px;}

#content #tikibar {position: relative; margin: 25px 0 30px 50px; float: right; width: 650px; height: 350px; background: url(images/tikibar_bg.png) top left no-repeat #F9F9F9;}
#content #tikibar .info {position: absolute; bottom: 0px; display: block; background: url(images/black_85.png) top left; padding: 20px;}
#content #tikibar .info h3 {font-size: 18px; color: #FFF; margin: 0 0 20px 0;}
#content #tikibar .info p {font-size: 14px; line-height: 20px; color: #FFF; margin: 0; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

#content #contact {position: relative; top: 0px; left: 0px; margin: 0 0 0 0;}
#content #contact .image_1 {margin: 0; display: block; width: 872px; height: 623px; background: url(images/map.png) top left no-repeat; position: absolute; top: -85px; right: -220px; float: right; z-index: -1;}
#content #contact .cell_1 {margin: 0 0 20px 0; width: 400px; position: relative; top: 0px; left: 0px;}
#content #contact h2 {font-size: 60px;}
#content #contact #vcard {padding: 15px 0 15px 0; border-top: 1px solid #DDD; border-bottom: 1px solid #DDD; margin: 0 0 20px 0;}
#content #contact #vcard li {color: #999; font-size: 18px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 30px; margin: 0 0 5px 0;}
#content #contact #vcard li.name {color: #222;}
#content #contact #vcard li.phone {margin-top: 40px;}
#content #contact .reservation {font-size: 18px; margin: 15px 0 15px 0;}


/* ---------------------------------------------------- */
/* ---------------------- MENUS ----------------------- */
/* ---------------------------------------------------- */

#menus_overlay {display: none; width: 100%; height: 100%; background: url(images/menus_bg.png) top left; position: fixed; top: 0px; left: 0px; z-index: 4;}

#menus_close {display: block; width: 30px; height: 30px; background: url(images/menus_close.png) top left no-repeat #FF0000; position: absolute; top: 50px; right: 50px;}
#menus_close:hover {background-position: 0 -30px; border: none;}
#menus_close:active {background-position: 0 -60px;}
#menus_close span {display: none;}

#menus {font-family: Georgia, "Times New Roman", Times, serif; position: absolute; top: 0px; display: none; width: 100%; height: 100%; z-index: 5; margin: 0 auto; text-align: center;}
#menus .menu {display: block; width: 900px; margin: 0 auto; margin-top: 20px; position: relative;}
#menus .menu .top {display: block; height: 10px; width: 100%; background: url(images/menu_top_bg.png) top left no-repeat;}
#menus .menu .inner {display: block; padding: 40px 50px 40px 50px; background: url(images/menu_bg.png) top left repeat-y;}
#menus .menu .bottom {display: block; height: 10px; width: 100%; background: url(images/menu_bottom_bg.png) top left no-repeat;}

#menus .menu .columns {margin: 0 0 40px 0;}
#menus .menu .columns.last {margin: 0;}
#menus .menu .columns .column {float: left; margin: 0 55px 0 0; width: 230px; background: #FFF;}
#menus .menu .columns .column.last {margin: 0;}
#menus .menu .columns .column.wide {width: 515px;}
#menus .menu .columns .column.half {width: 115px;}

#menus .menu h4 {font-size: 30px; color: #CB1539; font-style: italic; border-bottom: 2px solid #f2c4cd; padding: 0 0 15px 0; margin: 40px 0 60px 0;}
#menus .menu h5 {font-size: 20px; color: #CB1539; font-style: italic; margin: 0 0 20px 0;}
#menus .menu h5.short {margin-bottom: 5px;}
#menus .menu span.subtext {font-size: 11px; color: #f27a92; margin: 0 0 20px 0; display: block; line-height: 14px;}
#menus .menu ul.prices {margin: 0 0 50px 0;}
#menus .menu ul.prices li {margin: 0 0 12px 0; clear: left; float: left; font-size: 13px;}
#menus .menu ul.prices li .label {float: left; width: 190px; margin: 0 10px 0 0; color: #333;}
#menus .menu ul.prices li .value {float: left; width: 30px; text-align: right; color: #CB1539;}
#menus .menu ul.prices li .description {float: left; width: 190px; font-size: 11px; color: #999; margin: 3px 0 0 0; line-height: 14px;}
#menus .menu ul.prices li.last {margin-bottom: 0;}
#menus .menu ul.prices.last {margin-bottom: 0;}

#menus .menu ul.prices.wide {}
#menus .menu ul.prices.wide li .label {width: 475px;}
#menus .menu ul.prices.wide li .description {width: 475px;}

#menus .menu ul.subprices {margin: 10px 0 10px 20px; clear: left; float: left;}
#menus .menu ul.subprices.last {margin-bottom: 0;}
#menus .menu ul.subprices li {margin: 0 0 12px 0; clear: left; float: left; font-size: 13px;}
#menus .menu ul.subprices li .title {float: left; width: 210px; margin: 0; color: #222; font-style: italic;}
#menus .menu ul.subprices li .label {float: left; width: 170px; margin: 0 10px 0 0; color: #CB1539; font-style: italic;}
#menus .menu ul.subprices li .value {float: left; width: 30px; text-align: right; color: #CB1539;}
#menus .menu ul.subprices li.last {margin: 0;}

#menus .menu ul.prices.wide ul.subprices li .label {width: 455px; margin: 0 10px 0 0;}

#menus .menu .submenu {padding: 20px; background: #C92B2B;}
#menus .menu .submenu h5 {font-size: 18px; color: #FFF; margin: 0 0 10px 0;}
#menus .menu .submenu .subtext {font-size: 14px; color: #640D0D; margin: 0 0 20px 0; line-height: 18px;}
#menus .menu .submenu ul li {margin: 0 20px 10px 0; float: left;}
#menus .menu .submenu ul li.last {margin-right: 0;}
#menus .menu .submenu ul li.bottom {margin-bottom: 0; background: none;}
#menus .menu .submenu ul li .label {width: 125px; float: left; font-size: 12px; color: #FFF;}
#menus .menu .submenu ul li .value {width: 20px; float: left; text-align: right; font-size: 13px; color: #640D0D;}

#menu_reservation {}


/* -------------------------------------------------- */
/* --------------------- FORMS ---------------------- */
/* -------------------------------------------------- */

form .label {font-size: 13px; color: #666; margin: 0 0 8px 0;}
form .label.error {color:#ff0000;}
form .field {font-family: "Lucida Grande", Verdana, Arial, sans-serif; line-height: 35px; font-size: 16px; color: #222; margin: 0 0 25px 0;}
form .field.last {margin: 0;}
form .field.error {color: #FF0000;}
form .fakeLabel {clear:both; font-size: 13px; color: #666; margin: 25px 0 8px 0;}
form .fakeLabel.error {color:#ff0000;}

form h3 {color: #87CC2E; font-size: 18px; margin: 0 0 30px 0;}
form h3.short {margin-bottom: 10px;}

form p {color: #999; font-size: 12px; margin: 0 0 30px 0; line-height: 18px;}
form p.last {margin: 0;}

form .sublabel {font-size: 11px; color: #999; margin: 5px 0 25px 0; line-height: 14px;}
form .sublabel.last {margin-bottom: 0;}

.input_wrapper {background: url(images/form_inputwrapper_bg.png) top right no-repeat; height: 35px;}
.input_wrapper .cap {background: url(images/form_inputwrapper_cap.png) top left no-repeat; height: 25px; padding: 5px 8px 5px 8px;}
.input_wrapper input {border: none; background: none; font-size: 16px; color: #999; margin: 0; height: 22px; padding: 3px 0 0 0; line-height: 25px; width: 100%; font-family: "Lucida Grande", Verdana, Arial, sans-serif; }
.input_wrapper input:hover {color: #666;}
.input_wrapper input:focus {color: #111;}
.input_wrapper.multiline {margin: 0 0 5px 0;}
.input_wrapper.active {background-position: right -35px;}
.input_wrapper.active .cap {background-position: 0 -35px;}
.input_wrapper.active input {color: #494420;}
.input_wrapper.error {background-position: right -70px;}
.input_wrapper.error .cap {background-position: 0 -70px;}
.input_wrapper.error input {color: #b85353;}
.input_wrapper.error input:hover {color: #ab2929;}
.input_wrapper.error input:focus {color: #931414;}
.input_wrapper.var_size {float: left; margin: 0 10px 0 0;}
.input_wrapper.extra {margin: 0;}
.input_wrapper.last {margin: 0;}

.input_wrapper.selectbox {position: relative; background-image: url(images/form_selectbox_bg.png);}
.input_wrapper.selectbox:hover {background-position: right -35px;}
.input_wrapper.selectbox:active {background-position: right -70px;}
.input_wrapper.selectbox select {width: 100%; height: 100%; margin: 0; padding: 0; border: none; background: none; -moz-opacity:0; filter:alpha(opacity:0); opacity:0; position: absolute; top: 0px; left: 0px; font-size: 25px; line-height: 25px; color: #222; font-family: "Lucida Grande", Verdana, Arial, sans-serif;}
.input_wrapper.selectbox select option {padding: 10px 6px 10px 6px; font-size: 16px; background: #FFF;}
.input_wrapper.selectbox span {font-size: 16px; color: #999; margin: 0; height: 22px; padding: 3px 0 0 0; line-height: 25px; width: 100%;}
.input_wrapper.selectbox:hover span {color: #666;}
.input_wrapper.selectbox:active span {color: #111;}
.input_wrapper.selectbox.active .cap {background-position: 0 0;}

.input_wrapper.selectbox.error {background-position: right -105px;}
.input_wrapper.selectbox.error:hover {background-position: right -140px;}
.input_wrapper.selectbox.error:active {background-position: right -175px;}
.input_wrapper.selectbox.error span {color: #b85353;}
.input_wrapper.selectbox.error:hover span {color: #ab2929;}
.input_wrapper.selectbox.error:active span {color: #931414;}

.textarea_wrapper {width: 100%; font-family: "Lucida Grande", Verdana, Arial, sans-serif;}
.textarea_wrapper .top {background: url(images/form_inputwrapper_bg.png) top right no-repeat; height: 8px;}
.textarea_wrapper .top .cap {background: url(images/form_inputwrapper_cap.png) top left no-repeat; height: 8px;}
.textarea_wrapper .bottom {background: url(images/form_inputwrapper_bg.png) right -28px no-repeat; height: 7px;}
.textarea_wrapper .bottom .cap {background: url(images/form_inputwrapper_cap.png) 0 -28px no-repeat; height: 7px;}
.textarea_wrapper .inner {background: url(images/form_textarea_normal_bg.png) top right;}
.textarea_wrapper .inner .cap {background: url(images/form_textarea_normal_cap.png) top left repeat-y; height: 100px; padding: 0 8px 0 8px;}
.textarea_wrapper .inner textarea {font-family: "Lucida Grande", Verdana, Arial, sans-serif; border: none; background: none; font-size: 16px; color: #999; margin: 0; height: 22px; padding: 0; line-height: 25px; width: 100%; height: 100%;}
.textarea_wrapper .inner textarea:hover {color: #666;}
.textarea_wrapper .inner textarea:focus {color: #111;}
.textarea_wrapper.active .top {background-position: right -35px;}
.textarea_wrapper.active .top .cap {background-position: left -35px;}
.textarea_wrapper.active .bottom {background-position: right -63px;}
.textarea_wrapper.active .bottom .cap {background-position: left -63px;}
.textarea_wrapper.active .inner {background-image: url(images/form_textarea_active_bg.png);}
.textarea_wrapper.active .inner .cap {background-image: url(images/form_textarea_active_cap.png);}
.textarea_wrapper.active .inner textarea {color: #494420;}
.textarea_wrapper.error .top {background-position: right -70px;}
.textarea_wrapper.error .top .cap {background-position: left -70px;}
.textarea_wrapper.error .bottom {background-position: right -98px;}
.textarea_wrapper.error .bottom .cap {background-position: left -98px;}
.textarea_wrapper.error .inner {background-image: url(images/form_textarea_error_bg.png);}
.textarea_wrapper.error .inner .cap {background-image: url(images/form_textarea_error_cap.png);}
.textarea_wrapper.error .inner textarea {color: #b85353;}
.textarea_wrapper.error .inner textarea:hover {color: #ab2929;}
.textarea_wrapper.error .inner textarea:focus {color: #931414;}
.textarea_wrapper.last {margin: 0;}

.radio_wrapper {height: 35px;}
.radio_wrapper li {float: left;}
.radio_wrapper li .label {display: block; height: 35px; width: 20px; margin: 0 5px 0 0 !important; float: left;}
.radio_wrapper li .value {display: block; height: 35px; margin: 0 30px 0 0; float: left; line-height: 35px; font-size: 14px; color: #666;}
.radio_wrapper li.last {margin: 0 !important;}
.radio_wrapper li input {width: 15px; height: 15px; margin: 10px 0 0 0; padding: 0;}

.checkbox_wrapper {height: 35px;}
.checkbox_wrapper li {float: left;}
.checkbox_wrapper li .label {display: block; height: 35px; width: 20px; margin: 0 5px 0 0 !important; float: left;}
.checkbox_wrapper li .value {display: block; height: 35px; margin: 0 30px 0 0; float: left; line-height: 35px; font-size: 14px;}
.checkbox_wrapper li.last {margin: 0;}
.checkbox_wrapper li input {width: 15px; height: 15px; margin: 9px 0 0 0; padding: 0;}

.buttons {text-align: center; margin: 0 auto;}

.buttons .middle {text-align: center; margin: 0 auto;}
.buttons.left {text-align: left; margin: 0 auto;}
.buttons.alignLeft {text-align: left;}
.buttons button {border: none; background: none; overflow: visible; padding: 0;}
.buttons button div {display: block; float: left; height: 32px; padding: 0 16px 0 0; white-space: nowrap; background: url(images/form_button.png) top right no-repeat; font-size: 14px; font-family: "Lucida Grande", Verdana, Arial, sans-serif; white-space:nowrap;}
.buttons button span {background: url(images/form_button.png) top left no-repeat #FFF; font-size: 13px; display: block; padding: 0 0 0 17px; height: 32px; line-height: 29px; font-weight: bold; float: left; white-space:nowrap; clear:none; color: #FFF; }
.buttons button:hover div {background-position: right -32px;}
.buttons button:hover span {background-position: 0 -32px; color: #FFF;}
.buttons button:active, .buttons button:focus {outline: none;}
.buttons button:active div {background-position: right -64px;}
.buttons button:active span {background-position: 0 -64px; color: #FFF;}
.buttons button.inactive {opacity: .3; filter: alpha(opacity = .3);}

.buttons button.green div {background-position: right -96px;}
.buttons button.green span {background-position: left -96px;}
.buttons button.green:hover div {background-position: right -128px;}
.buttons button.green:hover span {background-position: left -128px;}
.buttons button.green:active div {background-position: right -160px;}
.buttons button.green:active span {background-position: left -160px;}

.buttons button.red div {background-position: right -192px;}
.buttons button.red span {background-position: left -192px;}
.buttons button.red:hover div {background-position: right -224px;}
.buttons button.red:hover span {background-position: left -224px;}
.buttons button.red:active div {background-position: right -256px;}
.buttons button.red:active span {background-position: left -256px;}

.buttons button.thinandtall span {font-weight: normal; text-transform: uppercase; line-height: 30px;}

form .footer {margin: 30px 0 0 0; padding: 15px 25px 13px 25px; background-color: #FCFCFC; border-top: 1px solid #BBB;}
form .footer.buttons button span {background-color: #FCFCFC;}

.ui-datepicker {z-index: 30;}



/* ---------------------------------------------------- */
/* --------------------- FOOTER ----------------------- */
/* ---------------------------------------------------- */

#footer {margin: 0 auto; padding: 20px 0 0 0; width: 1000px; border-top: 1px solid #DDD; margin-bottom: 100px; color: #999; clear: both;}

#footer .logo {float: right; display: block; background: url(images/footer_logo.png) top right no-repeat; width: 147px; height: 20px; margin: 5px 0 0 0;}
#footer .logo span {display: none;}
#footer .logo:hover {background-position: 0 -20px;}
#footer .logo:active {background-position: 0 -40px;}

#footer ul.links {float: left; margin: 10px 0 0 0;}
#footer ul.links li {float: left; margin: 0 15px 0 0; padding: 0 19px 0 0; background: url(images/splash/footer_bullet.png) right 6px no-repeat;}
#footer ul.links li a {float: left; font-size: 14px;}
#footer ul.links li.last {background: none;}

#footer p.credit {float: right; font-size: 14px;}

#jwah a {background: url(images/jwah.png) top right no-repeat; position: fixed; bottom: 0; right: 0; height: 50px; width: 50px; z-index: 4; opacity:0.2;filter:alpha(opacity=20)}
#jwah a:hover {border: none; opacity:1.0;filter:alpha(opacity=100)}
#jwah a span {display: none;}

.clear {clear: both;}