/*----------------------------------------------------------------CROSS BROWSER RESET AND PAGE LAYOUT SETTINGS*/
* {padding: 0px; border: 0px; margin: 0px; outline: 0px;}
body {text-align: center; font-family: 'Helvetica, Arial, sans-serif'; font-size: 0.9em; background: #71466c url(../pictures/main_bg1.jpg) top left repeat; color: #}
#outWrap {background: url(../pictures/main_bg.jpg) top left repeat; width: 970px; margin-left: auto; margin-right: auto;}
#wrapper {width: 960px; margin: 0px auto; text-align: left; background: #f1ecd8 url(../pictures/background.jpg) top left repeat;}
.clearBoth {width: 100%; clear: both;}
a {color: #033649; text-decoration: none; font-style: italic;}
a:hover {color: #900}
.bold {font-weight: bold; font-size: 18px; color: #966}
.large {font-size: 24px}
.small {font-style: italic; font-weight: bold; color: #C60}
.peroni {margin: 0px auto; display: block;}

#header, #imageBar, #content {width: 830px; margin: 0px 65px 0px 65px;}

#imageBar {margin-bottom: 20px;}
#imageBar img {margin-bottom: 50px;}

#header {padding-top: 10px;}
#header a {text-indent: -200000px; display: block; height: 120px; width: 830px; background: url(../pictures/wb_logo.jpg) top left no-repeat;}
#header #waterloo {display: block; height: 120px; width: 530px; background: url(../picutes/waterloobistro.jpg) top left no-repeat; float: right; text-indent: -20000px;}

#topNavigation ul {list-style-type: none; width: 830px; height: 93px; background: url(../pictures/links/topNavigator_bg.jpg) top left no-repeat; margin: 0px auto;}
#topNavigation ul li {float: left;}
#topNavigation ul li a {display: block; text-decoration: none; text-indent: -200000px; height: 93px; padding-left: 14px; padding-right: 14px;}
#topNavigation ul li a#blogMenu {width: 70px}
#topNavigation ul li a#barMenu {width: 60px}
#topNavigation ul li a#bistroMenu {width: 85px}
#topNavigation ul li a#reviewsMenu {width: 95px}
#topNavigation ul li a#functionMenu {width: 115px}
#topNavigation ul li a#cateringMenu {width: 110px}
#topNavigation ul li a#contactMenu {width: 95px}
#topNavigation ul li a#blogMenu:hover, #topNavigation ul li a#blogMenuCurrent {background: url(../pictures/links/topNavigator_cover.jpg) 0px 0px no-repeat; width: 70px}
#topNavigation ul li a#barMenu:hover, #topNavigation ul li a#barMenuCurrent {background: url(../pictures/links/topNavigator_cover.jpg) -98px 0px no-repeat; width: 60px}
#topNavigation ul li a#bistroMenu:hover, #topNavigation ul li a#bistroMenuCurrent {background: url(../pictures/links/topNavigator_cover.jpg) -186px 0px no-repeat; width: 85px}
#topNavigation ul li a#reviewsMenu:hover, #topNavigation ul li a#reviewsMenuCurrent {background: url(../pictures/links/topNavigator_cover.jpg) -299px 0px no-repeat; width: 95px}
#topNavigation ul li a#functionMenu:hover, #topNavigation ul li a#functionMenuCurrent {background: url(../pictures/links/topNavigator_cover.jpg) -422px 0px no-repeat; width: 115px}
#topNavigation ul li a#cateringMenu:hover, #topNavigation ul li a#cateringMenuCurrent {background: url(../pictures/links/topNavigator_cover.jpg) -565px 0px no-repeat; width: 110px}
#topNavigation ul li a#contactMenu:hover, #topNavigation ul li a#contactMenuCurrent {background: url(../pictures/links/topNavigator_cover.jpg) -703px 0px no-repeat; width: 95px}

#content #gallery ul li {margin: 0px; padding-right: 15px;}

#content .largeBox {width: 580px; float: left;}
#content .largeBox img {margin-bottom: 20px;}
#content .mediumBox {width: 252px; float: left; margin-right: 5px; text-align: justify; padding: 10px; background: #f3eed3;}
#content .splitBox {width: 280px; float: left; margin-right: 5px; text-align: justify}

#content .smallBox {width: 252px; float: left; text-align: justify; padding: 10px; background: #f3eed3}
#content .smallBox ul li {width: 200px; margin: 10px 0px;}

#content .xsmallBox {width: 200px; float: left; margin-right: 20px;}
#content .xsmallBox form {width: 200px; margin: 0 auto;}
#content .xsmallBox form input, #content .xsmallBox form textArea {width: 200px;}
#content .xsmallBox form #submit {width: auto;}
#content .xsmallBox ul li {width: 200px; margin: 10px 0px;}
#content .xsmallBox ul li a {display: block; text-decoration: none; text-indent: -200000px; width: 140px; height: 15px; margin: 25px 0px; margin-left: 45px;}
#content .xsmallBox ul li a#wineMenu {background: url(../pictures/links/wineMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#wineMenu:hover, #content .xsmallBox ul li a#wineMenuCurrent {background: url(../pictures/links/wineMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#beverageMenu {background: url(../pictures/links/beverageMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#beverageMenu:hover, #content .xsmallBox ul li a#beverageMenuCurrent {background: url(../pictures/links/beverageMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#cocktailMenu {background: url(../pictures/links/cocktailMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#cocktailMenu:hover, #content .xsmallBox ul li a#cocktailMenuCurrent {background: url(../pictures/links/cocktailMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#barFoodMenu {background: url(../pictures/links/barFoodMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#barFoodMenu:hover, #content .xsmallBox ul li a#barFoodMenuCurrent {background: url(../pictures/links/barFoodMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#menuMenu {background: url(../pictures/links/bistroMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#menuMenu:hover, #content .xsmallBox ul li a#menuMenuCurrent {background: url(../pictures/links/bistroMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#italianMenu {background: url(../pictures/links/italianMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#italianMenu:hover, #content .xsmallBox ul li a#italianMenuCurrent {background: url(../pictures/links/italianMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#kidsMenu {background: url(../pictures/links/kidsMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#kidsMenu:hover, #content .xsmallBox ul li a#kidsMenuCurrent {background: url(../pictures/links/kidsMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#festiveMenu {background: url(../pictures/links/festiveMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#festiveMenu:hover, #content .xsmallBox ul li a#festiveMenuCurrent {background: url(../pictures/links/festiveMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#twocourseMenu {background: url(../pictures/links/twocourseMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#twocourseMenu:hover, #content .xsmallBox ul li a#twocourseMenuCurrent {background: url(../pictures/links/twocourseMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#stpatricksMenu {background: url(../pictures/links/stpatricksMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#stpatricksMenu:hover, #content .xsmallBox ul li a#stpatricksMenuCurrent {background: url(../pictures/links/stpatricksMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#easterMenu {background: url(../pictures/links/easterMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#easterMenu:hover, #content .xsmallBox ul li a#easterMenuCurrent {background: url(../pictures/links/easterMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#mothersMenu {background: url(../pictures/links/mothersMenu.jpg) top left no-repeat;}
#content .xsmallBox ul li a#mothersMenu:hover, #content .xsmallBox ul li a#mothersMenuCurrent {background: url(../pictures/links/mothersMenu.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#showSubmit, #content .xsmallBox form p#closeReview, #content .xsmallBox ul li a#reviewSubmit {display: none;}
#content .xsmallBox ul li a#reviewSubmit {background: url(../pictures/links/reviewSubmit.jpg) top left no-repeat;}
#content .xsmallBox ul li a#reviewSubmit:hover {background: url(../pictures/links/reviewSubmit.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review1 {background: url(../pictures/links/review1.jpg) top left no-repeat;}
#content .xsmallBox ul li a#elfood {background: url(../pictures/icons/el_fd.jpg) top left no-repeat; height: 33px;}
#content .xsmallBox ul li a#review1:hover {background: url(../pictures/links/review1.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review2 {background: url(../pictures/links/review2.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review2:hover {background: url(../pictures/links/review2.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review3 {background: url(../pictures/links/review3.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review3:hover {background: url(../pictures/links/review3.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review4 {background: url(../pictures/links/review4.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review4:hover {background: url(../pictures/links/review4.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review5 {background: url(../pictures/links/review5.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review5:hover {background: url(../pictures/links/review5.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review6 {background: url(../pictures/links/review6.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review6:hover {background: url(../pictures/links/review6.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review7 {background: url(../pictures/links/review7.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review7:hover {background: url(../pictures/links/review7.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review8 {background: url(../pictures/links/review8.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review8:hover {background: url(../pictures/links/review8.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review9 {background: url(../pictures/links/review9.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review9:hover {background: url(../pictures/links/review9.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review10 {background: url(../pictures/links/review10.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review10:hover {background: url(../pictures/links/review10.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review11 {background: url(../pictures/links/review11.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review11:hover {background: url(../pictures/links/review11.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review12 {background: url(../pictures/links/review12.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review12:hover {background: url(../pictures/links/review12.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review13 {background: url(../pictures/links/review13.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review13:hover {background: url(../pictures/links/review13.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review14 {background: url(../pictures/links/review14.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review14:hover {background: url(../pictures/links/review14.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review15 {background: url(../pictures/links/review15.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review15:hover {background: url(../pictures/links/review15.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review16 {background: url(../pictures/links/review16.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review16:hover {background: url(../pictures/links/review16.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review17 {background: url(../pictures/links/review17.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review17:hover {background: url(../pictures/links/review17.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review18 {background: url(../pictures/links/review18.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review18:hover {background: url(../pictures/links/review18.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review19 {background: url(../pictures/links/review19.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review19:hover {background: url(../pictures/links/review19.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review20 {background: url(../pictures/links/review20.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review20:hover {background: url(../pictures/links/review20.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review21 {background: url(../pictures/links/review11.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review21:hover {background: url(../pictures/links/review11.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review22 {background: url(../pictures/links/review21.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review22:hover {background: url(../pictures/links/review21.jpg) 0px -15px no-repeat;}
#content .xsmallBox ul li a#review23 {background: url(../pictures/links/review22.jpg) top left no-repeat;}
#content .xsmallBox ul li a#review23:hover {background: url(../pictures/links/review22.jpg) 0px -15px no-repeat;}

#content ul {list-style-type: none;}
#content ul li {margin: 10px 25px;}
#content ul li ul li {margin: 0px 25px;}
#content ul#contact {text-align: center}
#content h2 {text-align: center; margin-bottom: 15px; color: #ab2470; font-size: 1em}
#content p {margin-bottom: 15px;}
#content p.highlight {font-style: italic; text-align: right; color: #ab2470}
#content span.highlight {font-style: italic; font-size: 0.8em; color: #ab2470}
#content form {width: 252px; margin-top: 20px; margin-left: auto; margin-right: auto;}
#content form input, textArea {border: #CCC 1px solid; width: 252px;}
#content form input#store {width: auto; border: 0px;}
#content form input#submit {width: auto; border: #CCC 1px outset; padding: 5px 10px}
#content iframe {width: 252px; height: 300px; margin-top: 50px; margin-left: 0px; border: #666 1px inset;}

#footer {margin-top: 20px; width: 830px; margin-left: auto; margin-right: auto;}
#footer p {font-size: 10px; color: #666; width: 410px; float: left; padding-bottom: 30px;}
#footer p#first {text-align: left;}
#footer p#second {text-align: right;}
#footer a {text-decoration: none; color: #666}
#footer a:hover {color: #033649}