@charset "utf-8"; /* CSS Document */ /* Created for: Mac's Brewbar & Restaurant, Taranaki St Wharf, Wellington | www.macsbrewbar.co.nz Written by: Kelly Knights | www.orangejam.ca Agency: Shine Ltd. Date: December 2008 Adapted by James Langdon 2010 COLOUR GUIDE ---------------------- Light Brown: #efe1c8 Medium Brown: #c2a687 Dark Brown: #765544 Dark Rust: #a65534 */ div.clear {clear: both; width: 100%; height: 1px;} /* MINIMAL RESET ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ * {vertical-align: baseline; border: 0 none; outline: 0; padding: 0; margin: 0; list-style:none; text-decoration:none; border: 0;} /* STRUCTURE ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ body {background:url(../images/tile_texture_reg.png); font-family:Arial, Helvetica, sans-serif; font-size:62.5%; color:#765544;} #wrapper {width: 950px; margin: 25px auto; display:block; position: relative;} #header {width: 942px; float: left; margin: 0} /*CONTENT LEFT*/ #contentLeft {width: 350px; float: left; margin: 20px 15px 30px 15px;} #functionMenus #contentLeft {width: 360px; float: left; margin: 20px 15px 30px 15px;} #functionMenus #contentLeft img {float: left; margin: 0;} #index #contentLeft {width: 300px; float: left; margin: 20px 15px 0 15px} #restaurantPage #contentLeft {width: 360px; float: left; margin: 20px 0 30px 15px;} #restaurantPage #contentLeft img {float: left;} #beerPage #contentLeft {width: 456px; float: left; margin: 25px 15px 30px 15px;} #beerPage #contentLeft img {margin: 0 0 0 0;} #restaurantPage #restaurant_xmas {width: 900px; float: left; margin: 20px 0 10px 15px;} #contentLeft p {margin-bottom: 14px; font-size:1.4em; line-height:125%;} #contentLeft a {font-weight: bold; color:#765544;} #contentLeft a:hover {color:#a65534; border-bottom: 1px solid #a65534;} #functionMenus #contentLeft a:hover {border-bottom: 0;} #restaurantPage #contentLeft a:hover {border-bottom: 0px solid;} #contactPage #contentLeft a:hover {color:#a65534; border-bottom: 0px solid #a65534;} #contactPage #contentLeft {width: 420px; float: left; margin: 20px 0 30px 15px;} #function #contentLeft {width: 550px; float: left; margin: 20px 25px 15px 5px;} #contentLeft ul {margin: 5px 0 10px 0;} #contentLeft li {font-size:1.3em; margin-bottom: 10px; margin-top: 0px;} #functiontwentyfirsts #contentLeft li {font-size:1.3em; margin-bottom: 4px; margin-top: 0px;} #rugbyPage #contentLeft li {font-size:1.3em; margin-bottom: 4px; margin-top: 0px;} #rugbyPage #contentLeft {width: 340px; margin: 20px 10px 30px 5px;} #contract {float: left; width: 290px; height: 38px; display: block;} #contract a {background:url(../functions/images/contract1.png) no-repeat; width: 290px; height: 38px; display: block} #contract a:hover {background:url(../functions/images/contract1.png) 50% -38px; border-bottom: 0px solid;} #21stcontract {float: left; width: 420px; height: 38px; display: block;} #21stcontract a {background:url(../functions/images/contract.png) no-repeat; width: 420px; height: 38px; display: block} #21stcontract a:hover {background:url(../functions/images/contract.png) 50% -38px; border-bottom: 0px solid;} #planFirst {float: left; width: 199px; height: 38px; display: block; margin: 5px 0 30px 0 ;} #planFirst a {background:url(../functions/images/planFirst.png) no-repeat; width: 199px; height: 38px; display: block} #planFirst a:hover {background:url(../functions/images/planFirst.png) 50% -38px; border-bottom: 0px solid;} #planGround {float: left; width: 248px; height: 38px; display: block; margin: 15px 0 0 0 ;} #planGround a {background:url(../functions/images/planGround.png) no-repeat; width: 248px; height: 38px; display: block} #planGround a:hover {background:url(../functions/images/planGround.png) 50% -38px; border-bottom: 0px solid;} /*CONTENT RIGHT*/ #contentRight {width: 530px; float: left; margin: 20px 0 20px 20px;} #beerPage #contentRight {width: 400px; float: left; margin: 0 0 20px 20px;} #contentRight p {font-size:1.4em; line-height:125%;} #contentRight p a {font-weight: bold; color:#765544;} #contentRight p a:hover {color:#a65534; border-bottom: 1px solid #a65534;} #index #contentRight {background:url(../images/tile_texture_light.png); width: 535px; float: right; margin: 20px 40px 20px 0px; padding: 10px 20px;} #function #contentRight {width: 310px; float: left; margin: 20px 15px 0 25px;} #functionParties #contentRight {width: 540px; float: left; margin: 20px 0 0 25px;} #functionParties #contentRight img {float: left; margin: 0;} #rugbyPage #contentRight img {float: left; margin: 0;} #functionParties #contentRight p {margin: 0 0 14px 0; font-size:1.4em; line-height:125%;} #rugbyPage #contentRight {width: 541px; float: right; margin: 20px 30px 20px 5px;} #contactPage #contentRight {width: 446px; height: 663px; float: left; margin: 20px 25px 25px 25px; background:url(../images/contactMap.png) no-repeat;} /*SITE HEADER AREA AND NAVIGATION ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #header ul {width: 800px; height: 40px; margin: -36px 0 0 0px; clear: both; float: left; background:url(../images/rule.png) no-repeat bottom left;} #header li {float: left; height: 21px; overflow:hidden;} #header li a {display: block; line-height: 21px; text-indent: -5000px; overflow:hidden; background-position: center top;} #function #header ul {background:url(../images/tile_texture_reg.png);} #functionParties #header ul, #functionCorporate #header ul, #functiontwentyfirsts #header ul, #functionPhotos #header ul, #functionMenus #header ul {background:url(../images/tile_texture_reg.png);} #nav_home {background:url(../images/nav_01.png) no-repeat; width: 85px; height: 21px; margin-left: 15px;} #nav_home a:hover {background:url(../images/nav_01.png) 33% -21px;} #nav_beers {background:url(../images/nav_02.png) no-repeat; width: 106px;} #nav_beers a:hover {background:url(../images/nav_02.png) 33% -21px;} #nav_restaurant {background:url(../images/nav_03.png) no-repeat; width: 185px;} #nav_restaurant a:hover {background:url(../images/nav_03.png) 33% -21px;} #nav_functions {background:url(../images/nav_04.png) no-repeat; width: 160px;} #nav_functions a:hover {background:url(../images/nav_04.png) 33% -21px;} #nav_photos {background:url(../images/nav_05.png) no-repeat; width: 123px;} #nav_photos a:hover {background:url(../images/nav_05.png) 33% -21px;} #nav_contact {background:url(../images/nav_06.png) no-repeat; width: 121px;} #nav_contact a:hover {background:url(../images/nav_06.png) 33% -21px;} #index #nav_home, #beerPage #nav_beers, #restaurantPage #nav_restaurant, #function #nav_functions, #functionCorporate #nav_functions, #functionParties #nav_functions, #functiontwentyfirsts #nav_functions, #functionMenus #nav_functions, #functionPhotos #nav_functions, #photoPage #nav_photos, #contactPage #nav_contact {background-position: 50% -42px;} /*HEADERS ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ h1 {background:url(../images/h1_header.png) no-repeat; width: 796px; height: 85px; text-indent: -5000px; float: left; margin-top: 5px;} h2 a {background:url(../images/headerBadge.png) right top; width: 141px; height: 142px; text-indent: -5000px; float: left; margin-left : 5px;} h2 a:hover {background-position: 50% -142px;} #index h3 {background:url(../images/h3_index.png) no-repeat ; width: 162px; height: 30px; text-indent: -5000px; float: left; margin: 0 15px 0 0;} #beerPage h3 {background:url(../images/h3_beers.png) no-repeat top left; width: 327px; height: 71px; text-indent: -5000px; margin: 0 0 15px 0;} #beerPage h4 {background:url(../images/h4_beers.png) no-repeat; width: 400px; height: 114px; text-indent: -5000px; overflow: hidden;} #restaurantPage h3 {background:url(../images/h3_dining.png) no-repeat top left; width: 264px; height: 68px; text-indent: -5000px; margin: 0 0 5px 0;} #restaurantPage h4 {background:url(../images/h4_dining.jpg) no-repeat; width: 530px; height: 186px; text-indent: -5000px; overflow: hidden;} #h_restaurant {background:url(../images/header_restaurant.png) no-repeat; width: 237px; height: 21px; margin: 0 0 5px 0;} #xmas_advert {background:url(../images/xmas_lunch.jpg) no-repeat; float: left; width: 347px; height: 253px; margin: 0 20px 0 0;} #h_diningroom {background:url(../images/header_dining.png) no-repeat; width: 195px; height: 21px; margin: 35px 0 5px 0;} #functionParties h3 {background:url(../functions/images/h_party.png) no-repeat; width: 330px; height: 69px; text-indent: -5000px; overflow:hidden; margin: 0 0 15px 0;} #features {background:url(../functions/images/h_features.png) no-repeat; width: 86px; height: 16px; margin: 0 0 5px 0;} #expansion {background:url(../functions/images/h_expansion.png) no-repeat; width: 101px; height: 16px; margin: 15px 0 5px 0;} #location {background:url(../functions/images/h_location.png) no-repeat; width: 82px; height: 16px; margin: 0 0 5px 0;} #capacity {background:url(../functions/images/h_capacity.png) no-repeat; width: 100px; height: 16px; margin: 10px 0 5px 0;} #functionCorporate #capacity {background:url(../functions/images/h_capacity.png) no-repeat; width: 100px; height: 16px; margin: 15px 0 5px 0;} #photo_cable {background:url(../functions/photos/cable.jpg) no-repeat; width: 900px; height: 500px; margin: 0;} #photo_tearo {background:url(../functions/photos/tearo_main1.jpg) no-repeat; width: 900px; height: 500px; float: left; margin: 20px 25px 0 5px;} #rule {background:url(../images/rule.png) no-repeat; width: 910px; height: 7px; margin: 10px 0 10px 0; clear:both} #waterfront {background:url(../functions/images/h_waterfront.png) no-repeat; width: 364px; height: 20px; margin: 0 0 5px 0;} #tearo {background:url(../functions/images/h_tearo.png) no-repeat; width: 274px; height: 48px; margin: 0 0 5px 0;} #cable {background:url(../functions/images/h_cable.png) no-repeat; width: 266px; height: 48px; margin: 0 0 5px 0;} #odlins {background:url(../functions/images/h_odlins.png) no-repeat; width: 314px; height: 20px; margin: 0 0 5px 0;} #cancellation {background:url(../functions/images/h_cancellation2.png) no-repeat; width: 460px; height: 18px; margin: 30px 0 10px 0;} #functionParties #cancellation {width: 330px;} #functionParties h4 {background:url(../functions/images/h4_function.png) no-repeat; width: 180px; height: 17px; text-indent: -5000px; overflow:hidden; margin: 0 0 10px 0;} #functionParties h5 {background:url(../functions/images/h5_cancellation.png) no-repeat; width: 264px; height: 22px; text-indent: -5000px; overflow:hidden; margin: 15px 0 10px 0;} #functionPhotos h4 {background:url(../functions/images/h4_function.png) no-repeat; width: 180px; height: 17px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} #functionPhotos h5 {background:url(../functions/images/h5_training.png) no-repeat; width: 180px; height: 17px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} #contactPage h3 {background:url(../images/h3_contact.png) no-repeat; width: 403px; height: 49px; text-indent: -5000px; overflow:hidden; margin: 0 0 20px 0;} h6 {background:url(../functions/images/h_testimonials.png) no-repeat; width: 128px; height: 15px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} #function h5 {background:url(../functions/images/h_functionGrowing.png) no-repeat; width: 550px; height: 157px; text-indent: -5000px; overflow:hidden; margin: 0 0 15px 0;} #rugbyPage #contentRight h2 {background:url(../images/h2_rwc.png) no-repeat; width: 455px; height: 49px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} #rugbyPage h3 {background:url(../images/h3_rwc.png) no-repeat; width: 274px; height: 21px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} #rugbyPage h4 {background:url(../images/h4_rwc.png) no-repeat; width: 317px; height: 21px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} #rugbyPage h5 {background:url(../images/h5_rwc.png) no-repeat; width: 183px; height: 21px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} #rugbyPage h6 {background:url(../images/h6_rwc.png) no-repeat; width: 203px; height: 21px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} /*FOOTER ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ #footer {width: 910px; background:url(../images/rule.png) no-repeat top right; padding: 15px 0 0 0; clear: both;} #footer p {font-size: 1.2em;} #facebook {float: right; width: 27px; height: 27px; display: block; margin: 0 20px 0 0; } #facebook a {background:url(../images/facebook.png) no-repeat; width: 27px; height: 27px; display: block} #facebook a:hover {background:url(../images/facebook.png) 50% -27px;} #contactFooter {float: right; width: 262px; height: 27px; display: block } #contactFooter a {background:url(../images/contact.png) no-repeat; width: 262px; height: 27px; display: block} #contactFooter a:hover {background:url(../images/contact.png) 50% -27px;} /*PAGE SPECIFIC STYLES ---------------------------------------------------------------------------------------------------------------------------------------------------------*/ /*HOME */ #topPhoto {float: left; background:url(../photos/photo_brewbar.jpg) no-repeat; width: 900px; height: 500px; margin: 20px 15px 0 15px} #whatsOn {float: left; background:url(../images/whatsOn.png) no-repeat; width: 126px; height: 334px; margin: 0px 0px 0 0px} #placeholder {width: 475px; height: 250px; float: left; background-color:#c2a687; color:#fff; text-align: center; padding-top: 200px;} /*OUR BEERS*/ dl {background:url(../images/tile_texture_light.png); width: 400px; margin-bottom: 2px; padding-bottom: 5px;} dt {width: 60px; height: 39px; padding: 5px 0 0px 0; float: left;} dt a:hover {border: 0; text-decoration: none;} dt#gold a {background:url(../images/beerGold.png) no-repeat top; height: 36px; width: 36px; display:block; margin: 0 auto 2px;} dt#gold a:hover {background:url(../images/beerGold.png) 50% -36px; display:block;} dt#black a {background:url(../images/beerBlack.png) no-repeat top; height: 36px; width: 36px; display:block; margin: 0 auto;} dt#black a:hover{background:url(../images/beerBlack.png) 50% -36px; display:block;} dt#hop a {background:url(../images/beerHop.png) no-repeat top; height: 39px; width: 36px; display:block; margin: -2px auto 5px auto; } dt#hop a:hover {background:url(../images/beerHop.png) 50% -39px; display:block;} dt#white a {background:url(../images/beerWhite.png) no-repeat top; height: 39px; width: 36px; display:block; margin: 0 auto;} dt#white a:hover{background:url(../images/beerWhite.png) 50% -39px; display:block;} dt#red a {background:url(../images/beerRed.png) no-repeat top; height: 36px; width: 36px; display:block; margin: 0 auto;} dt#red a:hover {background:url(../images/beerRed.png) 50% -36px; display:block;} dt#spring a {background:url(../images/beerSpring.png) no-repeat top; height: 36px; width: 36px; display:block; margin: 0 auto;} dt#spring a:hover{background:url(../images/beerSpring.png) 50% -36px; display:block;} dt#twisted a {background:url(../images/beerTwisted.png) no-repeat top; height: 36px; width: 36px; display:block; margin: 0 auto;} dt#twisted a:hover{background:url(../images/beerTwisted.png) 50% -36px; display:block;} dt#cider a {background:url(../images/beerCider.png) no-repeat top; height: 36px; width: 36px; display:block; margin: 0 auto;} dt#cider a:hover{background:url(../images/beerCider.png) 50% -36px; display:block;} dt#pear a {background:url(../images/beerPear.png) no-repeat top; height: 36px; width: 36px; display:block; margin: 0 auto;} dt#pear a:hover{background:url(../images/beerPear.png) 50% -36px; display:block;} dt#ginger a {background:url(../images/beerGinger.png) no-repeat top; height: 32px; width: 32px; display:block; margin: 0 auto;} dt#ginger a:hover{background:url(../images/beerGinger.png) 50% -32px; display:block;} dt#greenApple a {background:url(../images/beerGreen.png) no-repeat top; height: 32px; width: 32px; display:block; margin: 0 auto;} dt#greenApple a:hover{background:url(../images/beerGreen.png) 50% -32px; display:block;} dd {padding: 5px; font-size: 1.2em;} dd a {font-weight:bold;color:#765544;} dd a:hover {border-bottom: 1px solid #a65534; color:#a65534;} /*DINING*/ #restaurantPage #contentRight {float: right; width: 470px; background:url(../images/tile_texture_light.png); margin: 20px 35px 3px 0; padding: 10px 20px;} #functionMenus #contentRight {float: right; width: 470px; background:url(../images/tile_texture_light.png); margin: 20px 45px 0 0; padding: 10px 20px;} #titlemenu {float: left; background:url(../images/menu_01.png) left no-repeat; width: 220px; height: 67px; display: block; margin: 5px 15px 5px 0;} #titlemenu2 {float: left; background:url(../functions/images/menu_02.png) left no-repeat; width: 220px; height: 67px; display: block; margin: 5px 15px 10px 0;} #titlemenu3 {float: left; background:url(../functions/images/menu_03.png) left no-repeat; width: 380px; height: 60px; display: block; margin: 5px 0 10px 0;} #lunchmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #lunchmenu a {background:url(../images/menu_lunch.png) no-repeat; width: 126px; height: 144px; display: block} #lunchmenu a:hover {background:url(../images/menu_lunch.png) 50% -144px;} #brunchmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #brunchmenu a {background:url(../images/menu_brunch.png) no-repeat; width: 126px; height: 144px; display: block} #brunchmenu a:hover {background:url(../images/menu_brunch.png) 50% -144px;} #dinnermenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #dinnermenu a {background:url(../images/menu_dinner.png) no-repeat; width: 126px; height: 144px; display: block} #dinnermenu a:hover {background:url(../images/menu_dinner.png) 50% -144px;} #barfoodmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #barfoodmenu a {background:url(../images/menu_barfood.png) no-repeat; width: 126px; height: 144px; display: block} #barfoodmenu a:hover {background:url(../images/menu_barfood.png) 50% -144px;} #setmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #setmenu a {background:url(../images/menu_set.png) no-repeat; width: 126px; height: 144px; display: block} #setmenu a:hover {background:url(../images/menu_set.png) 50% -144px;} #xmasmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #xmasmenu a {background:url(../images/menu_xmas.png) no-repeat; width: 126px; height: 144px; display: block} #xmasmenu a:hover {background:url(../images/menu_xmas.png) 50% -144px;} #drinksmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #drinksmenu a {background:url(../images/menu_drinks.png) no-repeat; width: 126px; height: 144px; display: block} #drinksmenu a:hover {background:url(../images/menu_drinks.png) 50% -144px;} #fingerfoodmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #fingerfoodmenu a {background:url(../functions/images/menu_fingerfood.png) no-repeat; width: 126px; height: 144px; display: block} #fingerfoodmenu a:hover {background:url(../functions/images/menu_fingerfood.png) 50% -144px;} #functionsetmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #functionsetmenu a {background:url(../functions/images/menu_functionset.png) no-repeat; width: 126px; height: 144px; display: block} #functionsetmenu a:hover {background:url(../functions/images/menu_functionset.png) 50% -144px;} #functionxmasmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #functionxmasmenu a {background:url(../functions/images/menu_functionxmas.png) no-repeat; width: 126px; height: 144px; display: block} #functionxmasmenu a:hover {background:url(../functions/images/menu_functionxmas.png) 50% -144px;} #buffetmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #buffetmenu a {background:url(../functions/images/menu_buffet.png) no-repeat; width: 126px; height: 144px; display: block} #buffetmenu a:hover {background:url(../functions/images/menu_buffet.png) 50% -144px;} #xmasbuffetmenu {float: left; width: 126px; height: 144px; display: block; margin: 10px 0; } #xmasbuffetmenu a {background:url(../functions/images/menu_xmasbuffet.png) no-repeat; width: 126px; height: 144px; display: block} #xmasbuffetmenu a:hover {background:url(../functions/images/menu_xmasbuffet.png) 50% -144px;} #food_photos {width: 900px; float: left; margin: 20px 0 20px 15px;} #food_photos img {float: left; margin: 0 0 0 0;} #food_photos p {margin-bottom: 14px; font-size:1.4em; line-height:125%;} #food_photos a {font-weight: bold; color:#765544;} #food_photos a:hover {color:#a65534; border-bottom: 1px solid #a65534;} /*FUNCTIONS*/ #optionsLeft { width: 170px; height: 510px; float: left; background:url(../images/tile_texture_light.png); margin: 0 2px 10px 0; padding-top: 10px; padding-right: 0; padding-bottom: 10px; padding-left: 0; } #optionsLeft img {display: block; margin: 0 auto;} #optionsRight {width: 268px; height: 510px; background:url(../images/tile_texture_light.png); float: left; padding: 10px; margin: 0 0 10px 0;} #functionMenus #optionsRight {float: right; width: 470px; height: auto; background:url(../images/tile_texture_light.png); padding: 10px 20px; margin: 3px 45px 10px 0;} #functionMenus #optionsRight a {font-weight:bold;color:#765544;} functionMenus #optionsRight a:hover {border-bottom: 1px solid #a65534; color:#a65534;} #optionsRight li {font-size:1.3em; margin: 5px 0 20px 0;} #functionParties #contentLeft {width: 330px; float: left; margin: 20px 0px 30px 15px;} #capacities {width: 278px; height: 29px; margin: 0 0 0 15px; background:url(../functions/images/capacities.png);} #light_features {width: 159px; height: 29px; margin: 0 0 0 15px; background:url(../functions/images/features.png);} #light_testi {width: 237px; height: 29px; margin: 0 0 0 15px; background:url(../functions/images/testimonials.png);} #requirements {width: 252px; height: 29px; margin: 0 0 0 15px; background:url(../functions/images/requirements.png);} #payments {width: 171px; height: 29px; margin: 0 0 0 15px; background:url(../functions/images/payments.png);} #menusfingerfood {width: 262px; height: 31px; display: block } #menusfingerfood a {background:url(../functions/images/menusfingerfood.png) no-repeat; width: 262px; height: 31px; display: block} #menusfingerfood a:hover {background:url(../functions/images/menusfingerfood.png) 50% -31px;} #menusbuffet {width: 262px; height: 31px; display: block } #menusbuffet a {background:url(../functions/images/menusbuffet.png) no-repeat; width: 262px; height: 31px; display: block} #menusbuffet a:hover {background:url(../functions/images/menusbuffet.png) 50% -31px;} #menusset {width: 262px; height: 31px; display: block;} #menusset a {background:url(../functions/images/menusset.png) no-repeat; width: 262px; height: 31px; display: block} #menusset a:hover {background:url(../functions/images/menusset.png) 50% -31px; border-bottom: 0px solid;} #menuscanape {width: 230px; height: 31px; display: block; margin: 0 0 15px 0;} #menuscanape a {background:url(../functions/images/menuscanape.png) no-repeat; width: 230px; height: 31px; display: block} #menuscanape a:hover {background:url(../functions/images/menuscanape.png) 50% -31px; border-bottom: 0px solid;} #functionCorporate #contentLeft {width: 460px; float: left; margin: 20px 0px 30px 15px;} #functionCorporate #contentRight {width: 385px; float: left; margin: 20px 0 20px 45px;} #functionCorporate #contentRight img {float: left; margin: 0 0 10px 0;} #function #contentLeft table {padding: 20px 40px; background:url(../images/tile_texture_light.png); font-size:1.2em; line-height:180%;} #function #contentLeft th {padding: 0 10px;} #function #contentLeft td {padding: 0 10px;} #functionCorporate #contentLeft table {background:url(../images/tile_texture_light.png); font-size:1.2em; line-height:180%; margin: 0 0 15px 0;} #functionCorporate #contentLeft th {padding: 0 10px;} #functionCorporate #contentLeft td {padding: 0 10px;} #header2 ul {width: 920px; height: 39px; margin: 0; clear: both; float: left; background:url(../images/tile_texture_reg.png) no-repeat bottom left;} #header2 li {float: left; height: 39px; margin-top: 0px; overflow:hidden;} #header2 li a {display: block; line-height: 39px; text-indent: -5000px; overflow:hidden; background-position: center top;} #nav_f_home {background:url(../functions/images/nav_101.png) no-repeat; width: 180px; height: 39px; margin-left: 0px;} #nav_f_home a:hover {background:url(../functions/images/nav_101.png) 33% -39px;} #nav_f_corporate {background:url(../functions/images/nav_102.png) no-repeat; width: 210px;} #nav_f_corporate a:hover {background:url(../functions/images/nav_102.png) 33% -39px;} #nav_f_parties {background:url(../functions/images/nav_103.png) no-repeat; width: 174px;} #nav_f_parties a:hover {background:url(../functions/images/nav_103.png) 33% -39px;} #nav_f_21sts {background:url(../functions/images/nav_104.png) no-repeat; width: 152px;} #nav_f_21sts a:hover {background:url(../functions/images/nav_104.png) 33% -39px;} #nav_f_menus {background:url(../functions/images/nav_105.png) no-repeat; width: 100px;} #nav_f_menus a:hover {background:url(../functions/images/nav_105.png) 33% -39px;} #nav_f_photos {background:url(../functions/images/nav_106.png) no-repeat; width: 93px;} #nav_f_photos a:hover {background:url(../functions/images/nav_106.png) 33% -39px;} #function #nav_f_home, #functionParties #nav_f_parties, #functionCorporate #nav_f_corporate, #functiontwentyfirsts #nav_f_21sts, #functionMenus #nav_f_menus, #functionPhotos #nav_f_photos {background-position: 50% -78px;} #functiontwentyfirsts #contentLeft {width: 500px; float: left; margin: 25px 20px 30px 5px;} #functiontwentyfirsts #contentRight {width: 365px; float: right; margin: 30px 45px 20px 0;} #functiontwentyfirsts #contentRight img {float: left; margin: 0;} #functiontwentyfirsts h4 {background:url(../functions/images/h4_function.png) no-repeat; width: 180px; height: 17px; text-indent: -5000px; overflow:hidden; margin: 0 0 5px 0;} #functiontwentyfirsts #contentLeft ul {width: 420px; background:url(../images/tile_texture_light.png); float: left; padding: 20px 40px; margin: 0 0 10px 0;} #rugbyPage #contentLeft ul {width: auto; background:url(../images/tile_texture_light.png); float: left; padding: 10px; margin: 0 0 10px 0;} #functionPhotos #contentLeft {width: 900px; float: left; margin: 10px 0 20px 5px;} #functionPhotos #contentLeft img {float: left; margin: 0 0 0 0;} #photoPage #contentLeft {width: 900px; float: left; margin: 25px 0 20px 5px;} #photoPage #contentLeft img {float: left; margin: 0; width: 180px; height: 180px;} /*CONTACT US*/ address {background:url(../images/contactInfo.png) no-repeat; width: 336px; height: 502px; text-indent: -5000px; margin: 10px 0 10px 0;} #email {width: 379px; height: 20px; display: block } #email a {background:url(../images/email.png) no-repeat; width: 379px; height: 20px;display: block} #email a:hover {background:url(../images/email.png) 50% -20px;} #testi {width: 910px; float: left; margin: 0 0 30px 15px;} #testi ul {width: 250px; background:url(../images/tile_texture_light.png); float: left; padding: 10px 20px; margin-right: 10px;} #testi li {font-size:1.3em; margin-bottom: 0; margin-top: 10px;} #testi p {font-size: 1.3em; line-height: normal; text-align: right; margin: 5px 20px 20px 0px;} #functiontwentyfirsts #testi {width: 365px; float: left; margin: 0 0 30px 15px;} #functiontwentyfirsts #testi ul {width: 325px;} #function #testi {width: 310px; margin: 0 0 15px 0;} #function #contentLeft ul {width: 450px; background:url(../images/tile_texture_light.png); float: left; padding: 20px 40px; margin: 0 10px 10px 0;} #function #contentLeft li {font-size:1.3em; margin: 0 0 5px 0;} #googleLink {width: 122px; height: 48px; display: block ; float: right; margin: 615px 122px 0 0; } #googleLink a {background:url(../images/googleLink.png) no-repeat; width: 122px; height: 48px;display: block} #googleLink a:hover {background:url(../images/googleLink.png) 50% -48px;} #completedPhotos {width: 910px; background:url(../images/rule.png) no-repeat bottom; float: left; margin: 20px 0 0 5px; padding: 0 0 20px 0;} #function img {float: left; margin: 0;} #contentConstruction {width: 910px; background:url(../images/rule.png) no-repeat bottom; float: left; margin: 20px 0 0 5px; padding: 0 0 20px 0;} /*LIGHTBOX*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #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-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #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; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*SLIDESHOW*/ #slideshow span {display:none} #wrapperss {width:400px; display:block; float: right;} #wrapperss * {margin:0; padding:0} #fullsize {position:relative; width:400px; height:240px;} #information {position:absolute; bottom:0; width:400px; height:0; background:#4e3523; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)} #information h4 {padding:4px 8px 3px; font-size:14px} #information p {padding:0 8px 8px} #image {width:400px} #image img {position:absolute; z-index:25; width:auto} .imgnav {position:absolute; width:25%; height:246px; cursor:pointer; z-index:150} #imgprev {left:0; background:url(../images/left.gif) left center no-repeat} #imgnext {right:0; background:url(../images/right.gif) right center no-repeat} #imglink {position:absolute; height:246px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)} .linkhover {background:url(images/link.gif) center center no-repeat} #thumbnails {margin-top:15px} #slideleft {float:left; width:20px; height:81px; background:url(../images/scroll-left.png) no-repeat;} #slideleft:hover {background:url(../images/scroll-left.png) 50% -81px;} #slideright {float:right; width:20px; height:81px; background:url(../images/scroll-right.png) no-repeat;} #slideright:hover {background:url(../images/scroll-right.png) 50% -81px;} #slidearea {float:left; position:relative; width:350px; margin-left:5px; height:81px; overflow:hidden} #slider {position:absolute; left:0; height:81px} #slider img {cursor:pointer; border:1px solid #765544; padding:2px}