* {
	margin: 0;
}

html, body {
	height: 100%;

	font-family: Arial, sans-serif;
	font-size: 80%;
}

body {
	background-repeat: no-repeat;
	background-position: center top;
}

*:focus { outline: none; }

a img { border: none; }
input, textarea, select { font-family: Arial, sans-serif; font-size: 12px; }

a, a:link, a:visited {
	color: #bd282e;
}

p, h1, h2, h3, h4, h5, h6 { margin: 1em 0; }


#wrapper {
	background: url(../img/redbar.png) repeat-x center top;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -104px;
}

#footer, #push {
	height: 104px;
}

#footer {
	background: url(../img/footerbg.gif) repeat-x center bottom;
}

#sp {
	height: 2em;
}

#social {
	padding: 0 8px;
	background: url(../img/foot.gif) no-repeat center top;
	text-align: right;
	height: 68px;
}

#copy, .copy {
	font-size: 10px;
}

#content .copy {
	line-height: 1.2em;
}

h6 {
	margin-bottom: -0.5em;
}

.copy {
	margin-top: 2.5em;
}

#copy {
	height: 36px;
	line-height: 36px;
	color: white;
}

#copy a #copy a:link, #copy a:visited {
	color: white;
	text-decoration: none;
}

#container, .contain {
	width: 996px;
	margin: 0 auto;
}

#red {
	height: 58px;
}

#gallery {
	height: 530px;
	position: relative;
}

#menugallery {
	height: 726px;
	position: relative;
}

a.arrow, a.arrow:link, a.arrow:visited {
	display: block;
	width: 37px;
	height: 79px;
	background-image: url(../img/arrows.gif);
	position: absolute;
}

.arrowleft {
	background-position: -37px 0;
	top: 240px;
	left: 0px;
}

.arrowright {
	background-position: 0 0;
	top: 240px;
	right: 0px;
}

.arrowleft.on, a.arrowleft:hover { background-position: -37px -79px; }
.arrowright.on, a.arrowright:hover { background-position: 0 -79px; }

.arrowleft.off, a.arrowleft.off:hover { background-position: -37px -158px; }
.arrowright.off, a.arrowright.off:hover { background-position: 0 -158px; }

#logo {
	position: absolute;
	top: -53px;
	left: 7px;
}



ul#nav {
	list-style-type: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -35px;
	right: 7px;
	width: 680px;
	height: 124px;
}

ul#nav li {
	position: absolute;
	top: 0;
	height: 124px;
}

ul#nav li#about 		{ width: 117px; left: 0px; }
ul#nav li#food 			{ width: 164px; left: 117px; }
ul#nav li#franchise 	{ width: 201px; left: 281px; }
ul#nav li#findbox 		{
	width: 197px;
	left: 482px;
	background-image: url(../img/nav.png);
	background-position: -482px 0px;
}
ul#nav li#findbox div { padding: 68px 24px 20px 24px; }
ul#nav li#findbox div input { vertical-align: middle; }
ul#nav li#findbox div input#findq { border: 1px solid #941829; font-size: 14px; }


ul#nav li a, ul#nav li a:link, ul#nav li a:visited {
	display: block;
	margin: 0;
	height: 124px;
	text-indent: -9999px;
	background-image: url(../img/nav.png);
}

a#nav-about, a#nav-about:link, a#nav-about:visited 					{ width: 117px; background-position: 0px 0px; }
a#nav-about-on, a#nav-about:hover, a#nav-about:active 				{ width: 117px; background-position: 0px -124px; }
a#nav-food, a#nav-food:link, a#nav-food:visited 					{ width: 164px; background-position: -117px 0px; }
a#nav-food-on, a#nav-food:hover, a#nav-food:active 					{ width: 164px; background-position: -117px -124px; }
a#nav-franchise, a#nav-franchise:link, a#nav-franchise:visited 		{ width: 201px; background-position: -281px 0px; }
a#nav-franchise-on, a#nav-franchise:hover, a#nav-franchise:active 	{ width: 201px; background-position: -281px -124px; }


/* ------------------------------------------------------------------------------ */
/*    Home page carousel				                                 */
/* ------------------------------------------------------------------------------ */
ul#hungry {
	list-style-type: none;
	margin: 0;
	padding: 205px 0 55px 0;
	background: url(../img/hungry.png) no-repeat;
	width: 238px;
	height: 188px;
	position: absolute;
	top: 52px;
	left: 34px;
}

ul#hungry li {
	padding: 6px 56px 6px 40px;
	background: none;
	margin: -9px 0;
}

ul#hungry li.on {
	background: url(../img/hungry-on.png) no-repeat;
}

ul#hungry li a, ul#hungry li a:link, ul#hungry li a:visited {
	display: block;
	width: 142px;
	height: 27px;
	background-image: url(../files/hungry-sprite.gif);
}


#menutpl ul#hungry li a, #menutpl ul#hungry li a:link, #menutpl ul#hungry li a:visited {
	background-image: url(../img/menu-sprite.gif);
}

li a#gallery0, li a#gallery0:link, li a#gallery0:visited {		background-position: 0px 0px; }
li.on a#gallery0, li.on a#gallery0:link, li.on a#gallery0:visited{	background-position: -142px 0px; }
li a#gallery1, li a#gallery1:link, li a#gallery1:visited {		background-position: 0px -27px; }
li.on a#gallery1, li.on a#gallery1:link, li.on a#gallery1:visited{	background-position: -142px -27px; }
li a#gallery2, li a#gallery2:link, li a#gallery2:visited {		background-position: 0px -54px; }
li.on a#gallery2, li.on a#gallery2:link, li.on a#gallery2:visited{	background-position: -142px -54px; }
li a#gallery3, li a#gallery3:link, li a#gallery3:visited {		background-position: 0px -81px; }
li.on a#gallery3, li.on a#gallery3:link, li.on a#gallery3:visited{	background-position: -142px -81px; }
li a#gallery4, li a#gallery4:link, li a#gallery4:visited {		background-position: 0px -108px; }
li.on a#gallery4, li.on a#gallery4:link, li.on a#gallery4:visited {	background-position: -142px -108px; }
li a#gallery5, li a#gallery5:link, li a#gallery5:visited {		background-position: 0px -135px; }
li.on a#gallery5, li.on a#gallery5:link, li.on a#gallery5:visited {	background-position: -142px -135px; }

#carousel {
	width: 996px;
	height: 530px;
	overflow: hidden;
	position: relative;
}

#carousel ul {
	list-style-type: none;
	width: 99600px;
	height: 530px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}

#carousel ul li {
	width: 996px;
	height: 530px;
	float: left;
	margin: 0;
	position: relative;
}


#menucarousel {
	width: 996px;
	height: 715px;
	overflow: hidden;
	position: relative;
}

#menucarousel ul {
	list-style-type: none;
	width: 99600px;
	height: 715px;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0px;
	left: 0px;
}

#menucarousel ul li {
	width: 996px;
	height: 715px;
	float: left;
	margin: 0;
	position: relative;
}

.menucontent {
	position: absolute;
	right: 20px;
	bottom: 51px;
	width: 492px;
	overflow: visible;
/*	display: none; */
}

.menucontent-top {
	height: 40px;
	background: url(../img/menu-content-top.png) no-repeat;
}

.menucontent-body {
	background: url(../img/menu-content-bg.png) repeat-y;
	padding: 3px 42px;

	font-size: 1.2em;
}

.menucontent-bot {
	height: 52px;
	background: url(../img/menu-content-bot.png) no-repeat;
}

.menucontent-like {
	position: absolute;
/*	top: 58px;
	right: 90px; */
	left: 45px;
	bottom: 60px;
}

.menucontent table th {
	font-size: 14px;
	color: #bd282e;
	text-transform: uppercase;
	text-align: left;
	vertical-align: top;
}

.menucontent table td {
	font-size: 11px;
	color: #efae44;
	font-weight: bold;
	vertical-align: top;
}

#findcharleys {
	width: 206px;
	height: 178px;
	background: url(../img/findcharleys.png) no-repeat;
	position: absolute;
	top: 460px;
	left: 42px;
}

#findcharleys .padd {
	padding: 100px 14px 20px 14px;
}

#findcharleys .padd input {
	vertical-align: middle;
}


#findcharleys .padd input.txt {
	font-size: 18px;
	width: 118px;
}

/* ------------------------------------------------------------------------------ */
/*    Home page content blocks			                                 */
/* ------------------------------------------------------------------------------ */

#homepage #content {
	text-align: center;
}

.actionbox {
	display: -moz-inline-box;
	display: inline-block;
	height: 230px;
	width: 328px;
	position: relative;
	vertical-align: top;
}


/* ------------------------------------------------------------------------------ */
/*    Content Template and Sub navigation	                                 */
/* ------------------------------------------------------------------------------ */

#header {
	height: 174px;
	position: relative;
	z-index: 5;
}

#foodtpl #header {
	height: 110px;
}

ul#subnav {
	padding: 120px 20px 10px;
	height: 35px;
	margin: 0;
	list-style-type: none;
	background: url(../img/subnav.gif) no-repeat center bottom;
	text-align: center;
}

ul#subnav li {
	float: left;
}

ul#subnav li a,
ul#subnav li a:link,
ul#subnav li a:visited {
	display: block;
	height: 35px;

	font-family: helvetica, arial narrow, arial, sans-serif;
	font-size: 13px;
	color: #bd282e;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	text-indent: -9999px;
}

/*----------------------------------------------------------------------------*/
/*Franchising->Process*/
/*----------------------------------------------------------------------------*/
#col_1{
background:url(../img/process_col_1.png) no-repeat scroll 0 bottom;
height:600px;
width:479px;
margin-top:0px;
margin-left:10px;
}

#col_1 p{
/*width:370px;*/
margin:10px 0 0 0;
padding:0;
font-size:12px;
}

#col_1 h2{
margin:0;
}

#col_2{
background:url(../img/process_col_2.png) no-repeat;
height:589px;
width:489px;
margin-top:-590px;
margin-left:490px;
}

#col_2 h2{
margin:0;
}

#col_2 p{
margin:10px 0 0 0;
padding:0;
font-size:12px;
}

#right{
width:489px;
}

#left{
width:474px;
}

/*------------------------------------------------------------------------*/
/*Font Styles*/
/*------------------------------------------------------------------------*/
h1{
line-height:30px;
font-size:24px;
}

h2{
font-size:18px;
color:#bd282e;
margin-bottom:-3px;
padding:0;
line-height:20px;
}

h3{
font-size:14px;
color:#660005;
margin:25px 0 0 0;
padding:0;
line-height:22px;
}

.red{
color:#b43038;
}

.yellow{
color:#fdbe57;
}
