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

*{margin:0px;}
#wrapper{display:block; width:690px; height:311px; padding-top:10px; padding-left:15px; padding-right:5px; background-image:url(../images/sliderBG.png);}

div#wrapper h1{font-size:24px; font-weight:bold; color:#C83D02; margin-left:10px; margin-top:10px; margin-bottom:15px;}

#slider {
	width: 680px;
	/*position: relative;*/
}

div#slider #sliderInfo{
background:url(../images/slider_info_bg.png);
width:434px;
height:46px;
float:right;
margin-top:-10px;
margin-right:30px;
}

div#slider #sliderInfo p{
font-family:Helvetica, Arial, sans-serif;
color:#472E34;
font-size:10px;
margin-top:9px;
margin-left:7px;
margin-bottom:5px;
}
.scroll {
  height: 250px;
  overflow: auto;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
}

.scrollContainer div.panel {
  padding: 20px;
  height: 145px;
  width: 650px; /* change to 560px if not using JS to remove rh.scroll */
  overflow:hidden;
}
.scrollContainer div.panel p {
  width: 320px;
  margin-top:15px;
}

.scrollContainer div.panel h2 {
  color:#C83D02;
}

.scrollButtons {
  position: absolute;
  top: 150px;
  cursor: pointer;
}

.scrollButtons.left {
  left: -20px;
}

.scrollButtons.right {
  right: -20px;
}

.navigation{
height:40px;
width:670px;
overflow:hidden;
background-color:#F3D769;
margin-bottom:15px;
}

.navigation a{
height:40px;
overflow:hidden;
background-position:top;
display:inline-block;
margin-left:3px;
margin-right:3px;
}

.navigation a:hover{
background-position:bottom;
}

.navigation #sandwichBTN{
background-image:url(../images/specials_sandwich.png);
width:182px;
}
.navigation #entreeBTN{
background-image:url(../images/specials_entree.png);
width:156px;
}
.navigation #saladBTN{
background-image:url(../images/specials_salad.png);
width:149px;
}
.navigation #soupBTN{
background-image:url(../images/specials_soup.png);
width:147px;
}

.navigation .clicked{background-position:bottom;}