/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

h1 {font-weight:bold; font-size: 1.3em; text-align:left;padding-bottom:.3em;}
h2 {font-weight:bold; font-size: 1.1em; padding-bottom: .3em;}

body
{
font-family:Sans-serif;
background:#fff;
}
body, #picture img
{
width:100%;
}
header, #picture, #text, footer, nav a
{ 
padding: 1em .7em 1em .7em;
}
nav
{font-size: .8em;
background:#000000;
height:39px; min-width: 320px;
}
nav a
{
display:block;
width:auto;
text-decoration:none;
float:left;
text-align:center;
color:#FFFFFF;
}
nav a:hover
{
background:#9a0f27;
}

#lower-nav
{font-size: .8em;
background:#fff;
height:3em; min-width: 300px;
}

#lower-nav a
{
display:block;
width:auto;
text-decoration:none;
float:left;
text-align:center;
color:#000000;
}
#lower-nav a:hover
{color:#ffffff;
background:#9a0f27;
}

body#home a#homenav,
body#menu a#menunav,
body#contact a#contactnav,
body#specials a#specialsnav,
body#coupons a#couponnav,
body#custom1 a#custom1nav,
body#custom2 a#custom2nav,
body#custom3 a#custom3nav
{
color: #fff;
background: #9a0f27;
}

body#home { 
background:url(../images/mobile-img-bg.jpg) center no-repeat #140a0b;
}

#header {
	background:url(../images/header-mobile.jpg) top left no-repeat #9a0f27;
	height: 112px; width:auto; 
	display:none;
}


header, footer
{ padding:0px; margin:0px; background-color: #fff;
height:auto;
}

footer p {padding:.5em;}

header
{
clear:right;
}

#mobile-header-logo {
float:left; width:auto;
display:none  /* remove this for headers with separate super-imposed logos (not on old sites) */
}

#mobile-header-logo img {
height:90px;
width:auto;
   margin-top:.5em;margin-left:.5em;
}


#content
{
min-height:8em;
margin-bottom:4em;
}
#content, #picture, #text
{
background:none;
}

body#home #content { 
	background:blue;
	margin-left:0;margin-right:0;
	width:auto; padding:10px;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
	padding: .7em;
}

#picture
{
float:left;
width:33%;
min-height:8em;
text-align:center;
}
#text
{
overflow:hidden;
}
footer
{
clear:left;
}

#order-online-button { padding:1em; margin-left: 190px; width: 96px;height: 79px;}

#contact-list p {font-weight:bold; }
#contact-list {}
#contact-list li {font-weight:normal; list-style-type:none; margin-left:1.5em;}


#navcontainer {font-family:Arial, Helvetica, sans-serif;
float: left; width: 100%; margin: 0px; padding: 0px;}

#navigation ul {margin: 0px; padding: 0px; list-style: none; }

#navigation li { border-bottom: none; }

.menu-title {font-size: 1.5em;}
#left-pad5 {padding-left:.5em; padding-top: .5em;}

#navigation li a:link, #navigation li a:visited{
font-size: 1.2em;
display: block;
background:url(../images/cat-link-bg.jpg) repeat-x;
padding: .5em;
border-right: 1px solid #999999;
color: #000;
text-decoration: none; }

#navigation li a:hover {
font-size: 1.2em;
display: block;
padding: .5em;
border-right: 1px solid #888888;
color:#FF0000;
text-decoration: none; }

#mobile-menu-pad {padding:.8em;}

#mobile-menu-pad h2 {margin-top:.5em;}
#mobile-menu-pad h3 {margin-bottom:.5em;}

#mobile-nav ul li a {padding:0px;margin:0px;}
#google-map-mobile iframe {width:auto; height: 200px;}
#coupon-pad-mobile {padding: .5em .7em 0em 0em; text-align:center;}

footer p {line-height:1.2em;font-size:.9em;}

#coupon-line hr {
border-top: 5px dotted #333;
  color: #fff;
  background-color: #fff;
  height: 3px;
  width:100%;
  }
  
#home-icons {text-align:center;}

#home-icons a img {width: 55px;height:55px;
border:none; padding:0px;margin:0px;
padding-bottom:0em;padding-top:.3em;}


#home-icons a img:hover {
transform: scale(1.1,1.1);
-ms-transform: scale(1.1,1.1); /* IE 9 */
-webkit-transform: scale(1.1,1.1); /* Safari and Chrome */
-o-transform: scale(1.1,1.1); /* Opera */
-moz-transform: scale(1.1,1.1); /* Firefox */
}
