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

body { margin:0; padding:0; font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size:100%; background-color:#000;}

.restaurant#wrapper { width:1050px; margin:40px auto 0 auto; background:url(../images/gallery/pilar.png) no-repeat left 45px; padding-left:49px;}
.dishes#wrapper { width:1050px; margin:40px auto 0 auto; background:url(../images/gallery/pilar_dishes.jpg) no-repeat left 45px; padding-left:49px;}
.drinks#wrapper { width:1050px; margin:40px auto 0 auto; background:url(../images/gallery/pilar_drinks.jpg) no-repeat left 45px; padding-left:49px;}


h1 { float:left; width:360px; height:42px; margin:0; padding:0; background: url(../images/gallery/h1.gif) no-repeat left bottom; text-indent:-9999px;}
ul#nav { float:right; list-style:none;}
ul#nav li { float:left; padding:0px 22px;}
ul#nav a { color:#fff; text-decoration:none; margin:0; padding:0}
.restaurant ul#nav li#nav1 a {color:#72bc4e;}
.dishes ul#nav li#nav2 a {color:#c61d4a;}
.drinks ul#nav li#nav3 a {color:#ffc026;}

ul#nav a:hover {color:#c61d4a;}
#intro { clear:both; width:1050px; height:100px; background:url(../images/gallery/top.jpg) no-repeat bottom;}
#slider {  background:url(../images/gallery/bg.jpg) no-repeat right top; width: 1050px; height:570px;padding-top:35px; position:relative;}
.scroll { margin: 0 auto; width:650px; height:527px; background: transparent; overflow:auto; overflow-x:hidden; position:relative; clear:left; }
.scrollContainer div.panel { padding: 0px; height: 527px; width: 650px; text-align:center;}

.restaurant ul.navigation { width:720px; height:88px; list-style:none; margin:0 auto; padding:0;}
.dishes ul.navigation { width:450px; height:88px; list-style:none; margin:0 auto; padding:0;}
.drinks ul.navigation { width:450px; height:88px; list-style:none; margin:0 auto; padding:0;}

ul.navigation li { margin-right: 10px; display:inline;}
ul.navigation a { float:left; width:70px; height:68px; padding:18px 10px 0 10px;border-top: solid 6px #000;}

.restaurant ul.navigation a:hover { background-color:#5a5e5a; border-top: solid 6px #72bc4e;}
.dishes ul.navigation a:hover { background-color:#5a5e5a; border-top: solid 6px #c61d4a;}
.drinks ul.navigation a:hover { background-color:#5a5e5a; border-top: solid 6px #ffc026;}

ul.navigation a.selected { background-color: #fff;}
ul.navigation a:focus { outline: none;}

.scrollButtons { position: absolute; top: 250px; cursor: pointer;}
.scrollButtons.left { left: 80px;}
.scrollButtons.right {right: 80px;}

.hide { display: none;}
img { border:none;}