@font-face {

    font-family: 'frutiger-roman';

    src: url('fonts/frutiger_roman-webfont.eot');

    src: url('fonts/frutiger_roman-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/frutiger_roman-webfont.woff') format('woff'),

         url('fonts/frutiger_roman-webfont.ttf') format('truetype'),

         url('fonts/frutiger_roman-webfont.svg#FrutigerRoman') format('svg');

    font-weight: normal;

    font-style: normal;

}



@font-face {

    font-family:'helvetica';

    src: url('fonts/helvetica_bold-webfont.eot');

    src: url('fonts/helvetica_bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/helvetica_bold-webfont.woff') format('woff'),

         url('fonts/helvetica_bold-webfont.ttf') format('truetype'),

         url('fonts/helvetica_bold-webfont.svg#HelveticaBold') format('svg');

    font-weight: bold;

    font-style: normal;

}



@font-face {

    font-family: 'asul';

    src: url('fonts/asul-bold-webfont.eot');

    src: url('fonts/asul-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('fonts/asul-bold-webfont.woff') format('woff'),

         url('fonts/asul-bold-webfont.ttf') format('truetype'),

         url('fonts/asul-bold-webfont.svg#AsulBold') format('svg');

    font-weight: normal;

    font-style: normal;



}

* { margin: 0; padding: 0; outline: 0; }



body, html { height: 100%; }



body {

    font-size: 15px;

    line-height: 16px;

    font-family: 'frutiger-roman', arial, sans-serif;

    color: #ffffff;

    background: url(images/body.png) repeat 0 0;

    min-width: 800px;

}



a { color: #cba806; text-decoration: none; cursor: pointer; }

a:hover { text-decoration: underline; }

a img { border: 0; }



input, textarea, select { font-size: 12px; font-family: arial, sans-serif; }

textarea { overflow: auto; }



.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }

.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left, .alignleft { float: left; display: inline; }

.right, .alignright { float: right; display: inline; }





.shell { width: 780px; margin: 0 auto; }



#header  { padding-top: 38px; padding-bottom: 13px; position: relative; z-index: 90; height: 132px; }

.header-img { position: absolute; top: 0; right: 0; z-index: 87; }



#logo { width: 370px; font-size: 0; line-height: 0; padding-bottom: 16px; }

#logo a {

	height: 102px;

	display: block;

	text-indent: -4000px;

	background-image: url(images/tequilajackslogo.png);

	background-repeat: no-repeat;

	background-position: 0 0;

}



#navigation { font-size: 16px; font-family: 'helvetica', arial, serif; font-weight: bold; position:relative; z-index: 99; }

#navigation ul { list-style: none outside; }

#navigation ul li { float: left; padding: 0 10px; border-left: 2px solid #b5964a; position: relative; }

#navigation ul li.first { border: 0; padding-left: 0; }

#navigation ul li a { color: #d1d3d4; display: block; padding-bottom: 2px; }

#navigation ul li a:hover { color: #f4cf5b; text-decoration:none; }



#navigation ul li:hover ul { display: block; }
#navigation ul li:focus-within ul { display: block; }

#navigation ul li ul { display: none; position: absolute; top: 18px; left: 0; width: 200px; background: url(images/body.png) repeat 0 0; font-size: 15px; font-weight: normal; }

#navigation ul li.first ul { left: -10px; }

#navigation ul li ul.last { left: auto; right: 0px; text-align:right; }

#navigation ul li ul li { float: none; display: block; border-bottom: 1px solid #b5964a; border-left: 0; padding: 5px 10px 5px 10px;  }

#navigation ul li ul li a { display: block; }



.gallery { background: url(images/gallery-bg3.jpg) repeat-x center 0; height: 388px; }



.flexslider { float: left; width: 551px; height: 388px; position: relative; margin-left: -39px; overflow: hidden; }

.flexslider ul.slides { list-style: none outside; position: relative; }

.flexslider ul.sides li { width: 551px; height: 388px; float: left; }

.flexslider  img { width: 550px; height: 388px; display: block;  }



.gallery-sidebar { float: right; width: 266px; padding: 1px 2px 0 0; }

.img-holder a { display:block; position: relative; height: 100%; font-size: 25px; font-family: 'Asul', sans-serif; color: #ffffff; font-weight: 700; line-height: 30px; text-align: center; }

.img-holder a:hover { color: #fff; text-decoration:none; }

.img-holder a img { width: 266px; height: 129px; display: block;  }

.img-holder span { position: absolute; bottom:0; left: 0; background: url(images/cnt-bg.png) repeat 0 0; width: 100%; height: 30px; display:block; }

.img-holder a.small-title { font-size: 19px; }

.img-holder a.small-title2 { font-size: 16px; }



#footer { padding-top: 13px; }

#footer .shell {position: relative; }

#footer small { font-size: 12px; text-align: center; display: block;  padding-right: 43px; }

#footer a.yelp {

	background: url(images/yelp.png) no-repeat 0 0;

	width: 77px;

	height: 41px;

	position: absolute;

	top: 83px;

	right: -39px;

	font-size: 0;

	line-height: 0;

	text-indent: -4000px;

}

#footer a.twitter {

	width: 77px;

	height: 61px;

	position: absolute;

	top: 73px;

	right: 45px;

	font-size: 0;

	line-height: 0;

	text-indent: -4000px;

	background-image: url(images/follow.png);

	background-repeat: no-repeat;

	background-position: 0 0;

}

#footer a.facebook {

	width: 77px;

	height: 61px;

	position: absolute;

	top: 73px;

	right: -125px;

	font-size: 0;

	line-height: 0;

	text-indent: -3000px;

	background-image: url(images/Like.png);

	background-repeat: no-repeat;

	background-position: 0 0;

}

.footer-cnt { padding-bottom: 38px; width: 655px; }



.audio-holder { padding-bottom: 26px; float: right; position: relative; margin-right: -173px; width: 300px; }

.audio-holder img { float: left; cursor: pointer; padding-right: 10px; padding-top: 3px; }

.audio-holder p { float: left; padding-right: 10px; font-family: arial, serif; }

#audio { position: absolute; top: -9000px; left: -9000px; opacity: 0; -moz-opacity: 0; filter:alpha(opacity=0); height: 100%;  }

#slider { width: 100px; float: left; margin-left: 5px; background: #bcbec0; height: 4px; margin-top: 5px; }

#slider a { width: 0.5em !important; height: 1em !important; top: -7px !important; cursor: pointer; }



a.start-hack { display:none; }



.ie-fix .audio-holder #audio { position: absolute !important; top: 1px !important; left: 1px !important; opacity: 1 !important; -moz-opacity: 1; filter:alpha(opacity=100) !important; }

.ie-fix .audio-holder #slider { display: none; }

.ie-fix .audio-holder p { display: none; }

.ie-fix .audio-holder img { display: none; }



/* inside-page */

.main { background: url(images/main.png) repeat 0 0; padding: 40px 0px 0 15px; width: 800px; margin: 0 auto; position:relative; z-index: 9; }

.main h2, .main .h2 { font-family: 'asul',arial, serif; color: #ff1010; font-weight: normal; font-size: 28px; line-height: 28px; padding-bottom: 15px; }

.main h3, .main .h3 { font-family: 'asul',arial, serif; color: #ff1010; font-weight: normal; font-size: 22px; line-height: 22px; padding-bottom: 20px; }



.box { border: 2px solid #ff1010; background: url(images/box-bg.png) repeat 0 0; width: 618px; margin: 0 auto; padding: 18px 20px; position: relative; margin-bottom: 10px; }

.box h2 { font-family: 'asul',arial, serif; color: #ff1010; font-weight: normal; font-size: 28px;  padding-bottom: 0; }

.box h3, .box .h3 { font-family: 'asul',arial, serif; color: #c79a2c; font-weight: normal; font-size: 18px; line-height: 21px; padding-bottom: 0;  }

.box h4, .box .h4 { font-size: 19px; color: #e7d287; font-family: 'asul', arial, serif; }

.box h5 { color: #776b50; font-size: 12px; font-family: 'asul', arial, serif; }



.box p { color: #ecd99b; font-size: 14px; font-family: 'asul', arial, serif; } 

.box span {

	float: right;

	position: relative;

	right: 24px;

	font-size: 19px;

	color: #af9b77;

	font-family: 'asul', arial, serif;

	bottom: 35px;

}

.box strong { font-size: 18px; color: #e7d287; font-family: 'asul', arial, serif;  }

.box em { font-style: normal; font-size: 12px; font-family: 'asul',arial, serif; color: #e7d287; text-align: center; display: block; padding-bottom: 15px; }



.box table { padding-top: 20px; width: 100%; }

.box table tr { color: #ecd99b; font-size: 14px; font-family: 'asul', arial, serif; }

.box table td { padding: 7px 0 7px 0; vertical-align: top; }

.box table small { display: block; }

.box-padder { padding-left: 47px; padding-right: 47px;  }



.box-last { margin-top: 16px; }

.box-choise strong {  float: left; padding-left: 10px; line-height: 22px; }

.box-choise h2 { width: 180px; line-height: 45px; float: left;  }

.box-choise h4, .box-choise .h4 { float: left; line-height: 45px; padding-left: 10px; }

.choise-info-holder h4 { width: 308px; text-align:center; }

.main ul h3, .main ul .h3 { font-family: 'asul',arial, serif; color: #c79a2c; font-weight: normal; font-size: 18px; line-height: 21px; padding-bottom: 0; }

.main ul { list-style: none outside; }

.main ul li { padding: 0 0 12px 0px; }

.main ul li.alignright { position: relative; z-index: 99; margin-right: -10px; }

.main ul li.alignleft { position: relative; z-index: 99; margin-left: -25px;  }

.main ul li.alignleft .img-holder { background: url(images/main.png) repeat 0 0; padding-right: 10px; }

.main ul li small { font-size: 14px; color: #af9b77; font-family: 'asul',arial, serif; padding-right: 20px; display:block; }

.dotsno  {

	position: relative;

	padding-right: 0px;

	background-repeat: repeat-x;

	background-position: 0 bottom;

}

.dots  { position: relative; padding-right: 0px; background: url(images/dots.png) repeat-x 0 bottom; }

.dots h3 { background: url(images/main.png) repeat 0 0; padding-right: 10px; display: inline; font-weight: normal;  }

.dots span { float: right; padding: 5px 15px 5px 6px ; color: #af9b77; font-size: 19px;  background: url(images/main.png) repeat 0 0;   }



.section { padding-bottom: 30px; }

.section h2 a { color: #a11d20; }

#salads { padding-bottom: 50px;  }

.heading h2 { float: left; }

.heading-holder { float: left; padding-left: 20px; position:relative; top: -2px; }

.heading-holder span { color: #776b50; font-size: 12px; font-family: 'asul',arial, serif; display: block; }

.heading-holder strong { color: #ddc18d; font-size: 18px; font-family: 'asul',arial, serif; display: block; line-height: 24px; font-weight: normal; }



.widget-cols { padding-bottom: 20px; }  

.widget-col-left { width: 570px; float: left; }

.widget-col-right { width: 190px; float: left; }



.inner-col { float: left; width: 190px;  position: relative; }

.big-inner-col { width: 380px; }

.inner-col h3 { line-height: 26px;  padding-bottom: 0; margin-bottom: 10px; }

.inner-col ul { list-style: none outside; padding: 0 10px 0 24px;  } 

.inner-col ul li { line-height: 18px; font-size: 14px; position: relative; color: #c79a2c; padding-bottom: 0; padding-right: 40px; font-family: 'asul',arial, serif; }

.inner-col ul li span {

	position: absolute;

	top: 0;

	right: 0px;

	color: #af9b77;

	font-family: Verdana, Geneva, sans-serif;

}

.inner-col ul li small { display: block; color: #c79a2c; font-size: 11px; }



.inner-col ul.imports { background: url(images/imports.png) no-repeat left 0; }

.inner-col ul.domestic { background: url(images/domestic.png) no-repeat left 0; }

.inner-col ul.schooners { background: url(images/schooners.png) no-repeat left 0; }

.inner-col ul.wines { background: url(images/wines.png) no-repeat left 0; }



.col { width: 390px; }

.col-left { float: left; }

.col-right { float: right; }



#tequila-menu .cols { padding-bottom: 20px; }

#tequila-menu .last .col { padding-right: 0px; padding-left: 0; width: 282px;  }

#tequila-menu .last .col-min { padding-left: 40px !important; padding-right: 0 !important;  }

#tequila-menu .col-min { width: 206px !important; float: left; padding-left: 0 !important; }



#tequila-menu .col { width: 250px; float: left; position: relative; padding-left: 30px;  }

#tequila-menu .col h3 { background: #212222; line-height: 26px;  padding-bottom: 0; margin-bottom: 10px; }

#tequila-menu .col ul { list-style: none outside; } 

#tequila-menu .col ul li { line-height: 16px; font-size: 14px; position: relative; color: #c79a2c; padding-bottom: 0; padding-right: 35px; font-family: 'asul',arial, serif; }

#tequila-menu .col ul li span { position: absolute; top: 0; right: 0; color: #af9b77; }



#taco-tuesday .cols { padding-bottom: 20px;  }

#taco-tuesday .col span,

.mini-tizers .col span { display: block; font-size: 19px; color: #af9b77;  font-family: 'asul',arial, serif; }

#taco-tuesday .col small,

.mini-tizers .col small { display: block; padding-bottom: 4px;  }

#taco-tuesday .col ul.schooners { padding-left: 24px; background: url(images/schooners.png) no-repeat 0 0; }

#taco-tuesday .col ul.bottled { padding-left: 24px; background: url(images/bottled.png) no-repeat 0 0; }

#taco-tuesday .heading-holder { position: relative; margin-top: -10px;  }



#late .cols { padding-bottom: 20px;  }

#late .col span,

.mini-tizers .col span { display: block; font-size: 19px; color: #af9b77;  font-family: 'asul',arial, serif; }

#late .col small,

.mini-tizers .col small { display: block; padding-bottom: 4px;  }

#late .col ul.schooners { padding-left: 24px; background: url(images/schooners.png) no-repeat 0 0; }

#late .col ul.bottled { padding-left: 24px; background: url(images/bottled.png) no-repeat 0 0; }

#late .heading-holder { position: relative; margin-top: -10px;  }





.mini-tizers .heading-holder { padding-top: 5px; padding-bottom: 5px;  }

.main .title-bottom { color: #ddc18d; font-size: 12px; font-weight: normal; text-align: center; font-family: 'asul',arial, serif; padding-bottom: 12px; }

/* end inside-page */



img.bg { height: 100%; width: 100%; position: fixed; top: 182px; left: 0; z-index: -1; }



.inside-page { padding-top: 180px; }

.inside-page #header { position: fixed; top: 0; left: 0; width: 100%; z-index: 100; background: url(images/body.png) repeat 0 0; z-index: 10; padding-top: 0; padding-bottom: 0; height: 183px; }

#header .header-inner {

	padding-top: 38px;

	padding-bottom: 13px;

	background-image: url(images/header-img.png);

	background-repeat: no-repeat;

	background-position: right 0;

}

.inside-page #footer {  background: url(images/body.png) repeat 0 0; padding: 40px 0 10px 0 !important; width: 815px; margin: 0 auto;  }



.table-holder { width: 630px; }

#burritos-grande .box h5 { font-size: 12px; text-transform: uppercase; color: #d2ae68; }



.photo_gallery {

	padding: 20px 0 47px 0;

	background-repeat: no-repeat;

	background-position: center bottom;

	background-image: url(images/bottom-anchor.png);

}

.photo_gallery h2 { padding: 0 0 10px 0; display: block; }



.slider {

	width: 513px;

	height: 341px;

	padding: 0 17px;

	margin: 0 auto;

	position: relative;

	border-top-width: 1px;

	border-bottom-width: 1px;

	border-top-style: solid;

	border-bottom-style: solid;

	border-top-color: #333;

	border-bottom-color: #333;

}

.slider .slider-holder,

.slider .slider-holder .jcarousel-clip,

.slider .slider-holder ul,

.slider .slider-holder ul li { width: 513px; height: 341px; position: relative; overflow: hidden; }

.slider .slider-holder ul li { float: left; display: inline; }

.slider .slider-holder ul li img { margin: 0 auto; display: block; }



.slider .nav a { position: absolute; font-size: 0; line-height: 0; text-indent: -4000px; width: 23px; height: 25px; top: 50%; margin-top: -12px; }

.slider .nav a.prev { background: url(images/slider-prev.png) no-repeat 0 0; left: -23px; }

.slider .nav a.prev:hover { background-position: 0 bottom; }

.slider .nav a.next { background: url(images/slider-next.png) no-repeat 0 0; right: -23px; }

.slider .nav a.next:hover { background-position: 0 bottom; }



.slider-thumbs { width: 515px; height: 57px; padding: 8px 16px 0 16px; margin: 0 auto; border-bottom: solid 1px #333; position: relative; }

.slider-thumbs .thumbs-holder,

.slider-thumbs .thumbs-holder .jcarousel-clip,

.slider-thumbs .thumbs-holder ul { width: 515px; height: 56px; position: relative; overflow: hidden; }

.slider-thumbs .thumbs-holder ul li { float: left; display: inline; width: 103px; height: 57px; position: relative; overflow: hidden; }

.slider-thumbs .thumbs-holder ul li a { margin: 1px 8px; width: 87px; height: 56px; float: left; display: inline; }

.slider-thumbs .thumbs-holder ul li a img { display: block; margin: 0 auto; }

.slider-thumbs .thumbs-holder ul li a.active,

.slider-thumbs .thumbs-holder ul li a:hover { margin: 0 7px; width: 87px; height: 56px; border: dashed 1px #8a3924; }



.slider-thumbs .thumbs-nav a { position: absolute; font-size: 0; line-height: 0; text-indent: -4000px; width: 69px; height: 18px; top: 27px; }

.slider-thumbs .thumbs-nav a.prev { background: url(images/slider-thumbs-prev.png) no-repeat 0 0; left: -80px; }

.slider-thumbs .thumbs-nav a.prev:hover { background-position: 0 bottom; } 

.slider-thumbs .thumbs-nav a.next { background: url(images/slider-thumbs-next.png) no-repeat 0 0; right: -80px; }

.slider-thumbs .thumbs-nav a.next:hover { background-position: 0 bottom; }