/* @override http://champssportsgrill.net/css/ci_functions.css */

/* @override http://alehouse.3twenty9.com/css/ci_functions.css */

body {
	margin: 0px;
	padding: 0px;
	background: #000 url(../img/body_bg.jpg) repeat-x top;	
	font-size: 100%;
	font-family: Helvetica, Arial, sans-serif;
}

* {
	margin: 0;
	padding: 0 5px 0 0 ;
}

div, h1, ul, li, a {
	margin: 0px;
	padding: 0px;
}

.clearer {
	clear: both;
}

.panel_admin {
	background: #ffffff;
	padding: 15px;
	margin: 0 0 0 20px;
	width: 880px;
	clear: both;
}

#shadow {
	margin: 0px auto 0px auto;
	width: 972px;
	/* background: url(../img/Shadow.png) repeat-y left; */
}

#main_holder {
	text-align: left;
	margin: 0px auto 0px 5px;
	width: 968px;
	min-height: 600px;
	background: transparent url(../img/content_bg.png) repeat-y top left;
}

#pageheading {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 10px;
	background: url(../img/photo1.png) no-repeat top;
	height: 438px;
	width: 940px;
	z-index: 0;
	position: relative;
}

#topbanner_buttons {
	position: absolute;
	bottom: 8px;
	right: 15px;
	color: #fef4bf;
}

#topbanner_buttons a:hover {
   cursor: pointer;
}

#topbanner {
	display: block;
	background: url(../img/header_slide.png) no-repeat top;
	height: 0px;
	width: 905px;
	z-index: 25;
	position: absolute;
	top: 0;
	left: 18px;
}

#pageheading img.logo {
	position: absolute;
	top: 310px;
	left: 270px;
	z-index: 50;
	display: block;
}

#pageheading img.logo_content {
	position: relative;
	top: 148px;
	left: 354px;
	width: 238px;
	height: 117px;
	z-index: 50;
}

#pageheading.pageheading_content {
	background: none;
	height: 205px;
	width: 940px;
}

#nav {
	background: url(../img/navbar.png) no-repeat left top;
	height: 40px;
	margin: 0 0 0 10px;
	padding: 8px 0px 0px 0px;
	z-index: 50;
}

#nav span {
	
}

#nav ul {
	padding: 0px 0px 0px 3px;
	margin: 0px;
	display: block;
	clear: both;
	z-index: 997;
	height: 40px;
}

#nav ul li {
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
}

#nav ul li a {
	text-indent: -5000px;
	text-decoration: none;
	color: #333;
	display: block;
	height: 54px;
	z-index: 998;
}

#nav ul li a:hover {
	cursor: pointer;
}

a.nav_home {
	background: url(../img/menu/home.png) no-repeat center top;
	width: 100px;
	margin: 0 0 0 8px;
}

a.nav_home:hover {
	background: url(../img/menu/home_over.png) no-repeat center top;
}

a.nav_lite {
	background: url(../img/menu/lite.png) no-repeat center top;
	width: 120px;
}

a.nav_lite:hover {
	background: url(../img/menu/lite_over.png) no-repeat center top;
}

a.nav_menu {
	background: url(../img/menu/menu.png) no-repeat center top;
	width: 105px;
}

a.nav_menu:hover {
	background: url(../img/menu/menu_over.png) no-repeat center top;
}

a.nav_specials {
	background: url(../img/menu/specials.png) no-repeat center top;
	width: 128px;
}

a.nav_specials:hover {
	background: url(../img/menu/specials_over.png) no-repeat center top;
}

a.nav_groups {
	background: url(../img/menu/groups.png) no-repeat center top;
	width: 105px;
}

a.nav_groups:hover {
	background: url(../img/menu/groups_over.png) no-repeat center top;
}

a.nav_gallery {
	background: url(../img/menu/gallery.png) no-repeat center top;
	width: 126px;
}

a.nav_gallery:hover {
	background: url(../img/menu/gallery_over.png) no-repeat center top;
}

a.nav_shop {
	background: url(../img/menu/shop.png) no-repeat center top;
	width: 85px;
}

a.nav_shop:hover {
	background: url(../img/menu/shop_over.png) no-repeat center top;
}

a.nav_bg {
	/* background: url(../img/menu/btn_bg.jpg) no-repeat left top; */
	width: 255px;
}

a:active {
	outline: none;
}


#photoheader {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 769px;
	height: 355px;
	background: url(../img/headerphoto1.jpg) no-repeat top;
}

#photoheader_content {
	clear: both;
	padding: 0px;
	margin: 0px;
	width: 769px;
	height: 297px;
	background: url(../img/rotating/Wine.jpg) no-repeat top;
}

ul {
	list-style: none;
	color: #fff;
}

ul li {
	line-height: 1.35em;
}

#mainbody {
	display: block;
	margin: 8px 0px 0px 2px;
	padding: 0px;
	width: 100%;
}

#mainbody_content {
	display: block;
	margin: 0px 0px 0px 2px;
	padding: 0px;
	width: 100%;
}

.panel_left {
	min-height: 420px;
	width: 575px;
	float: left;
	margin: 12px 0px 0px 28px;
}

.panel_left {
	font-size: 0.94em;
	line-height: 1.2em;
}

.panel_left ul {
	font-size: 0.94em;
	line-height: 1.2em;
	color: #b26e29;
	margin: 15px 0 0 20px;
	font-family: georgia;
	font-style: italic;
	float: left;
	text-align: left;
}

.panel_left ul li {
	font-size: .94em;
	line-height: 1.2em;
	color: #b26e29;
	font-family: georgia;
	font-style: italic;
}

.panel_right {
	min-height: 480px;
	width: 335px;
	float: left;
	margin: 5px 0px 0px 5px;
}

.panel_right p {
	font-size: 0.94em;
	line-height: 1.2em;
}

.panel_right ul {
	font-size: 0.94em;
	line-height: 1.2em;
	color: #b26e29;
	margin: 15px 0 0 20px;
	font-family: georgia;
	font-style: italic;
	float: left;
	text-align: left;
}

.panel_right ul li {
	font-size: 1.04em;
	line-height: 1.5em;
	color: #b26e29;
	font-family: georgia;
	font-style: italic;
}

.panel_left h2 {
	padding: 0px;
	margin: 12px 0px 0px 0px;
	text-indent: -5000px;
	text-decoration: none;
	width: 200px;
	height: 45px;
}

.page {
	margin: 0 0 0 20px;
	width: 95%;
}

.page h3 {
	padding: 0px;
	margin: 14px 0px 0px 0px;
	text-indent: -5000px;
	text-decoration: none;
	width: 350px;
	height: 45px;
	clear: both;
}

ul.specials_list {
	margin: 0 0 0 10px;
	clear: both;
}

ul.specials_list li {
	float: left;
	display: inline-block;
	width: 245px;
	color: #b26e29;
	border: #ccc 1px solid;
	padding: 6px;
	margin: 5px 8px 5px 8px;
	font-size: 0.95em;
	font-style: Normal;	
	height: 220px;
}

ul.specials_list li p {
	margin: 0 70px 0 0;
}

ul.specials_list li em {
	font-size: 0.8em;
	color: #333;
}

ul.specials_list li.sp_mon {
	background: url(../img/specials/monday_bucket.png) no-repeat right bottom;
}

ul.specials_list li.sp_tue {
	background: url(../img/specials/tuesday_bucket.png) no-repeat right bottom;
}

ul.specials_list li.sp_wed {
	background: url(../img/specials/wednesday_ribs.png) no-repeat right bottom;
}

ul.specials_list li.sp_thu {
	background: url(../img/specials/thursday_wings.png) no-repeat right bottom;
}

ul.specials_list li.sp_fri {
	background: url(../img/specials/friday_happyhour.png) no-repeat right bottom;
}

ul.specials_list li.sp_sat {
	background: url(../img/specials/saturday_image.png) no-repeat right bottom;
}

ul.specials_list li h2 {
	padding: 0px;
	margin: 2px 0px 0px 0px;
	text-indent: -5000px;
	text-decoration: none;
	width: 240px;
	height: 50px;
}

.h2_mon {
	background: url(../img/specials/h2_monday.png) no-repeat center top;
}

.h2_tue {
	background: url(../img/specials/h2_tuesday.png) no-repeat center top;
}

.h2_wed {
	background: url(../img/specials/h2_wednesday.png) no-repeat center top;
}

.h2_thu {
	background: url(../img/specials/h2_thursday.png) no-repeat center top;
}

.h2_fri {
	background: url(../img/specials/h2_friday.png) no-repeat center top;
}

.h2_sat {
	background: url(../img/specials/h2_saturday.png) no-repeat center top;
}

.page_menu ul {
	margin: 0 0 0 10px;
	clear: both;
}

.page_menu ul li {
	float: left;
	display: inline-block;
	width: 29%;
	color: #b26e29;
	border: #ccc 1px solid;
	padding: 6px;
	margin: 5px 8px 5px 8px;
	font-size: 0.95em;
	height: 100px;
}

.page_menu ul li span {
	color: #ED3826;
	float: right;
	margin: 0 0 0 0;
}

.page_menu ul li em {
	font-size: 0.8em;
	color: #333;
}

.panel3 {
	margin: 0 0 0 20px;
}

.panel3 h3 {
	padding: 0px;
	margin: 12px 0px 0px 0px;
	text-indent: -5000px;
	text-decoration: none;
	width: 200px;
	height: 45px;
}

.panel_left hr {
	width: 550px;
	height: 6px;
	margin: 15px 0px 0px 0px;
	padding: 0px;
	border: 0;
	background: url(../img/hr.gif) no-repeat left top;
}


.h2_about {
	background: url(../img/header_about.png) no-repeat left top;
}

.h2_contact {
	background: url(../img/header_contact.png) no-repeat left top;
}

.h2_join {
	background: url(../img/header_join.png) no-repeat left top;
}


.h3_burgers {
	background: url(../img/header/burgers.png) no-repeat left top;
}

.h3_dessert {
	background: url(../img/header/dessert.png) no-repeat left top;
}

.h3_hoagies {
	background: url(../img/header/hoagies.png) no-repeat left top;
}

.h3_littleleaguer {
	background: url(../img/header/littleleaguer.png) no-repeat left top;
}

.h3_salads {
	background: url(../img/header/salads.png) no-repeat left top;
}

.h3_sides {
	background: url(../img/header/sideorders.png) no-repeat left top;
}

.h3_specials {
	background: url(../img/header/specialteams.png) no-repeat left top;
}

.h3_soups {
	background: url(../img/header/soups.png) no-repeat left top;
}


.h3_appeteasers {
	background: url(../img/header/appeteasers.png) no-repeat left top;
}

.h3_beverages {
	background: url(../img/header/beverages.png) no-repeat left top;
}

.h3_favorites {
	background: url(../img/header/favorites.png) no-repeat left top;
}

.h3_pasta {
	background: url(../img/header/pasta.png) no-repeat left top;
}

.h3_pizza {
	background: url(../img/header/pizza.png) no-repeat left top;
}

.h3_ravioli {
	background: url(../img/header/ravioli.png) no-repeat left top;
}

.h3_sixfoothoagie {
	background: url(../img/header/sixfoothoagie.png) no-repeat left top;
}

.h3_steaks {
	background: url(../img/header/steaks.png) no-repeat left top;
}

.h3_thebar {
	background: url(../img/header/thebar.png) no-repeat left top;
}


a, a:active, a:visited {
	color: maroon;
	text-decoration: none;
}

a:hover {
	color: #fff;
	text-decoration: underline;
}

a:visited {
	color: maroon;
}

h1, h2, h3, h4, h5, h6 {
	color:#333;
}

h2, h3 {
	font-weight:normal;
}

h1, h2, h3, h4, h5, h6, p, li, div {
	font-family: Helvetica, Arial, sans-serif;	
}

h3 {
	font-family: Helvetica, Arial, sans-serif;
}

hr {
	background: #4CA1D8;
	color: #4CA1D8;
	border: 1px solid #4CA1D8;
}


img {
	border: 0;
}

#product_view {
	float: left;
	width: 90%;
}

#product_view img {
	margin: 0px 0px 10px 0px;
}

#products {
	float: left;
	padding: 0px;
	margin: 0px;
}

#products a {
	float: left;
}


#products img {
	float: left;
	padding: 3px;
	margin: 0px 5px 0px 0px;
	border: 2px solid gray;
}

#products li {
	list-style: none;
	width: 40%;
	height: 21em;
	float: left;
	padding: 5px;
	margin: 0px 8px 8px 0px;
	border: 1px solid #ccc;
}

.product_info {
	padding: 5px;
	width: 95%;
}
.product_info a {
	padding: 10px 0px 0px 0px;
}

.product_info p {
	color: maroon;
	display: inline;
	float: left;
}

.product_info h3 {
	display: inline;
}

#footer {
	font-size:small;
	clear: both;
	margin: 10px 0px 10px 5px;
	background: url(../img/footer.jpg) no-repeat top;
	height: 58px;
	width: 950px;
}

.footer_menu {
	margin: 25px 0px 0px 15px;
	float: left;
	width: 48%
}

.address {
	margin: 15px 15px 0px 0px;
	font-family: georgia;
	font-style: italic;
	float: right;
	width: 48%;
	text-align: right;
}

.specials {
	margin: 15px 15px 0px 0px;
	font-family: georgia;
	font-style: italic;
	float: right;
	width: 48%;
	text-align: right;
}


div.contactmap {
	background: url(../img/map.png) no-repeat top left;
	height: 150px;
	width: 55%;
	float: left;
}

/*
	SLIDER
*/
.slider-wrap								{ width: 480px; margin: -9px 0px 0px 13px;}			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 480px; height: 480px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 480px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin: 0px 10px 0px 5px; }
#movers-row									{ margin: -43px 0 0 10px; }
#movers-row div								{ width: 50px; height: 50px; float: left; display: inline; }
#movers-row div a.cross-link 				{ float: left; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 10px; height: 30px; margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ float: left; display: inline; width: 50px; margin-top: -14px; 
											  padding-top: -15px; z-index: 9999; }
.active-thumb 								{ float: left;  }

.stepcarousel_box {
	position: absolute;
	overflow: hidden;
	width: 930px;
	height: 210px;
}

.stepcarousel{
position: relative; /*leave this value alone*/
border: 0;
overflow: scroll; /*leave this value alone*/
width: 930px;
height: 210px; /*Height should enough to fit largest content's height*/
z-index: 1;
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px; /*margin around each panel*/
width: 930px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}