/************************************************************************
** Menu
*************************************************************************/
.legal {font-size: 10px;font-style: italic;}
.menu-container {width: 1050px; margin: auto; padding-top:20px;}
.menu-container hr { border:none; background: url("../images/bg/bg-hr.jpg") repeat-x;height: 19px;width: 1000px;clear: both;margin: 10px 0px;}
#content .menu-intro {width:485px; float: left;padding-top: 30px;}
#content .menu-intro p { color: #555555; font-size: 15px;}
#content .menu-promo { width:500px; float: right;}
#content .menu-promo img { float: right;}
#content .menu-items {clear:both;padding-top: 30px;}
#content .menu-item {width: 328px;float: left;height: 300px;}
#content .menu-item img { margin: auto; display: block;}
#content .menu-item a {position: relative;margin: 0 auto -30px;top: 220px;}
.menu-hero {}
.menu-hero p {font-size: 14px;float: left;position: relative;width:300px;top: -240px;left:30px;   height: 150px;margin-bottom: -150px;}
.menu-hero p.legal {font-size: 10px;font-style: italic; top:-20px;float:right;height:10px;margin-bottom: -10px;   }
#content .menu-item-flavor {width:350px;float: left;}
#content .menu-item-flavor {}
#content .menu-item-flavor img { margin: auto; display: block}
#content .menu-item-flavor h3 img {text-align: left; display: inline;}
#content .menu-item-flavor p {display: block;padding:5px 30px 0px 0px;border-top: 1px solid #666666;}
.flavor-details {float: left;width: 320px;height:345px;margin:0px 10px;z-index: 10;}
#content div.no-image {height:175px;}
#content .combo-details div.no-image {padding-top:80px; height: 135px;}
.flavor-detail-food {height:180px;}
.flavor-details img.plate {margin:auto; display:block}
.flavor-details h3 { display: block; border-bottom: 1px solid #dbd1bc;  position: relative;   width: 300px; height: 37px;}
.flavor-details h3 img { display: block; padding:3px 10px; position: absolute; bottom: 0; left: 0; }
.flavor-details .flavor-share-open {width:49px; height: 30px;margin-bottom: -30px;float: left;cursor: pointer;position: relative;top:0px;left: 253px;z-index: 19;}
.flavor-details .flavor-share {position: relative;top:-1px;float: right;right:2px;z-index: 20;width:300px;height:100px;display: none;margin-bottom: -200px;background: white url(../images/bg/bg-flavor-share.jpg) repeat-x top left;background-color: white;margin-right: 17px;border: 1px solid #dbd1bc;border-bottom: 1px solid #dbd1bc;border-radius:0px  0px 5px 5px;  -moz-border-radius:0px  0px 5px 5px;  -webkit-border-radius:0px  0px 5px 5px;}
.flavor-details .flavor-share-details {padding: 30px 15px 0px 55px;}
.flavor-details .flavor-share-details .find-us-fb-like { float: left; width:14px;  }
.flavor-details .flavor-share-details .find-us-twitter { float: left; width:100px;  overflow: hidden; padding-bottom: 50px; }
.flavor-details .flavor-info {width: 270px;flaot:left;z-index: 11;position: relative;top:0px;height:150px;margin-bottom: -150px;}
.flavor-details .flavor-info p{padding: 15px;}
.kids-meals { }
.kids-meals .flavor-details img.plate {display:none;}
.kids-meals .flavor-details { height: 175px;}
.kids-meals .flavor-detail-food {}
.kids-bottom p.legal {font-size: 10px;font-style: italic; top:-20px;float:right;height:10px;margin-bottom: -10px; margin-right: 55px;   }
.combo-details {margin: 0px 20px;}
.combo-details span{padding:10px 0px 0px 10px;font-size: 16px;font-weight: bold;display: block;}
.combo-details .combo-detail {width: 460px;float:left;margin-right: 20px;}
.combo-details .combo-detail h3 { display: block; border-bottom: 1px solid #dbd1bc; height: 37px; width: 430px; padding:3px 10px;  position: relative; }
.combo-details .combo-detail h3 img { display: block;  position: absolute; bottom: 3px; left: 0;  }
.combo-details .combo-detail img.plate { display: block; margin: auto;}
.combo-details .combo-detail p {display: block; padding:5px 10px 20px 0px; }
.nutrition-bar {padding: 20px 0px 0px 20px;}
.sauces-bar {margin: 0px 20px; line-height: 30px; padding-bottom: 10px;}
.sauces-bar span {display: block; padding: 10px 0px 20px 0px;font-size: 16px;font-weight: bold;display: block;}
.sauce { display: block; float: left; width: 222px; margin: 0px 12px 20px 12px; height: 120px; border-bottom: 1px solid #DBD1BC; padding: 10px 0px;}
.sauce img { display: block;}
.sauce img.sauce-shot { margin: auto;}
.sauce img.sauce-name { position: relative; top: 105px; height: 20px; margin-bottom: -20px;}

.sauce .new-sauce {position: relative; height: 35px; width: 54px; margin-bottom: -35px; float: left; top: 10px; left: 240px;}

.sauce-list {top: -40px; position: relative;}
.sauce-list .intro-details { padding: 0px 20px 10px 10px }
.sauce-list .intro-details span {}
.sauce-list .sauce { width: 320px; margin: 0px 10px 20px 10px; height: 250px; border:none; padding: 0px 0px;}
.sauce-list .sauce img { display: block;}
.sauce-list .sauce p { display: block; border-top: 1px solid #DBD1BC; position: relative; top: 30px; padding-top: 5px; }
.sauce-list .sauce img.sauce-shot { margin: auto;}
.sauce-list .sauce img.sauce-name { position: relative; top: 150px; }


.intro-details {margin: 0px 20px;padding:10px 20px 40px 10px;width:650px;}
.intro-details  span{padding:10px 0px 10px 0px;font-size: 16px;font-weight: bold;display: block;}
.intro-details p {}




/************************************************************************
** Join Krewe
*************************************************************************/

#join-info {float: left;width: 530px;padding: 0px 0px 0px 20px;}
#join-info p {padding-top: 10px; width: 400px;}
#join-info p.intro { font-weight: bold; color: #333333;}
#join-info ul {}
#join-info ul li {padding:3px 0px 3px 0px; margin-left: 30px;}
.right {float: right ! important;}
#join-form {}
#join-form, #join-form-thanks, join-form-error { float:left; width:510px;padding:10px 0px 0px 20px;}
#join-form-thanks h3, #join-form-error h3 { font-size: 16px; font-weight: bold; color:#f68428; padding-bottom:10px;}
#join-form label {display: block;float:left; width: 100px;}
#join-form .chk-label {width: 50px;text-align: left;} 
#join-form input {display: block;float: left; position: relative;  margin: 0px 0px 0px 10px;padding: 2px 2px 2px 2px ; height: 24px; margin-left: 10px;border: none;}
#join-form input[type=radio] { height:15px;}
#join-form input[type=text] {       background: url(../images/bg/bg-input-left.jpg) no-repeat top left, url(../images/bg/bg-input-right.jpg) no-repeat top right,url(../images/bg/bg-input-slice.jpg) repeat-x;}
.row {clear:both; padding-top: 15px; #padding-top: 10px; line-height:20px; }
#join-form .row .field {float:left;}
#error-summary, #join-form .row .field .error{color: red;font-weight: bold;}
#join-form .row input.size1 { width: 287px;  }
#join-form .row .size2 { width: 136px;  }
#join-form .row .size3 { width: 80px;  }
#join-form .row .size4 { width: 100px;  }
#join-form .row .size-chk { width: 20px;  }  
#join-form .row input.error { border: 2px red solid; }
#join-form .cell-text { padding: 5px 20px 5px 110px; font-size: 10px; line-height: 1.2em;}
#join-form .cell-text .error{font-size: 12px; line-height: 1.5em; }
#join-form input.btn-img{display: block;height: 24px;border-radius: 5px 5px 5px 5px;padding-top:10px;margin:0px;cursor: pointer;border:none;}
#join-form input.btn-main:hover{background: #df6f15 url("../images/bg/bg-btn-main-on.jpg") repeat-x top left;text-decoration: underline ;} 
.connect-with { float: left; width: 430px; padding-top: 10px;}

/************************************************************************
** Promos
*************************************************************************/

#promos-intro {padding-top:40px;}
#promos-intro p {padding:10px 0px;width:500px;}
.promos {}
.promos .promo {padding-top: 40px;}
.promos .promo p {color: white;font-size: 14px;display: block;width: 250px;height: 200px;margin-bottom: -200px;float: left;position: relative;top:60px;left: 660px}
.promos .main-promo {}
.promos .main-promo p {width: 450px;height: 450px;margin-bottom: -450px;top:60px;left:425px}

/************************************************************************
** Catering
*************************************************************************/

.catering-info { height:600px;}
.catering-info p.intro { font-size: 16px; font-weight: bold; padding:0px 0px 30px 20px;}
.catering-info .catering-package {float: left;width: 328px;height: 159px;margin-top:5px;padding-top:10px;}
.catering-info .serves20 { background: url(../images/bg/bg-serves20.jpg) no-repeat top left;}
.catering-info .serves30 { background: url(../images/bg/bg-serves30.jpg) no-repeat top left;}
.catering-info .serves50 { background: url(../images/bg/bg-serves50.jpg) no-repeat top left;}
.catering-info .serves75 { background: url(../images/bg/bg-serves75.jpg) no-repeat top left;}
.catering-info .serves100 { background: url(../images/bg/bg-serves100.jpg) no-repeat top left;}
.catering-info .catering-package div { padding-left: 143px;}
.catering-info .catering-package div.pieces { height: 75px;}
.catering-info .catering-package div.sides { height: 30px;}
.catering-info .catering-package div.biscuits { height: 50px;}
.catering-info .catering-package span { display: block;float: left;width: 30px;font-weight: bold;}
.catering-info .catering-package p { display: block;float: left;width: 140px;}

/************************************************************************
** nutriton 
*************************************************************************/
.nutriton-info table { padding: 0px 0px 0px 0px; display:block; clear: both; margin:20px 0px 0px 0px; border-collapse:collapse; text-transform: uppercase; text-align: left; color: #333333;}
.nutriton-info table tr { padding: 0px 0px 0px 0px; margin:0px 0px 0px 0px; border: 0px;  }
.nutriton-info table tr span {text-transform: lowercase; display:block;}
.nutriton-info table th {   padding: 5px 10px; margin:0px 0px 0px 0px; border-right:1px solid #f4731f; background: #f68428; color: white; font-weight: bold; font-size:10px; line-height: 10px; text-align: left;}
.nutriton-info table td {  padding: 3px 5px; margin:0px 0px 0px 0px; border: none; height: 25px; font-size:10px; line-height: 10px;  vertical-align: middle; text-align: center; }
.nutriton-info table td.col1 {width:120px; padding-left: 15px; text-align: left;  }
.nutriton-info table th.col1 { font-size:14px; padding:5px 0px 5px 15px; line-height: 14px;}
.nutriton-info table tr.alt, .nutriton-info table tr.alt td { background: #f4e3c4; border-top: 1px solid #e3cfb1; border-bottom: 1px solid #e3cfb1; }

.nutriton-info #allergies table tr {}
.nutriton-info #allergies table td { font-size:20px; padding:3px 5px 3px 5px; height: 25px; vertical-align: middle;  }
.nutriton-info #allergies table td.col1, .nutriton-info #allergies table td.col2 { font-size:10px;  }
.nutriton-info #allergies table td.col2 {   width:90px;}
.nutriton-info #allergies table td.col1 { padding-left: 15px; text-align: left; width:120px; }
.nutriton-info #allergies table th.col1 { font-size:14px;    padding:5px 0px 5px 15px;   line-height: 14px; }

.nutriton-info p { display:block; width: 500px; padding:10px 0px 20px 0px;}

/************************************************************************
** Our Story
*************************************************************************/

#our-story-intro {padding-top: 40px;}
#our-story-intro p {font-size: 15px; width: 700px; }
#timeline { width: 1000px;}
#timeline img {display: block; float: left; margin: 0px 50px 50px 0px; }
#timeline img.time {display: block; float: left; margin: 0px 50px 20px 0px; }
#timeline .deckade {clear: both; display: block; margin-bottom: 30px;} 
#timeline .block {float: left; margin: 0px;}
#timeline .anchor { margin: 0px; padding: 0px; height: 1px;}
#timeline div {float: left; margin: 0px 50px 50px 0px;}
#timeline div {position: relative; float: left;}
#timeline {} .ninteen72 { width:525px; height: 305px;  }
#timeline {} .ninteen72 p {padding: 450px 30px 0px 30px; }
#timeline {} .ninteen76 { width:375px; height: 305px;  }

#timeline .ninteen80 { width:525px; height: 165px; background: url(../images/img/img-1980.jpg) no-repeat top left; }
#timeline .ninteen80 p { padding: 50px 10px 0px 360px;}

#timeline .ninteen83 { width:375px; height: 164px;  float: left; }

#timeline .ninteen85 { width:375px; height: 350px; }

#timeline .ninteen89 { width:525px; height: 168px; background: url(../images/img/img-1989.jpg) no-repeat top left; }
#timeline .ninteen89 p { padding: 55px 20px 0px 350px;}

#timeline .ninteen91 { margin-right: 49px;}
#timeline .ninteen92 { width:575px; height: 185px;  }


#timeline .ninteen93 { width:600px; height: 310px; background: url(../images/img/img-1993.jpg) no-repeat top left; margin-right:45px }
#timeline .ninteen93 p { padding: 270px 30px 0px 30px;}

#timeline .ninteen97 { width:305px; height: 310px; background: url(../images/img/img-1997.jpg) no-repeat top left; }
#timeline .ninteen97 p { padding: 270px 30px 0px 30px;}

#timeline .ninteen99 { width:449px; height: 255px; background: url(../images/img/img-1999.jpg) no-repeat top left; }
#timeline .ninteen99 p { padding: 200px 30px 0px 30px;}
#timeline .ninteen99-2 {}

#timeline .twenty01{ width:350px; height: 370px; background: url(../images/img/img-2001.jpg) no-repeat top left; }
#timeline .twenty01 p { padding: 250px 30px 0px 30px;}

#timeline .twenty02 {}
#timeline .twenty08 { width:551px; height: 385px; background: url(../images/img/img-2008.jpg) no-repeat top left; }
#timeline .twenty08 p { padding: 305px 30px 0px 30px;}

#timeline .twenty09 { width:950px; height: 250px; background: url(../images/img/img-2009.jpg) no-repeat top left; }
#timeline .twenty09 p { padding: 80px 30px 0px 600px;}
#timeline .twenty09-2 { }


#timeline .twenty10 { width:449px; height: 375px; background: url(../images/img/img-2010.jpg) no-repeat top left; }
#timeline .twenty10 p { padding: 320px 30px 0px 30px;}
#timeline .twenty10-2 {}
#timeline .twenty11 { width:451px; height: 300px; background: url(../images/img/img-2011.jpg) no-repeat top left; }
#timeline .twenty11 p { padding: 140px 20px 0px 310px;}
#timeline .twenty11-2 {width:950px; height: 185px; background: url(../images/img/img-2011-2.jpg) no-repeat top left;}
#timeline .twenty11-2 p {padding: 60px 20px 0px 600px; }
#timeline .twenty11-3 {}

#timeline .twenty11-rippn { width:469px; height: 410px; background: url(../images/img/img-2011-rippn.jpg) no-repeat top left; margin-right: 31px; clear: left; left: -21px; }
#timeline .twenty11-rippn p { padding: 375px 30px 0px 51px;}

#timeline .twenty11-dipn { width:460px; height: 410px; background: url(../images/img/img-2011-dipn.png) no-repeat top left;  margin-right: 0px; margin-top: 9px;}
#timeline .twenty11-dipn p { padding: 365px 30px 0px 40px;}

#timeline .twenty12-1 {width:518px; height: 369px; background: url(../images/img/img-2012-1.jpg) no-repeat top left; clear: left; left: -1px; margin-right: 31px;}
#timeline .twenty12-1 p {padding: 300px 200px 30px 30px; }

#timeline .twenty12-2 {width:394px; height: 270px; background: url(../images/img/img-2012-2.jpg) no-repeat top left; margin-top: 50px;}
#timeline .twenty12-2 p {padding: 210px 30px 60px 30px; }

#timeline .twenty13-1 {width:410px; height: 438px; background: url(../images/img/img-2013-1.jpg) no-repeat top left; clear: left; left: -1px; margin-right: 31px;}
#timeline .twenty13-1 p {padding: 360px 50px 30px 30px; }

#timeline .twenty12-4 {width:394px; height: 270px; background: url(../images/img/img-2012-3.png) no-repeat top left; margin-top: -40px; margin-left: 110px;}
#timeline .twenty12-4 p {padding: 210px 30px 60px 30px; }

#timeline .twenty13-2 {width:404px; height: 398px; background: url(../images/img/img-2013-3.jpg) no-repeat top left; clear: left; left: -1px; margin-right: 31px;}
#timeline .twenty13-2 p {padding: 330px 100px 30px 30px; }

#timeline .twenty13-3 {width:500px; height: 479px; background: url(../images/img/img-2013-2.png) no-repeat top left; margin-top: -300px; margin-left: 10px;}
#timeline .twenty13-3 p {padding: 410px 200px 30px 30px; }

#timeline .twenty13-4 {width:975px; height:452px; background: url(../images/img/img-2013-4.jpg) no-repeat top left;}
#timeline .twenty13-4 p {padding: 400px 30px 30px 30px; text-align: center;}

#timeline .twenty14-1 {width:446px; height:446px; background: url(../images/img/img-2014-1.png) no-repeat top left; margin-left: -30px; margin-right: 15px;}
#timeline .twenty14-1 p {padding: 380px 30px 30px 60px; text-align: left;}

#timeline .twenty14-2 {width:534px; height:489px; background: url(../images/img/img-2014-2.png) no-repeat top left; margin: 35px 0 0 0;}
#timeline .twenty14-2 p {padding: 400px 30px 30px 40px; text-align: left;}

#timeline .twenty14-3 {width:468px; height:450px; background: url(../images/img/img-2014-3.png) no-repeat top left; margin: -50px 35px 0 -50px;}
#timeline .twenty14-3 p {padding: 360px 30px 30px 80px; text-align: left;}

#timeline .twenty14-4 {width:511px; height:471px; background: url(../images/img/img-2014-4.png) no-repeat top left; margin-top: 50px; margin-right: 0}
#timeline .twenty14-4 p {padding: 375px 30px 30px 17px; text-align: left; width: 375px;}

#timeline .twenty15-1 {width:567px; height:476px; background: url(../images/img/img-2015-1.png) no-repeat top left; margin:-95px 35px 0 -45px;}
#timeline .twenty15-1 p {padding: 420px 30px 30px 75px; text-align: left;}

#timeline .twenty15-2 {width:394px; height:270px; background: url(../images/img/img-2015-2.png) no-repeat top left; margin: 45px 0 0 0 }
#timeline .twenty15-2 p {padding: 200px 30px 30px 15px; text-align: left;}

timeline { height: 64px; }

.fixed {
	position: fixed; 
	top: 0; 
	height: 66px; 
	z-index: 1;
    left: -490px;
    margin-left: 50%;
}

:target {
    display: block;
    top: -110px;
    visibility: hidden;
}