@charset "UTF-8";/* CSS Document */
/* I've used a hard CSS reset above,but you should consider a more sophisticated reset,such as this one:http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */
p{size:.7em;font-family:Helvetica,Arial,sans-serif}
strong{color:#9B351C;}
p.intro{border-bottom:1px solid #ccc;margin-bottom:20px;padding:20px 0 30px 0;text-align:center;width:100%}
p#cross-links{text-align:center}
noscript p,noscript ol{color:#a00;font-size:13px;line-height:1.4em;text-align:left}
noscript a{color:#a00;text-decoration:underline}
noscript ol{margin-left:25px;}
a:focus{outline:none}
.stripViewer .panelContainer .panel ul{text-align:left;margin:0 15px 0 30px;}
.slider-wrap{/* This div isn't entirely necessary but good for getting the side arrows vertically centered */
margin:10px 0px 0px 7px;position:relative;width:100%;}
/* These 2 lines specify style applied while slider is loading */
.csw{width:100%;height:460px;background:#fff;overflow:scroll}
.csw .loading{margin:200px 0 300px 0;text-align:center}
.stripViewer{/* This is the viewing window */
position:relative;overflow-y:hidden;overflow-x:hidden;/* this is the border. should have the same value for the links */
margin:auto;width:860px;/* Also specified in .stripViewer .panelContainer .panel below */
height:auto;clear:both;background:transparent;}
.stripViewer .panelContainer{/* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS */
position:relative;left:0;top:-20px;width:100%;list-style-type:none;/* -moz-user-select:none;// This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful,crazy fools. */}
.stripViewer .panelContainer .panel{/* Each panel is arranged end-to-end */
float:left;height:100%;position:relative;width:860px;/* Also specified in .stripViewer above */}
.stripViewer .panelContainer .panel .wrapper{/* Wrapper to give some padding in the panels,without messing with existing panel width */
padding:10px;}
.stripNav{/* This is the div to hold your nav (the UL generated at run time) */
margin:auto;}
.stripNav ul{/* The auto-generated set of links */
list-style:none;margin-top:10px;}
.stripNav ul li{float:left;margin-right:2px;/* If you change this,be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav a{/* The nav links */
font-size:10px;font-weight:bold;text-align:center;width:145px;line-height:22px;background:#transparent;color:#a21;text-decoration:none;display:block;padding:0px 3px;font-size:.65em;font-family:Helvetica,Arial,sans-serif}
.stripNav li a:hover{background:#efd49a;color:#300;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.stripNav li a.current{background:#AA2211;color:#efd49a;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.stripNavL,.stripNavR{/* The left and right arrows */
position:absolute;top:230px;text-indent:-9000em;}
.stripNavL a,.stripNavR a{display:block;height:40px;width:40px;}
.stripNavL{left:0;}
.stripNavR{right:0;}
.stripNavL{background:url("../images/arrow-left.gif") no-repeat center;}
.stripNavR{background:url("../images/arrow-right.gif") no-repeat center;}
.slider-wrap{background:url(../images/testbg.png) no-repeat;}
.wrapper{}
.wrapper > p{margin-top:20px;}
.stripNav ul,.stripNav ul li{margin:0;padding:0;}
.cross-link{font-size:1.2em;}
.cross-link:hover{color:#C7562C;}
.lefttop{float:left;width:380px;}
.righttop,.rightbottom{float:right;width:380px;margin-right:20px;}
.leftbottom{float:left;width:380px;clear:both;}
.lefttop h3,.leftbottom h3{display:block;background:url(../images/headers.png) no-repeat;height:30px}
.righttop h3,.rightbottom h3{text-align:right;display:block;background:url(../images/headers2.png) no-repeat right;height:30px;}
#liquor{columns:2;column-gap:1em;}
#spiritsleft{width:180px;float:left;}
#spiritsright{width:180px;float:right;}
#kappetizers{margin-top:-290px;}
#kitchen{margin-top:-40px;}
#sake{margin-top:-310px;}
.clearlinks{clear:both;background:url(../images/bottomlink.png) right no-repeat;width:260px;float:right;}
.clearlinks p{text-align:right;margin-right:40px}