/*  GLOBALS Defaults  */

 
html {
overflow-y: scroll;   /* forces firefox scrollbar on */
}

body {
font-size: 90%;
margin: 0em auto;
padding: 0em;
font-family: Trebuchet MS, arial, sans-serif;  
color: #636357;
background: #c1d72e url(../images/back-page.gif) repeat-y center top;
position: relative;
}


a, .green {
color:#a8cf00;
text-decoration: none;
outline: none;
}
a:hover {
color:#828271;
text-decoration: underline;
} 

.grey{
color:#959484;
}


TABLE{
border-collapse: collapse;
} 
TH{
text-align: left;
} 
IMG{
border: 0px;
} 
.clear{  
clear: both;
} 
.pad60{  
padding-top: 60px;
}  
a.hidden:hover, a.hidden{ 
text-decoration: none;
}
.textBig{ 
font-size: 1.1em;
}
.textSmall{ 
font-size: .85em;
}
.red{ 
border: 1px solid #ff0000;
}

/*  global spacing */
p {
font-size: 1em;
line-height:18px;
margin: 5px 0px 15px 0px;
}

UL{
margin: 15px;
padding: 0px;
}

UL LI{
margin: 0px;
padding: 0px;
}


.fleft{
float: left;
text-align: left;
}
.fright{
float: right;
text-align: left;
}



/*  Default Headlines */
H1{
color: #bbbcb0;
font-size: 2.5em;
font-weight: bold;
margin: 10px 0 13px 0;
}
H2{
color: #bbbcb0;
font-size: 1.4em;
font-weight: bold;
margin:0px 0 30px 0;
font-weight: normal;
}

H3{
color: #a8cf00;
font-size: 1.1em;
font-weight: bold;
margin:10px 0 0px 0;
}

h4, .new{
color: #c8d82f;
font-size: 1.2em;
font-weight: bold;
margin:10px 0 10px 0;
}

h5{
color: #babab0;
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
margin:10px 0 00px 0;
}


/*  CONTAINER CSS */

DIV.container{ 
width: 1020px; 
margin: 0em auto;
position: relative;
min-height: 642px;
background:#ffffff url(../images/back-letterbox.gif) 0 0  repeat-y;
}  


DIV.containerAllContent{
min-height: 300px;
margin: 15px 30px  50px 30px;
}
DIV.mainContent{
float: left;
width: 405px;
padding: 0 40px 0 40px;
} 
DIV.rightCol{
float: right;
width: 465px;
}  
 DIV.rightPics{
margin-top: 95px;
}
 DIV.rightMenu{
margin: 85px 45px 0 0;
width: 380px;
}
DIV.headerContent{

padding: 20px 40px 0 40px;
}


/*  header  */
DIV.header{  
margin: 0 auto;
position: relative;
width: 956px; 
height: 183px;
border-bottom: 2px dotted #cccccc;
} 
 
 
DIV.header IMG.logo{  
position: absolute;
top: 30px;
left:0px;
width: 362px;
height: 72px;
} 


A.orderOnline { 
position: absolute;
top: 30px;
right: 0px; 
width: 135px; 
height: 85px; 
font-size: 18px;
text-indent: -999px; 
overflow: hidden; 
background: url(../images/button-order-online.gif)  0 0 no-repeat;
} 

#gsplaza {
position: absolute;
top: 0px;
right: 200px;
}

A.orderOnline:hover{  
opacity: .8; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);	 
} 

.no_js  A.orderOnline { display: none }



/*  footer  */
DIV.footer { 
position: relative;
width: 940px; 
height: 207px; 

background: url(../images/back-footer.gif)  0 0 no-repeat; 
text-align: left; 
font-size:14px;
color: #cfe7ff;
line-height: 19px;
padding: 0 40px 0 40px;
}
 
DIV.footer   UL { 
position: absolute;  
top: 37px;
left: 17px;
list-style: none;
} 
DIV.footer  UL LI A{ 
color: #828271;
text-decoration: none;
display: block;
padding: 1px 0 2px 0;
font-weight: bold;
} 
DIV.footer  UL LI A:hover{ 
color:#c1d72e;
text-decoration: none;
opacity: .8; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);	 
}  

DIV.footer li a.f01 { 
text-indent: -999px; width: 68px;
background: url(../images/snav-dinein.gif)  0 0 no-repeat;
} 
DIV.footer li a.f02 { 
text-indent: -999px; width: 93px;
background: url(../images/snav-takeout.gif)  -1px 0 no-repeat;
} 
DIV.footer li a.f03 { 
text-indent: -999px; width: 90px;
background: url(../images/snav-delivery.gif)  0 0 no-repeat;
} 
DIV.footer li a.f04 { 
text-indent: -999px; width: 93px;
background: url(../images/snav-catering.gif)  0 0 no-repeat;
} 

DIV.tagline{  
background: url(../images/foot-tagline.gif)  0 0 no-repeat; 
width: 377px;
height: 23px;
position: absolute;  
top: 55px;
right: 29px;
text-indent: -999px;
overflow:hidden;
} 
 
  
DIV.social{   
width: 100px;
text-align: right;
height: 23px;
position: absolute;  
top: 56px;
right:0px;  
} 
  

DIV.attribute{ 
position: relative;
width: 1020px;
margin: 20px auto; 
text-align: left; 
font-size:10px;
text-transform: uppercase; 
}
DIV.attribute A{ 
color: #9b9b9b;
text-decoration: none;
background: #c0d62a;
}


/*  PRIMARY NAV  */ 
DIV.nav {
position: absolute;
top: 140px;
left: 32px; 
} 

DIV.nav ul {
position: relative;  
margin: 0px 0px 0px 0px;
padding: 0px;
list-style: none;
}

DIV.nav li {
position: relative;  
white-space: nowrap;
float:left; 
margin-right: 66px;
} 
DIV.nav li.right {
margin-right: 0px;
}


DIV.nav li a { 
position: relative;
color: #949384; 
text-decoration: none;
font-size: 14px; 
font-weight: normal;
display: block; 
float: left;
white-space: nowrap;   
height: 34px;
overflow: hidden;
}

 
DIV.nav li a.t01 { 
text-indent: -999px; 
width: 66px;
background: url(../images/nav_about.gif)  0 0 no-repeat;
} 

DIV.nav li a.t02 {  
text-indent: -999px; width: 66px;
background: url(../images/nav_menu.gif)  0 0 no-repeat;
} 
DIV.nav li a.t03 {  
text-indent: -999px; width: 167px;
background: url(../images/nav_location.gif)  0 0 no-repeat;
} 
DIV.nav li a.t04 {  
text-indent: -999px; width: 63px;
background: url(../images/nav_catering.gif)  0 0 no-repeat;
} 
 
DIV.nav li a.t05 {  
text-indent: -999px; width: 37px;
background: url(../images/nav_news.gif)  0 0 no-repeat;
} 
 
DIV.nav li a.t06 {  
text-indent: -999px; width: 78px;
background: url(../images/nav_contact.gif)  0 0 no-repeat;
} 

DIV.nav li a.t07 {  
text-indent: -999px; width: 83px;
background: url(../images/nav_franchising.gif)  0 0 no-repeat;
}

DIV.nav li a:hover {
position: relative;
color: #828271;
text-decoration: none;
background-position: 0 -34px;
}

DIV.nav li a.on {
background-position: 0 -68px;
cursor: default;

}

 

/*  page titles swapping Images for Text */
H1.aboutus{ 
background:#ffffff url(../images/title-about-us.gif) 0 0  no-repeat;
overflow:hidden;
text-indent: -999px;
}  

H1.catering{ 
background:#ffffff url(../images/title-catering.gif) 0 2px   no-repeat;
overflow:hidden;
text-indent: -999px;
}  
 H1.menu{ 
background:#ffffff url(../images/text-menu.gif) 0 0px   no-repeat;
overflow:hidden;
text-indent: -999px;
margin-top: 20px;
height: 60px;
} 
H1.contactus{ 
background:#ffffff url(../images/title-contact.gif) 0 0  no-repeat;
overflow:hidden;
text-indent: -999px;

}  
H1.locationTitle{ 
position: relative;
background:#ffffff url(../images/title-locations.gif)  0 0px  no-repeat;
overflow:hidden;
text-indent: -999px;
margin-top: -9px !important;
}  
H1.newsTitle{ 
background:#ffffff url(../images/title-news.gif) 0 0  no-repeat;
overflow:hidden;
text-indent: -999px;
margin-top: 0px;
}  
H2.locations{ 
background:#ffffff url(../images/text_locations.gif) 0 0px   no-repeat;
overflow:hidden;
text-indent: -1999px;
height: 120px;
margin-left: -2px;
} 
 
H2.catering{ 
background:#ffffff url(../images/text_catering.gif) -10px 0px   no-repeat;
overflow:hidden;
text-indent: -1999px;
height: 130px;
} 
	H2.aboutus{ 
	background:#ffffff url(../images/aboutus_1.gif) -10px 0px   no-repeat;
	overflow:hidden;
	text-indent: -3999px;
	height: 195px;
	width: 908px;
	} 
		H2.aboutusLower{ 
	background:#ffffff url(../images/aboutus_2.gif) 0px 0px   no-repeat;
	margin: 20px 0 0 29px;
	overflow:hidden;
	text-indent: -4999px;
	height: 200px;
	width: 900px;
	} 
	
	
	
	
	H2.aboutus_text1
	{
	background:url(../images/aboutus_1.gif) 0 0  no-repeat;
	overflow:hidden;
	text-indent: -4999px;
	height: 130px;
	padding-left:30px;
	}
	H2.aboutus_text2
	{
	background:url(../images/aboutus_2.gif) 0 0  no-repeat;
	overflow:hidden;
	text-indent: -4999px;
	height: 130px;
	} 
H2.news{ 
background:#ffffff url(../images/text_news.gif) 0px 0px   no-repeat;
overflow:hidden;
text-indent: -1999px;
height: 110px;
} 

H1.ourstory{ 
background:url(../images/title-our-story.png) 0 0  no-repeat;
overflow:hidden;
text-indent: -999px;
}

H1.ideal{ 
background:url(../images/title-ideal-partner.png) 0 0  no-repeat;
overflow:hidden;
text-indent: -999px;
} 

H1.faq{ 
background:url(../images/title-faq.png) 0 0  no-repeat;
overflow:hidden;
text-indent: -999px;
}

H1.application{ 
background:url(../images/title-application.png) 0 0  no-repeat;
overflow:hidden;
text-indent: -999px;
}  

H2.ourstory{ 
	background: url(../images/franchise-ourstory.png) 0px 0px   no-repeat;
	overflow:hidden;
	text-indent: -19999px;
	height: 1057px;
	width: 677px;
	} 

H2.ideal{ 
	background: url(../images/franchise-ideal-partners.png) 0px 0px   no-repeat;
	overflow:hidden;
	text-indent: -19999px;
	height: 769px;
	width: 677px;
	} 
	
	H2.faq{ 
	background: url(../images/franchise-faq.png) 0px 0px   no-repeat;
	overflow:hidden;
	text-indent: -19999px;
	height: 523px;
	width: 677px;
	}
	
	H2.application{ 
	
	width: 500px;
	margin-left:200px;
	border:#636357;
	
	} 

/*  locations styles */
DIV.fourCol{ 
width: 235px;
float:left;
font-size: .8em;
}  
DIV.fourCol P{ 
margin: 8px 0 8px 0;
} 
DIV.fourCol{ 
width: 235px;
float:left;
font-size: .8em;
}
IMG.maps{ 
margin-bottom: 40px;
outline: 0px;
border: 0px;
}
/*   REMOVED SINCE TOOK OFF LINK
DIV.fourCol IMG:hover{ 
opacity: .8; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80); 
}
 */

/*  misc styles */
DIV.download { 
padding: 5px 0 0 0px;
} 

DIV.download IMG{ 
float: left;
margin: -14px 10px 0 0px;
}
DIV.download IMG:hover{ 
opacity: .8; 
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
filter: alpha(opacity=80);
} 
DIV.download A { 
text-decoration: none;
font-weight: bold;
color: #838271;
display: block;
width: 180px;
}  
DIV.download A:hover { 
color: #c1d72e;
} 
DIV.menuDownload {
	position: absolute;
	top: 468px;
	right: 11px;
}

DIV.quote  {   
background: url(../images/back-quote.png) 0 0 repeat;
padding: 15px 15px 50px 20px;
margin: 0px;;

width: 270px;
}  
DIV.shortQuote  {   
width: 170px;
}
DIV.quote DIV.download IMG { 
margin: -24px 10px 0 0px;
} 
DIV.quote DIV.download  { 
padding-top: 34px;
} 


/*  contact page form */
TABLE.formTable TD{ 
padding: 10px;
font-weight: bold;
font-size: 1.2em;
vertical-align: top;
text-align: right;
color: #64634f;
} 

TABLE.formTable INPUT[type=text], TABLE.formTable TEXTAREA { 
background: #e9e9e5;
border: 0px;
width: 432px; 
padding: 5px;
} 

.greyBox{ 
background: #e9e9e5;
border: 0px;
width: 432px; 
padding: 5px;
} 

DIV.menuPage P{ 
margin: 8px 0 8px 0;
} 
DIV.menuPage H3{  
color: #51513d;
font-size: 1.4em;
font-weight: bold;
} 

DIV.menuPage P STRONG{  
color: #a8cf00;
font-size: 1.0em;
font-weight: bold;
} 
DIV.menuPage P SPAN{  
font-weight: bold;
} 

DIV#dressing {
color:#fff;
background-color:#959484;
padding:5px;
margin-bottom:30px;
}

DIV#toppings {
color:#fff;
background-color:#959484;
padding:5px;
margin-bottom:30px;
width:350px;
}


DIV.franchisecontent{
float: left;
width: 880px;
padding: 0 40px 0 40px;
}

.fanchisenav{
float:left;
width:200px;	
	
}

.menuimage{

background: url(../images/sto nes.gif) no-repeat right bottom;

heig50px;
}

.menuimage2{
background: url(../images/mixt ure.gif) no-repeat right 150px;
heig50px;
}

/*
.menuimage3{
background: url(../images/bottle.gif) no-repeat right middle;
heig50px;
}*/

/*.menuimage4{
background: url(../images/fruit.gif) no-repeat right center;
heig50px;
}*/


.homecontent{
width:90%;
padding-left:50px;
padding-top:30px;
}

.homecontent2{
padding-left:50px;
width:100%;
padding-top:30px;
}

.homecontent2a{
float:left;
width:60%;
}

.homecontent2a img{
padding:15px;
}

.homecontent2b{
float:left;
width:35%;
margin-left:10px;
padding-top:80px;
}

.homecontent3{
padding-left:50px;
width:90%;
clear:both;
padding-top:50px;
}
.aboutuscontent{
width:100%;
clear:both;
padding-top:50px;
}

.heading{
font-size:30px; font-weight:bold;color:#CCCCCC;
font-family: Trebuchet MS, arial, sans-serif;  
}

.hometext{
font-size:20px;color:#999999;
line-height:30px;
font-family: Trebuchet MS, arial, sans-serif;  
text-align:justify;
}


.subheading{

color: #c8d82f;
font-size:28;

}
.size2 {font-size: 24px}

.italic{

font-style:italic;
}

/* FRANCHISE NAV */

a.frannav:link {	
	border-style:none;
	color:#c8d82f;
	font-size:20px;
	text-decoration:none;
	
}

a.frannav:visited {	
	border-style:none;
	color:#c8d82f;
	font-size:20px;
	text-decoration:none;
}

a.frannav:hover, a.frannav:focus {	
	border-style:none;
	color:#636357;
	font-size:20px;
	text-decoration:none;
}

a.frannav:active {
	border-style:none;
	color:#c8d82f;
	font-size:20px;
	text-decoration:none;
}