/***************************************************
Caseys Grillhouse	
October 2006		
Updated May 2007	
76design

***************************************************



***************************************************
	GENERIC
	*/



	
HTML {
	background:#FFF url('../images/bkg-tile.gif') repeat-x;
	font: 62.5% Verdana, Arial, Helvetica, sans-serif; 
	}

HTML, BODY {
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #000;
	}
		
A{
	color:#c41130;		
	}
	
A:hover{
	color:#f7931d;	
	}
	
H1 {
	color:#f7931d;
	font-size:1.8em;
	margin: 0;
	padding:0;
	}

H2 {
	color:#c8213e;
	font-size:1.2em;
	margin:0;
	padding:0;
	}

H3 {
	font-size: 1em;
}

	A IMG {
	border:none;
	}
.clearfix {
	clear:both;
}

/***************************************************
	WRAPPER
	 */
#wrapper {
	width:780px;
	margin: 0px auto;
	text-align:left;	
	background:#FFF;
	}

/***************************************************
	HEADER
	*/

#header {
	height: 90px;
	position:relative;
	color:#FFF;
	background: url('../images/header_bkg.gif') repeat-x;
	font-weight:bold;
	/* DAMN YOU IE 6! */
}
	
#header A {
	color:#FFF;
	text-decoration:none;
	}
	
#header A:hover {
	color:#FFF;
	text-decoration:underline;
	}
.logo {
		position:absolute;
		top:4px;
		left:0;
		z-index:100;
		background:url(../images/logo.png) no-repeat;
		width:184px;
		height:124px;
		display:block;
		
		}
/***************************************************
	UTILITY (contact us/language toggle)
	 */
#utility {
	position:absolute;
	top:0px;
	right:0px;
	background:#9b1e22;
	text-align:center;
	padding:10px;
	}

/***************************************************
	TOP MENU
	*/

#topmenu {
	position:absolute;
	top:69px;
	right:0px;
	margin: 0;
	padding: 0;
	display:inline;
	}

#topmenu LI  {
	margin: 0;
	list-style: none;	
	background:url(../images/nav_right_bkg.gif) top right no-repeat;
	float: left;
	}
	
#topmenu A {
	font-size: 1em;
	background: url(../images/nav_left_bkg.gif) top left no-repeat;
	padding: 4px 6px;
	display: block;
	}
	
/***************************************************
	SIDEMENU 
 	*/
#sidebar {
	background: url(../images/sidebar_bkg.gif) no-repeat;
	float:left;
	width:182px;
	padding:20px 0 200px 0;
	
	}
	
/***************************************************
	SUBMENU 
 	*/
#content .submenu UL{
	margin:20px 12px 0 12px;
	padding:0;
	list-style:none;
	}
	
#content .submenu LI{
	border-bottom:solid 1px #E4E4E4;
	margin:0;
	}

#content .submenu LI B {
	padding:4px 10px;
	display:block;	
	}

#content .submenu LI A{
	padding:4px 10px;
	display:block;
	text-decoration:none;
	font-weight:bold;
	}
	
#content .submenu LI.selected {
	background: #D4E278;
	}

#wrapper.inside #content DIV.text,
#wrapper.inside #content DIV.press {
	margin: 40px 0 30px 20px; 
	padding: 0;
	}
	
/* BANNER */

#now-in-dev {
	border:11px solid #d4e278;
	padding:15px;
	width:260px;
	float:left;
	margin-left:20px;
	}
	
#now-in-dev h1 {
	color:#556102;
	border-bottom:1px solid #e7f1a2;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
	}
	
#now-in-dev h2 {
	color:#c41130;
	font-size:14px;
	}
	
#now-in-dev ul {
	margin:10px 0 15px 0;
	padding:0;
	}
	
#now-in-dev ul li {
	font-weight:bold;
	list-style:none;
	font-size:11px;
	margin:3px 0;
	}
	
#now-in-dev .leftcol {
	float:left;
	}

#now-in-dev .rightcol {
	float:left;
	margin-left:55px;
	}	

/***************************************************
	CONTENT
 	*/
 	
* #content {
	height:1%;
	}
.homepage #content {
	padding:0;
	}
#content {
	
	min-height:350px;
	padding:0 0 0 20px;
	}

#wrapper.inside #content {
	background:#FFF;
	min-height:220px;
	padding:0;
	margin:0;
	}

.right {
	float:right;
	margin:20px;
	}
	
.left {
	float:left;
	}

#content .focus,
#wrapper.inside #content .focus{
	float:right;
	margin:10px 0 0 0;
	}
		
#wrapper.inside #content .focus{	
	margin:0 20px 0 0;
	}

.holiday{
margin: 10px 0;
}
 
        
#content #promo1 {
	float:left;
	margin:40px 0px 0px 0px;
	border:solid 15px #d4e278;
	}
	
#content .tagline {
	float:left;
	margin:135px 0 0 45px;
	color:#FFF;
	padding:0;
	font-size:2.2em;
	}

#wrapper.inside #content .text {
	float:left;
	width:550px;
	}

#content H1,
#content H2 {
	padding:0;
	}
	
#content H2{
	margin: 10px 0 5px 0;
	}
	
#content H1 {
	position:relative;
	margin:0 0 10px;
	}
	
#notes {
	width:200px;
	float:left;
	margin: 20px 0 0 80px;
	}

#notes H3,
#notes H4 {
	margin:0px;
	padding:0px
	}

#notes h3{
	color:#c8213e;
	font-size:1.2em;
	}
	
#notes h4 {
	font-size:1em;
	}

#notes LI {
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
#notes UL {
	margin:5px 0;
	padding:0;
	}
	
#content form {
	margin:20px 0;
	}
	
/* FORMS */

#content FORM UL {
	list-style:none;
	margin: 20px 0;
	padding:0;
	}
	
#content FORM UL LI {
	margin: 4px 0;
	padding: 4px;
	}

#content FORM LABEL {
	width:180px;
	float:left;
	margin: 0 0 3px;
	font-weight:bold;
	}

#contentFORM INPUT { 
	background:#FFF url(../images/form_bg.jpg) repeat-x;
	border:solid 1px #817c3c;
	color:#3e3a15;
	}

#content FORM .requiredField {
	color:#c00;
	}


/***************************************************
	Menu Section
*/


#wrapper.inside #content DIV.text.menu A {
	float: left;
	text-align: center;
	margin: 0 20px 20px 0;
	text-decoration: none;
	}

#wrapper.inside #content DIV.text.menu A IMG {
	border: solid 2px #615F42;
	display: block;
	margin-bottom: 4px;
	}

#wrapper.inside #content DIV.text.menu A:hover IMG {
	border-color: #BBB39E;
	}

#wrapper.inside #content DIV.text.menu P.img {
	width: 200px;
	overflow: hidden;
	padding: 100px;
	}
	
/***************************************************
	Locations Section
*/
#wrapper.inside #content .map {
	width:320px;
	}
	
#content .locations-map {
	position: relative;
	}

#content .locations-map .star {
	background: url("../images/location_star.gif") no-repeat;
	}

#content .locations-map .development {
	background: url("../images/location_star_red.gif") no-repeat;
	}

#content .locations-map .badge {
	background: url("../images/location_badge.gif") no-repeat;
	}

#content .locations-map .development,
#content .locations-map .badge,
#content .locations-map .star {
	position: absolute;
	width: 16px;
	height: 15px;
	cursor: pointer;
	}

#content .locations-detail {
	background: #EFEFEC;
	padding: 5px;
	margin: 0 0 5px;
	}

#content .locations-detail H3 {
	margin-bottom: 5px;
	}

#content .locations-detail P {
	margin: 3px 0;
	}

#content UL {
	margin:0;
	list-style:none;
	padding:0;
	}
	
#content UL LI {
	margin:10px 0;
	list-style:none;
	}
	
#content UL H4{
	color:#86813e;
	}

#content UL H4,
#content UL H5{
	margin:0;
	padding:0;
	}

/***************************************************
	Awards Section
*/
#content UL.awards {
	margin:0;
	list-style:none;
	padding:0;
	}
	
#content UL.awards LI {
	margin:10px 0;
	list-style:none;
	}
	
#content UL.awards H4{
	color:#c41130;
	font-size:110%;
	}

#content UL.awards H4,
#content UL.awards H5{
	margin:0;
	padding:0;
	}

	
/***************************************************
	FranchiseSection
*/

.franchise-left {
	float:left;
	margin:0 10px 0 0;
	width:210px;
	}
.franchise-right {
	float:left;
	width:300px;
	}
	
/***************************************************
	Releases Section
*/

  
UL.releases A {
	display: block;
	font-weight: bold;
	}
	
/***************************************************
	FAQ Section
*/
	 
P.question {
	margin:0;
	padding:0;
	font-weight:bold;
	color:#CC0000;
	}

P.answer {
	margin:0 0 20px 0;
	padding:0;
	}

/***************************************************
	Testimonials Section
*/

.testimonial {
	background: url("../images/quotation.gif") no-repeat top left;
	padding: 13px 0 0 44px
	}

.testimonial CITE {
	display: block;
	font-size: 120%;
	color: #666447;
	}
	
/***************************************************
	REDBAR (content pages)
	 */
	 
#redbar {
	background:#FFF url(../images/content_bkg.gif) repeat-x;
	height:95px;
	margin:80px 0 0 0;
	padding:0px;
	clear:both;
	}
	
#redbar .tagline{
	float:right;
	margin:20px;
	padding:0;
	}

#redbarlist {
	position: relative;
	float:left;
	width: 346px;
	background:url("../images/imagesrow.gif") no-repeat;	
	padding: 0;
	height: 76px;
	margin:10px 0 0 20px;
	}

#redbarlist LI  {
	position: absolute;
	margin: 0;
	padding: 0;
	list-style: none;	
	display: inline;
	}
	
#redbarlist A {
	display: block;
	height: 76px;
	}

#rb-one { left: 0px; width: 75px;}
#rb-two { left: 90px; width: 75px; }
#rb-three { left: 177px; width: 75px; }

#rb-one A:hover,#rb-one.selected { background: url("../images/imagesrow.gif") -0px -76px no-repeat; }
#rb-two A:hover, #rb-two.selected { background: url("../images/imagesrow.gif") -90px -76px no-repeat; }
#rb-three A:hover,#rb-three.selected { background: url("../images/imagesrow.gif") -177px -76px no-repeat; }

/***************************************************
	FOOTER
	 */

#footer {
	clear:both;
	margin:56px 0 0 0;
	color: #CCC;
	text-align:right;
	border-top:solid 3px #c3112f;
	padding:20px 0;
	}

#footer .footerText{
	padding:15px 0;
	}	

#footer P {
	margin:4px 0 0 0;
	}
	
#footer IMG {
	float:right;
	margin:0 0 0 8px;
	}

#footer IMG.50best{
	float:left;
	}

#content .awards LI.fiftybest {
	background:url(../images/logo-50best.gif) top left no-repeat;
	padding:12px 0 16px 70px;	
	}
	
 #utility-buttons {
	clear:left;
	float:left;
	margin:20px 6px;
	width:100px;
	}
 
#footer A {
	color:#CCC;
	}
	
#footer A:hover {
	color:#666;
	}
	
/***************************************************
	NEW HOMEPAGE
 	*/
	
.promo {
	width:250px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
	}

.radiospot .promo {
	width:100%;
	margin:0 auto;
	padding:0;
    text-align:center;
	}
.radiospot #promo-left{
    text-align:left;
	}

.last {margin:0;}

.promo IMG,
#sound {
	border:solid 1px #c3112f;
	}
.promo #sound  IMG{
	border:none;
	}
.promo H3 {
	font-size:180%;
	color:#c3112f;
	padding:0 0 15px 0;
	border-bottom:solid 1px #dbdbdb;
	}
	
.promo P {
	line-height:120%;
	}
.promo H4 {
	color:#f7931d;
	clear:both;
	margin:15px 0;
	}
#content .promo UL {
	clear:both;
	margin:0 0 15px 0;
	}
	
#content .promo LI {
	border-bottom:solid 1px #dbdbdb;
	background:url(../images/bullet-green.gif) 4px 7px no-repeat;
	padding:4px 0 4px 12px;
	width:112px;
	float:left;
	margin:0;
	}
	
.promo LI em {
	display:block;
	}
/***************************************************
	FEATURE
	 */
/**
#feature-container {
	position:relative;
}
#feature-loader {
	position:absolute;
	bottom:10px;
	margin-left:2%;
	width:150px;
	background:#ff3a60;
	height:7px;
}
#feature-loader-inner {
	width:1px;
	background:#d02445;
	height:7px;
}
 */
 
 .feature {
	display:block;
	height:224px;
	width:730px;
	padding:75px 0 0 50px;
	}

.default {background:url(../images/feature-default.jpg) no-repeat;}
/*.fallmenu {background:url(../images/promo-4thursday_E.jpg) no-repeat;}*/
.onlinecommunity {background:url(../images/feature-onlinecommunity.jpg) no-repeat;} 
/*.fallmenu {background:url(../images/hero_summer_menu_en.jpg) no-repeat;} */
.franchise,.winners {	background:url(../images/feature-franchise.jpg) no-repeat;}	
.nutrition {	background:url(../images/promo-nutrition.jpg) no-repeat;}
.summermenu {	background:url(../images/summer-menu2011.jpg) no-repeat;}
.feed {	background:url(../images/feed_the_soul-ENG.jpg) no-repeat;}

.fallmenu .feature-text {
    background:#FFFFFF none repeat scroll 0 0;
    border:1px solid #333333;
    color:#000000;
    padding:20px;
    width:310px;
}

.fallmenu .feature-text A{
	color:#000000;
	}
	
.default .feature-text {
	background:none;
		border:none;
	width:260px;

	width:310px;
	}
.feature-text A {
	color:#FFF;
	}
.feature-text {
	color:#FFF;
	background:#000;
	border:solid 1px #CCC;
	width:310px;
	padding:20px;
	}
.feature-text H2 {
	font-size:180%;
	color:#c41130;}
.feature-text IMG {
	margin:0 0 20px 0;
	display:block;
	}	
#feature-nav {
	height:33px;
	background:#F7931D;
	padding:0;
	margin:0 0 20px 0;
	}
	
#feature-nav LI {
	list-style:none;
	float:left;
	display:block;
	line-height:33px;
	text-align:center;
	height:33px;
	background:#F7931D;
	}
	
#feature-nav LI A {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:120%;
	/* padding:0 25.8px; */
	padding: 0 24px;
	line-height:32px;
	text-decoration:none;
	}
#feature-nav LI A:hover,#feature-nav LI A.selected {
	background:#c41130;
	}
#content .promo #winners li {
	float:none;
	width:auto;
}
/***************************************************
	CLEARFIX
	 */
	 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */