body {
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-family: Lucida Grande,Tahoma,Helvetica,sans-serif,Arial;
	line-height: 16px;
	color: #f1a314;
	background: #f1a314 url(images/backgroundbubbles.jpg) repeat-x top center;
}

h2 {
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}

h3 {
	padding-left: 0px;
	font-size: 14px;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
	color: #333333;
}

p, blockquote, ul, ol {
	margin-top: 0;
}

/*-----------------------------------HEADER----------------------------------------*/

#header {
	width: 944px;
	height: 403px;
	margin: 0 auto;
	z-index: 1;
}
/*-----------------------------------HEADER IMAGES AREA----------------------------------------*/
#wannaparty {
position:absolute;
width:288px;
height:306px;
top:96px;
left:50%;
margin-left:214px;
z-index:1;
}

#hero_home {
position:absolute;
width:945px;
height:403px;
left:49%;
top:50px;
margin-left:-438px;
z-index:998;
}

/*-----------------------------------WRAPPER----------------------------------------*/

#wrapper {
	
}

/*-----------------------------------MAIN NAVIGATION----------------------------------------*/

#menuwrapper {
	display: block;
	width: 200px;
	text-align: left;
	font-size:12px;
	padding-top: 100px;
}

#wrapperNavlist {
  display: block;
  width: 200px;
  margin-left: 5px;
}

#menuwrapper ul {
list-style:none;
}

#navlist {
  margin: 0;/*removes indent IE and Opera*/
  padding: 0;/*removes indent Mozilla and NN7*/
  font-family:Arial, Helvetica, sans-serif;
}

#navlist a, #navlist a:visited {
  display: block;
  height: 34px;
  line-height: 34px;/*must be equal to height. Centers the text vertically*/
  padding: 0 0 0 10px;
  border: none;
  font-size: 14px;
  font-weight: bold;
  color: #ffffff;
  text-decoration: none;
  background: url(images/nav.gif) repeat-x left top;
}

#navlist a:hover {
  background-position: 0 -34px;   /* Shift background image vertically 24px, or start of the 2nd background image (on mouseover) */
  font-size: 14px;
  font-weight: bold;
  color: white;
}

#navlist #active a {
  display: block;
  background: url(images/onnav.gif) repeat;
  background-position: 0px;
  padding-left: 10px;
  cursor: default;
  font-size: 14px;
  color: #666666;
  font-weight: bold;
}

/* SUB MENU  NAVIGATION
-------------------------------------------------------- */
#subnavigation{
} 

ul#nav {
position: relative;
height: 31px; width: 574px;
background: url("images/nav.gif") no-repeat;
margin: 15px 0px 15px 0px;
}

ul#nav li {
float: left;
list-style: none;
}
	
ul#nav li a {
position: absolute;
text-indent: -9999px;
text-decoration: none;
border: none !important;
top: 0; height: 31px;
}

ul#nav li#nav-burgers a { 
left: 0; width: 98px;
background: url("images/subnav.jpg") no-repeat;
}
ul#nav li#nav-shakes a { 
left: 98px; width: 161px; 
background: url("images/subnav.jpg") -98px 0 no-repeat;
}
ul#nav li#nav-breakfasts a { 
left: 259px; width: 107px; 
background: url("images/subnav.jpg") -259px 0 no-repeat;
}
ul#nav li#nav-kids a { 
left: 366px; width: 101px; 
background: url("images/subnav.jpg") -366px 0 no-repeat;
}

ul#nav li#nav-takeaway a { 
left: 467px; width: 107px; 
background: url("images/subnav.jpg") -467px 0 no-repeat;
}

ul#nav li#nav-burgers a:hover  		{ background-position: -0px -31px; }
ul#nav li#nav-shakes a:hover  		{ background-position: -98px -31px; }
ul#nav li#nav-breakfasts a:hover  	{ background-position: -259px -31px; }
ul#nav li#nav-kids a:hover  		{ background-position: -366px -31px; }
ul#nav li#nav-takeaway a:hover  	{ background-position: -467px -31px; }

ul#nav li#nav-burgers a.active  	{ background-position: -0px -62px; }
ul#nav li#nav-shakes a.active  		{ background-position: -98px -62px; }
ul#nav li#nav-breakfasts a.active  	{ background-position: -259px -62px; }
ul#nav li#nav-kids a.active  		{ background-position: -366px -62px; }
ul#nav li#nav-takeaway a.active  	{ background-position: -467px -62px; }


/*-----------------------------------MAIL BOX----------------------------------------*/
#mailholder {
	padding-top: 5px;
	width:200px;
	margin:5px 5px 5px;
}

#mailtop {
height: 33px;
background: url("images/mail_top.gif") 0px no-repeat;
}

#mailcontent {
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-top: 5px;
background: #fff6dc url("images/mail_content.gif") 0px 0px repeat-x;
min-height: 1%;
}

.mailcontent{
padding: 0 0px;
margin-bottom: 21px;
}

#mailbase {
height: 12px;
background: url("images/mail_base.gif") 0px 0px no-repeat;
}
.mailtext {
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #666666;
padding: 10px 10px 10px 10px;
}

.mailtext a{
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #666666;
}
.contactpara {
padding: 0px 0px 0px 0px;
}
	
.formtext{
font-size: 11px;
color: #666666;
height: 18px;
background-color: #e0d2ab;
border: 1px solid #efe3c1;
font-family: Arial, Helvetica, sans-serif;
}

#formfield{
padding: 0px 0px 0px 10px;
}
.formmessage{
font-size: 11px;
color: #666666;
background-color: #ffffff;
border: 1px solid #cccccc;
}
.formbutton{
}
form {
margin:0;
padding:0;
}	

/*-----------------------------------WANNAGO BOX----------------------------------------*/
#wannaholder {
padding-top: 5px;
width:200px;
margin:5px 5px 0px;
}

#wannatop {
height: 33px;
background: url("images/wanna_top.gif") 0px no-repeat;
}

#wannacontent {
color: #ffffff;
padding-right: 0px;
padding-left: 0px;
padding-top: 5px;
background: #fff6dc url("images/wanna_content.gif") 0px 0px repeat-x;
min-height: 1%;
}

.wannacontent{
padding: 0 0px;
margin-bottom: 21px;
}

#wannabase {
height: 12px;
background: url("images/mail_base.gif") 0px 0px no-repeat;
}
.wannatext{
font-size: 11px;
font-family:Arial, Helvetica, sans-serif;
color: #666666;
padding: 10px 10px 5px 10px;
}
.wannapara {
padding: 0px 0px 0px 0px;

}
/*-----------------------------------CONTENT----------------------------------------*/

#content {
	width: 845px;
	margin: 0 auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	line-height:16px;
}

#contentpower {
	width: 625px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#535353;
	line-height:16px;
}

#contentheight{
height: 350px;
color:#f1a314;
}

#content h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#E2C448;
}

#content h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color:#E2C448;
}

#content h3 {
padding-left: 0px;
font-size: 16px;
font-weight: bold;
font-family: Helvetica, Arial, sans-serif;
color: #3c1906;
}

.contentimages {
margin-top:0px;
margin-bottom:0px;
}

/*-----------------------------------HEADINGS----------------------------------------*/
h1 {
padding: 0 0px;
}
	
h1 span {
position: relative;
display: block;
height: 34px; width: 419px;
text-indent: -9999px;
}

		
h1 span.full {
width: 480px !important;
}

h1.home span 			{ background: url("images/heading_irresistable.gif") no-repeat;}
h1.menubreakfast span 	{ background: url("images/heading_menus_breakfast.gif") no-repeat; }
h1.menuburgers span 	{ background: url("images/heading_menus_burger.gif") no-repeat; }
h1.menukids span 		{ background: url("images/heading_menus_kids.gif") no-repeat; }
h1.menushakes span 		{ background: url("images/heading_menus_shakes.gif") no-repeat; }
h1.menu span 			{ background: url("images/heading_menus.gif") no-repeat; }
h1.news span 			{ background: url("images/heading_news.gif") no-repeat; }
h1.reviews span 		{ background: url("images/heading_reviews.gif") no-repeat; }
h1.wannaparty span 		{ background: url("images/heading_wannaparty.gif") no-repeat; }
h1.work span 			{ background: url("images/heading_work.gif") no-repeat; }
h1.locations span 		{ background: url("images/heading_locations.gif") no-repeat; }
h1.fund span 			{ background: url("images/heading_fund.gif") no-repeat; }
h1.getintouch span 		{ background: url("images/heading_contact.gif") no-repeat; }
h1.loyalty span 		{ background: url("images/heading_loyalty.gif") no-repeat; }
h1.express span 		{ background: url("images/heading_menus_express.gif") no-repeat; }


/*-----------------------------------SIDEBAR----------------------------------------*/

#sidebar { width:210px}

#sidebar ul {
	list-style: none;
}


/*-----------------------------------POSTS----------------------------------------*/

#posts {
	float: right;
	width: 625px;
	background-color: #fff6db;
	padding-top: 100px;
}

#posts a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#E2C448;
text-decoration:none;
}

#posts a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#E2C448;
text-decoration:none;
}

#posts a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#ac6615;
text-decoration:none;
}

#posts .post {
padding-bottom: 0px;
}

#posts .story {
padding: 5px 25px 0 25px;
}

#posts ul {
list-style-type:none;
margin-left: 0;
padding-left: 0;
line-height: 21px;
}

#posts ul li {
}

/*-----------------------------------power to the lunch hour ----------------------------------------*/

#postspowerpop {
	float: right;
	width: 625px;
	background-color: #8a0022;
	padding-top: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:16px;
}
#postspowerpop .story {
padding: 5px 25px 0 25px;
}

#postspowerpop h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#E2C448;
text-decoration:none;
}

#postspowerpop a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#E2C448;
font-weight: bold;
text-decoration:none;
}

#postspowerpop a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#E2C448;
font-weight: bold;
text-decoration:none;
}

#postspowerpop a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ac6615;
font-weight: bold;
text-decoration:none;
}

#postspower {
	float: right;
	width: 625px;
	background-color: #981534;
	padding-top: 100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	line-height:16px;
}
#postspower .story {
padding: 5px 25px 0 25px;
}

#postspower a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#E2C448;
font-weight: bold;
text-decoration:none;
}

#postspower a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#E2C448;
font-weight: bold;
text-decoration:none;
}

#postspower a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#ac6615;
font-weight: bold;
text-decoration:none;
}


/*-----------------------------------LINKS----------------------------------------*/
#links {
	float: left;
	width: 220px;
}

/*-----------------------------------HOME PAGE COLUMNS----------------------------------------*/
.col-one {
	float: left;
	width: 270px;
}

.col-two {
	float: right;
	width: 270px;
}


/*-----------------------------------MAIN BASE FOOTER / CITYSCAPE----------------------------------------*/
#footer {
	padding: 0px 0 0px 0;
	background: #f1a314 url(images/cityscape.jpg) repeat-x;
	height: 321px;
}

#footer p {
	width: 750px;
	color: #5A5C53;
}

#legal {
	margin: 0 auto;
	text-align: right;
	font-size: 11px;
}
/*-----------------------------------CONTENT FOOTER----------------------------------------*/

#contentfooter{
height: 45px;
background-image:url(images/contentfooter.jpg);
}

#contentfooter {
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#d67319;
	height:45px;
	padding-top: 10px;
	width:100%;
	background-color:#f3e6bf;
	line-height: 16px;
}

#contentfooter a:link{
	color:#d67319;
	text-decoration:none;
	font-size: 10px;
}
#contentfooter a:hover{
	color:#ac6615;
	text-decoration:none;
	font-size: 10px;
}
#contentfooter a:visited{
	color:#ac6615;
	text-decoration:none;
	font-size: 10px;
}
.largeimage{
float:right;
margin: 0px 0px 10px 10px}

/* TABLES!!!
-------------------------------------------------------- */
.menutable, #shakestable, #dessertstable { 
color:#666666;
border:1px solid #fff6dc;
background-color:#fff6dc;
width:100%; 
margin:0px 0px 20px 0px;
}
.menutable td, .menutable th, #shakestable td, #dessertstable td{
color:#666666;
padding:5px 5px 5px 10px; 
font-size:12px;
}
.odd{
background-color:#f8ecc6;
}
.even{
background-color:#f9eed0;
}
.tdlong{
width:75%
}

/*-----------------------------------MAP----------------------------------------*/
.map{
width:270px; 
height:200px;
}


/*-----------------------------------form----------------------------------------*/
.formtext{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	height: 20px;
	background-color: #f8ecc6;
	border: 1px solid #e7dbb5;
}
.formmessage{
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	background-color: #f8ecc6;
	border: 1px solid #e7dbb5;
}

.formbutton{
	padding: 10px 0px 0px 0px;	
}	

#winner{
width: 200px;
height: 162px;
margin: 10px 0px 10px 0px;
}