* 					{margin: 0; padding: 0;}
html, body			{height: 100%;}
body				{color: #000000;background: #FFEDAE url(../images/topbar.jpg) left top repeat-x;text-align: center; font-family: Verdana,arial,geneva,sans-serif;}

div#wrapper 		{background: #FFFFFF url(../images/content-bg.jpg) left top repeat-y; min-height: 100%; height: auto !important; 
					 margin: 0 auto -144px; /* the bottom margin is the negative value of the footer's height */
					 width: 750px; text-align: left;}
div#header 			{background: url(../images/topnav.jpg) top left no-repeat; height: 198px; padding-left: 6px; position:relative;}
div#content 		{padding: 0px 21px 0px 21px;}
div#promobox 		{float: left; border: 3px solid #2D98D9; margin: 0px 0px 20px 10px; padding: 20px 55px 5px;}
div#promobanner 	{float: right; width: 335px; margin: 0px 10px 20px 0px;}

.social				{position:absolute; top:106px; left:220px;}
.social	a			{display:inline-block; margin-right:2px; text-decoration:none;}
.social	a:hover		{text-decoration:none;}
.social a img		{border:none;}
.social a span		{display:none;}
.social a:hover span{display:inline-block;}

/*Image control CSS*/
img 			{display: block;}
.media 			{float: right; padding: 10px 15px; width:250px;}
.halal-small	{float:right; height:40px; width:175px; margin-right:20px;}

table 			{text-align: center;}

h1 				{font-size: 16pt; color: #F0A478; font-weight: normal; line-height: 1.6em; margin: 0px 10px 0.5em;}
h2 				{font-size: 12pt; color: #F0A478; line-height: 1.6em; margin: 0px 10px 0em;}
p, ul			{font-size: 10pt; color: #375DD8; font-weight: normal; line-height: 1.5em; margin: 0px 10px 1.5em; text-align: left;}
ul				{list-style:outside square; margin-left:25px;}

.price			{font-weight:bold; float:right; margin-right:15px;}

a 				{text-decoration: underline;}
a:link 			{color: #869FBB;}
a:visited 		{color: #869FBB;}
a:active 		{color: #004696;}
a:hover 		{color: #004696; text-decoration: underline;}

a.nav 			{display:block; width:195px; height:26px; text-decoration:none; margin-bottom:4px;}
a.nav:hover 	{background-position:bottom;}
a.nav span 		{visibility:hidden;}

a.Home	 		{background:url(../images/Menu_Home.jpg) top no-repeat;}
a.Menu 			{background:url(../images/Menu_Menu.jpg) top no-repeat;}
a.ShoutOuts 	{background:url(../images/Menu_ShoutOuts.jpg) top no-repeat;}
a.Smoothies		{background:url(../images/Menu_Smoothies.jpg) top no-repeat;}
a.Occassions	{background:url(../images/Menu_Occassions.jpg) top no-repeat;}
a.Contact	 	{background:url(../images/Menu_Contact.jpg) top no-repeat;}
a.News			{background:url(../images/Menu_News.jpg) top no-repeat;}

div#submenu 	{background: url(../images/subnav.jpg) top left no-repeat; color: #FFFFFF; text-align: center; text-decoration: none; font-size: 10pt; line-height: 1.0em; margin: 10px -21px; padding: 5px;}

div#submenu a:link, div#submenu a:visited, div#submenu a:active {text-decoration: none; color: #FFFFFF;}
div#submenu a:hover 											{color: #F0A478;}

div#footer, div#push	{height: 140px;}
div#footer 				{background: #379ed8; color: #FFFFFF; border-top: #FF6600 solid 4px; clear: both; position: relative;  /* Needed for Safari */
						 margin: 0px auto; width: 100%;}
div#footernav 			{padding-top: 5px;}

#footer p 				{font-size: 10pt; color: #FFFFFF; font-weight: normal; line-height: 1.5em; margin: 0px 10px 1.5em; text-align: center;}
#footer a 				{font-size: 10pt; text-decoration: none; margin: 0px 10px; }
#footer a:link 			{color: #FFFFFF; background-color: transparent;}
#footer a:visited 		{color: #FFFFFF; background-color: transparent;}
#footer a:active 		{color: #FFFFFF;}
#footer a:hover 		{color: #004696; text-decoration: none;}
