body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,img { 
	border:0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
ol,ul {
	list-style:none;
}
caption,th {
	text-align:left;
}
h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}
q:before,q:after {
	content:'';
}
abbr,acronym { border:0;
}
/* colors
a37b54 brown
*/

@font-face {
    font-family: 'veneerregular';
    src: url('../fonts/veneer-webfont.eot');
    src: url('../fonts/veneer-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/veneer-webfont.woff2') format('woff2'),
         url('../fonts/veneer-webfont.woff') format('woff'),
         url('../fonts/veneer-webfont.ttf') format('truetype'),
         url('../fonts/veneer-webfont.svg#veneerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* body {font-size: 100%; font-family: arial,sans-serif; color: #fff; background: #000 url(../img/modmexbg.jpg);} */
body {font-size: 100%; font-family: Calibri, Candara, Segoe, 'Segoe UI', Optima, Arial, sans-serif; color: #fff; background: #000 url(../img/modmexbg.jpg);}
body.cardboard {background: #D5C0A5 url(../img/cardboard1.jpg);}

a, a:link, a:visited {color: #fff;}
a:hover {color: #ccc;}
a.nm, a.nm:link, a.nm:visited {color: #fff; text-decoration: none;}
a.nm:hover {color: #fff;}

strong {font-weight: bold;}
.hide {display: none;}
.snugtop {margin-top: 0;}
.snugbot {margin-bottom: 0;}
.mt1 {margin-top: 1em;}
#page img {display: block; margin: 0; padding: 0;}
h2 {font-family: veneerregular, arial, sans-serif; font-size: 18px; line-height: 1.0;}

h2#decmondays {font-size: 60px; text-align: center; margin-top: 15px;}

p {font-size: 14px; line-height: 16px; margin-bottom: 14px;}
p.sm {font-size: 12px}
em {font-style: italic;}

/* containers */
#container {width: 960px; margin: 30px auto 20px; position: relative;}
#enter {width: 960px; height: 720px; position: relative; left: 0; top: 0;}
#enter img {float: left;}
#home,#menu,#info,#photo {width: 960px; height: 518px; position: relative;}
#home {background: url(../img/home.jpg) no-repeat 0 0;}
#home a {text-decoration: none;}
#info-link {display: block; position: absolute; width: 266px; height: 290px; left: 38px; top: 116px; z-index: 99;}
#menu-link {display: block; position: absolute; width: 266px; height: 290px; left: 345px; top: 116px;z-index: 99;}
#photo-link {display: block; position: absolute; width: 266px; height: 290px; left: 650px; top: 116px;z-index: 99;}

#icon-nav {position: absolute; width: 240px; height: 60px; left: 60px; top: 440px;}
#icon-nav a {text-decoration: none;}
#icon-nav-info {display: block; position: absolute; width: 60px; height: 60px; left: 0; top: 0; background: url(../img/icon-nav.png) no-repeat 0 0;}
#icon-nav-info:hover,#icon-nav-info.current {background: url(../img/icon-nav.png) no-repeat 0 -90px;}
#icon-nav-menu {display: block; position: absolute; width: 60px; height: 60px; left: 90px; top: 0; background: url(../img/icon-nav.png) no-repeat -90px 0;}
#icon-nav-menu:hover,#icon-nav-menu.current {background: url(../img/icon-nav.png) no-repeat -90px -90px;}
#icon-nav-photo {display: block; position: absolute; width: 60px; height: 60px; left: 180px; top: 0; background: url(../img/icon-nav.png) no-repeat -180px 0;}
#icon-nav-photo:hover,#icon-nav-photo.current {background: url(../img/icon-nav.png) no-repeat -180px -90px;}

#icon-nav2 {position: absolute; width: 150px; height: 60px; right: 40px; top: 440px;}
#icon-nav2 a {text-decoration: none;}
#icon-nav2-ddd {display: block; position: absolute; width: 60px; height: 60px; left: 0; top: 0; background: url(../img/icon-nav2.png) no-repeat 0 0;}
#icon-nav2-ddd:hover,#icon-nav2-ddd.current {background: url(../img/icon-nav2.png) no-repeat 0 -90px;}
#icon-nav2-uniqueats {display: block; position: absolute; width: 60px; height: 60px; left: 90px; top: 0; background: url(../img/icon-nav2.png) no-repeat -90px 0;}
#icon-nav2-uniqueats:hover,#icon-nav2-uniqueats.current {background: url(../img/icon-nav2.png) no-repeat -90px -90px;}

#icon-nav-jf {position: absolute; width: 60px; height: 60px; right: 220px; top: 440px; background: url(../img/icon-nav-jf.png) no-repeat 0 0;}
#icon-nav-jf:hover {background: url(../img/icon-nav-jf.png) no-repeat 0 -90px;}

#icon-nav-ec {position: absolute; width: 60px; height: 60px; right: 310px; top: 440px; background: url(../img/icon-nav-ec.png) no-repeat 0 0;}
#icon-nav-ec:hover {background: url(../img/icon-nav-ec.png) no-repeat 0 -90px;}

#icon-nav-elc {position: absolute; width: 60px; height: 60px; left: 0px; top: 440px; background: url(../img/icon-nav-luchador.png) no-repeat 0 0;}
#icon-nav-elc:hover {background: url(../img/icon-nav-luchador.png) no-repeat 0 -90px;}

#icon-nav2-elc {position: absolute; width: 80px; height: 80px; right: 0; top: 420px; background: url(../img/icon-nav2-luchador.png) no-repeat 0 0;}
#icon-nav2-elc:hover {background: url(../img/icon-nav2-luchador.png) no-repeat 0 -120px;}

#icon-nav-pf {position: absolute; width: 60px; height: 60px; right: 400px; top: 440px; background: url(../img/icon-nav-pf.png) no-repeat 0 0;}
#icon-nav-pf:hover {background: url(../img/icon-nav-pf.png) no-repeat 0 -90px;}

#bottom {width: 960px; height: 82px; color: #fff; background: #000; position: relative;}
#bottom a {text-decoration: none; line-height: 30px;}
#fb-link {display: block; position: absolute; width: 32px; height: 32px; top: 24px; left: 20px; background: #fff url(../img/facebook32.png) no-repeat 0 0; z-index: 99;}
#tw-link {display: block; position: absolute; width: 32px; height: 32px; top: 24px; left: 54px; background: #fff url(../img/twitter32.png) no-repeat 0 0; z-index: 99;}
#call-link {display: block; position: absolute; width: 180px; height: 30px; left: 130px; top: 24px; z-index: 99;}
#tcs-link {display: block; position: absolute; width: 87px; height: 32px; top: 24px; left: 310px; background: #fff url(../img/tcs_icon.png) no-repeat 0 0; z-index: 99;}
#enter-link {display: block; position: absolute; width: 160px; height: 30px; left: 430px; top: 24px; z-index: 99;}
#visit-link {display: block; position: absolute; width: 180px; height: 30px; left: 750px; top: 24px; z-index: 99;}
/*#call-link:hover,#enter-link:hover,#visit-link:hover {border: solid 1px #444;}*/

/* #menu-img {display: block; position: absolute; width: 360px; height: 360px; left: 0px; top: 0px;} */
#menu-content {position: absolute; width: 580px; height: 500px; left: 378px;top: 0; padding: 0; overflow: auto; border: solid 1px #444; color: #000; background: url(../img/chipboard.jpg)}
#menu-content img {display: block;}

#menu-content h2 {font-size: 20px; line-height: 30px; text-indent: -999px; font-weight: bold; margin: 15px 0 0 0;}
#menu-content div.menu-item {font-size: 13px; line-height: 17px; position: relative;}
#menu-content div.menu-item2 {
    font-size: 11px;
    font-weight: bold;
    line-height: 14px;
    margin-bottom: 6px;
}
#menu-content span.name {text-transform: none; font-weight: bold; padding-right: 10px;}
#menu-content span.desc {}
#hdr-guacamole {background: url(../img/hdr-guacamole.png) no-repeat 0 0;}
#hdr-bocaditas {background: url(../img/hdr-bocaditas.png) no-repeat 0 0;}
#hdr-antojitos {background: url(../img/hdr-antojitos.png) no-repeat 0 0;}
#hdr-entradas {background: url(../img/hdr-entradas.png) no-repeat 0 0;}
#hdr-taquitos {background: url(../img/hdr-taquitos.png) no-repeat 0 0;}
#hdr-postres {background: url(../img/hdr-postres.png) no-repeat 0 0;}
#hdr-gfmenu {font-size: 26px; font-weight: bold; line-height: 50px; margin: 16px 0 -15px 0; background: url(../img/hdr-gfmenu.png) no-repeat 0 0; text-indent: -999px;}

#photo-img {display: block; position: absolute; width: 360px; height: 360px; left: 0px; top: 0px;}
#photo-grid {display: block; position: absolute; width: 500px; height: 400px; left: 460px; top: 0px;}
#photo-grid a.picon img {display: block; float: left; margin: 0 30px 38px 0; border: solid 1px #444;}
#photo-grid a.picon:hover img {border: solid 1px #888;}

#info-img {display: block; position: absolute; width: 480px; height: 398px; left: 0px; top: 0px;}
#info-modmex {text-align: center;display: block; position: absolute; width: 480px; left: 0px; top: 410px;}
#menu-chefinfo {text-align: center;display: block; position: absolute; width: 360px; left: 0px; top: 370px;}

#info-content {position: absolute; width: 380px; height: 500px; left: 570px;top: 0; padding: 0; color: #fff;}
#info-content h2 {margin: 14px 0 4px 0; color: #fff;}
#info-content h2.first {margin-top: 0;}
#menu-pdf {text-decoration: none; letter-spacing: .2em; padding: 5px 15px 2px 15px; display: inline-block; border: solid 1px #fff; background: #000;}
#menu-pdf:hover {background: #222;}
/* 
#info-content #hdr-open {background: url(../img/hdr-open.png) no-repeat 0 0; margin-top: 0;}
#hdr-happyhour {background: url(../img/hdr-happyhour.png) no-repeat 0 0;}
#hdr-reservations {background: url(../img/hdr-reservations.png) no-repeat 0 0;}
 */

#holidayGrp { position: absolute; background: #A37B54; color: #000; padding: 6px 10px 12px 10px; border: solid 1px #fff;}
#holidayGrp .closebtn {position: absolute; display: block; width: 20px; height: 20px; right: 0; top: 0; color: #fff; background: #000; text-align: center; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 20px;} 
#platform {color: #000; font-size: 125%;}
#platform {width: 480px; margin: 0 auto;}
#platform a {color: #900;}
#platform a:hover {color: #f00;}