/* ie6 png fix */
img, div, a { behavior: url(css/iepngfix.htc) }
/* page styles */
body{ overflow:hidden; background:#000; font-family:Verdana, Geneva, sans-serif; font-size:13px; }
a{ outline: none; -moz-outline-style: none; }
a:active, a:focus, a:blur{ outline: none; -moz-outline-style: none; }
img{ margin:0; padding:0; }
#wrapper{ width:900px; height:500px; margin:5px auto; padding:131px 0 0 0; text-align:left; position:relative;  background:url(../img/bg.png) no-repeat top left #000; }
#logo{ position:absolute; height:125px; width:250px; top:0; left:50px; outline:none; text-indent: -9999px; }
#phoneNumber{ color:#FFFFFF; position:absolute; right:71px; top:40px; font-size: 1.2em; color: #e9e9e9; }
#nav{ position:absolute; top:101px; left:560px; }
#nav ul{ list-style:none; padding:0; margin:0; }
#nav ul li{ float:left; margin:0 20px 0 0; }
#nav ul li a{ display:block; margin-top:1px; font-size:1.3em; outline:none; text-decoration:none; color:#fff; }
#nav ul li a:hover{  margin-top:0; }
#nav ul li a.current{ margin-top:0px; outline:none; }
#loading{ height:32px; width:32px; position:absolute; z-index:2; top:50%; left:610px;  background:#000 url(../img/loading.gif) no-repeat top left; }
#slideshow{ position:absolute; `width:auto; background:url(../img/overlay.png); right:100px; top:525px; z-index:4; padding:3px;  }
#slideshow span{ width:10px; display:inline-block; }
#slideshow a{ height:15px; width:15px; background:url(../img/slide.png) no-repeat; display:inline-block; position:relative; }
#slideshow a.active{ background:url(../img/slideActive.png) no-repeat; }
#slideshow a.startEnd{ color:#ccc; font-size:.9em; `width:100px !important; text-decoration:none; background:none; text-indent:0; display:inline; vertical-align:bottom; }
#content{ width:734px; height:414px; margin:0 0 0 102px; z-index:2; position:relative; overflow:hidden; text-align:left; }
#content div{ width:734px; height:414px; z-index:4; float:left; margin:0; padding:0; }
#content div.home{ background:url(../img/1020.jpg) repeat top left; }
#content div.about{ background:url(../img/1014.jpg) repeat top left; }
#content div.flavors{ background:url(../img/1043.jpg) repeat top left; }
#content div.event{ background:url(../img/1054.jpg) repeat top left; }
#content div.thankYou{ background:url(../img/1268.jpg) repeat top left; }
#overlay{ position:absolute; font-size:.9em; line-height:1.4em; z-index:5; border-right:1px solid #030303; top:131px;  left:101px;  height:414px; width:355px; background:url(../img/overlay.png) top left; overflow:hidden; color:#ccc; }
#overlay div{ width:355px; height:414px; float:left; margin:0; padding:0 0 0 15px; }
#overlay div.flavors, #overlay div.event{ width:670px; }
#overlay div.flavors p{ color:#e8e8e8; font-size:1.2em;}
#overlay div.flavors p span{ font-size:1.2em; }
#overlay div.left{ display:inline; width:350px; padding-left:0; }
#overlay div.left span.clickInfo{ font-size:.8em; }
#overlay div.event{  position:relative; }
#overlay div.right{ display:inline; width:170px; height:414px; float:left; margin:0 0 0 15px; padding:0; }
#overlay .event div.right{ margin:0; }
#overlay .event .required{ top:5px; right:70px; position:absolute; color:#FFF; font-size:.85em; }
#overlay .event .required span{ color:#F00; }
#overlay div.right img{ border:1px solid #000; margin-left:4px;  }
#overlay div.right p{ margin-left:4px; width:160px;  }
#overlay div h1{ font-size:1.7em; padding:0; margin:25px 0 17px 0; color:#e8e8e8; font-weight:normal; }
#overlay div.flavors h1{ margin:25px 0 5px 0; }
#overlay div.about div{ width:338px; height:340px; padding:0; scrollbar-base-color:#000; scrollbar-arrow-color:#666; scrollbar-face-color:#000; scrollbar-darkshadow-color:#666;    scrollbar-highlight-color:#666;  }
#overlay div.about div p{ width:310px }
#overlay div h2{ font-size:1.5em; padding:0; line-height:20px; margin:25px 0 20px 0; color:#fff; font-weight:normal; }
#overlay div p{ padding:0; margin:10px 0 0 0; width:315px; clear:both; }
#overlay div p.steps{ margin-top:7px; }
#overlay div p.noMargin{ margin-top:0px; }
#overlay div p span{ color:#fff; font-size:1.2em; }
#overlay div ul.form{ margin:25px 0 0 0; padding:0; width:275px; font-size:.95em; }
#overlay div ul.form li{ display:inline; font-size:1em; padding-left:0; text-align:right; float:left; cursor:regular; margin:0; height:26px; width:100px; }
#overlay div ul.form li span{ color:#F00; font-wieght:bold; }
#overlay div ul.form li.right{ width:170px; text-align:left; }
#overlay div ul.form li.submit{ margin-top:40px; `margin-top:10px; }
#overlay div ul.form li.right a.submit{ position:relative; border:1px solid #333; height:30px; background:#000; color:#fff; padding:5px; text-decoration:none; }
#overlay div ul.form li.right a.submit:hover{ color:#ccc; }
#overlay div ul.form li label{ display:inline-block; font-size:1em; margin:5px 10px 0 0;  }
#overlay div ul.form li input{ border:1px solid #333; background:#000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.95em; padding:3px; color:#ccc; margin-right:10px;  }
#overlay div ul.form li input.missing{ border:1px solid #F00; }
#overlay div ul.form li input.name, #overlay div ul.form li input.email{ width:150px; }
#overlay div ul.form li input.date{ width:70px; }
#overlay div ul.form li input.numGuests{ width:25px; }
#overlay div ul.form li input.eventAdrCity{ width:75px; }
#overlay div ul.form li input.eventAdrState{ width:20px; }
#overlay div ul.form li input.eventAdrZip{ width:40px; }
#overlay div ul.form li textarea{ display:block; background:#000; width:160px; height:45px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:.95em; padding:3px; color:#ccc; border:1px solid #333; }
#overlay div ul{ list-style:none; float:left; margin:10px 0 17px 0; padding:3px 0 0 0; width:330px; }
#overlay div ul li{ display:block; margin:10px 0 0; padding-left:20px; width:140px; float:left; }
#overlay div ul li.blue{ background:url(../img/bullets.gif) no-repeat left -185px; }
#overlay div ul li.yellow{ background:url(../img/bullets.gif) no-repeat left 2px; }
#overlay div ul li.pink{ background:url(../img/bullets.gif) no-repeat left -108px; }
#overlay div ul li.poppy{ background:url(../img/bullets.gif) no-repeat left -70px; }
#overlay div ul li.orange{ background:url(../img/bullets.gif) no-repeat left -145px; }
#overlay div ul li.purple{ background:url(../img/bullets.gif) no-repeat left -32px; }
.footer{ position:absolute; top:555px; left:273px; font-size:.85em; color:#ccc; z-index:5; }
.footer a{ text-decoration:none; color:#ccc; }
.footer a:hover{ color:#999; }
#facebook{ background:transparent url(../img/facebook.png) no-repeat scroll 0 0; height: 50px; position: absolute; right: 80px; top: 550px; width: 50px; }
/* Scrollbars */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer;right: 0;top: 0;height: 100%;background: #666;}
.jScrollPaneDrag {position: absolute;background: #ccc;border-top:1px solid #333;border-top:1px solid #333;cursor: pointer;overflow: hidden;}
.jScrollPaneDragTop {position: absolute;top: 0;left: 0;overflow: hidden;}
.jScrollPaneDragBottom {position: absolute;bottom: 0;left: 0;overflow: hidden;}
a.jScrollArrowUp {display: block;position: absolute;z-index: 1;top: 0;right: 0;text-indent: -2000px;overflow: hidden;background-color: #ddd;border-bottom:1px solid #333;height: 9px;}
a.jScrollArrowUp:hover {background-color: #ccc;}
a.jScrollArrowDown {display: block;position: absolute;z-index: 1;bottom: 0;right: 0;text-indent: -2000px;overflow: hidden;background-color: #ddd;border-top:1px solid #333;height: 9px;}
a.jScrollArrowDown:hover {background-color: #ccc; }
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-color: #999;}