/* SMILESCSS.CSS */

/* KILL BROWSER DEFAULTS */
   *   {margin:0; padding:0;}
   img {border:none;}

/* ALL PAGES */ 
   h1  {color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:16pt;font-weight:800;text-align:center;margin-bottom:30px;}
   h2  {color:#6A1417;font-family:'Arial Bold',Helvetica,sans-serif;font-size:30pt;text-align:center; margin-bottom:10px;}

/* LAYOUT- TOP OF PAGE & CONTENT   */ 
   div#layout                      {position:relative; width: 982px; border: 2px solid black;  margin-left: auto; margin-right: auto; 
                                    padding: 2px 2px 1px 2px; background-color:#DCDCDC; } /*NOTE: an extra 1px padding-bottom is effectivly added by div#bottomMarker */    
   div#awardBox                    {float: left;  width:111px; height:101px; border: 2px solid black; background-color: #DCDCDC; 
                                    padding: 20px 20px 19px 20px; text-align: center; margin-right: 2px; } 
   div#logoBox                     {float: left; width:820px; height:140px;   border: 2px solid black; padding: 0;}  
   div#content                     {float: left; width:760px;  border: 2px solid black; padding: 30px 30px 10px 30px; margin: 2px 0 0 2px; height:800px;}  
   #home      div#content          {height:967px;} 
   #foodMenu4 div#content          {height:1178px;} 
   #foodMenu5 div#content          {height:1738px;}  
   #awards    div#content          {height:2660px;}
   #gallery   div#content          {height:927px;}
   #location  div#content          {height:787px;}
   #contact   div#content          {height:404px;} 
   #career    div#content          {height:400px;}
   div#bottomMarker                {clear:both; visibility:hidden; height:1px; margin:0;padding:0;}

/* NAVIGATION - LEFT HAND COLUMN & BUTTONS */
   div#navigation                  {float: left; width: 151px; font-family: 'Trebuchet MS',sans-serif;  font-size: 16px; font-weight: bolder; 
                                    background-color: #DCDCDC; border: 2px solid black; margin-top: 2px; padding-bottom: 4px;height:836px;}
   #home      div#navigation       {height:530px;}    
   #foodMenu4 div#navigation       {height:1214px;}
   #foodMenu5 div#navigation       {height:1774px;} 
   #awards    div#navigation       {height:2696px;}
   #gallery   div#navigation       {height:963px;}
   #location  div#navigation       {height:823px;}
   #contact   div#navigation       {height:440px;} 
   #career    div#navigation       {height:436px;}

   div#navigation ul               {list-style: none; margin: 0; padding: 0;}  
   div#navigation li               {margin-top: 5px; margin-bottom: 5px;}  
   div#navigation li a             {display: block; color: #FFFFFF;  padding:5px 5px 5px 0.5em; 
                                    border-left: 5px solid #DCDCDC; border-right: 5px solid #DCDCDC; background-color: #BE4355; text-decoration: none; }  
   div#navigation li a:hover       {background-color: #660000; border-left: 5px solid #660000; border-right: 5px solid #660000; } 
   div#navigation ul ul li a       {padding: 0px 5px 0px 0.5em; border-left: 15px solid #DCDCDC;}  
   div#navigation ul ul li a:hover {border-left: 15px solid #660000;} 

/* NAVIGATION - BOTTOM BUTTONS */
   #botNavButtonPosnSpace          {position: relative; height: 35px; margin-top:20px;}   
   #botLeftNavButtonPosn           {position: absolute; bottom:0px; left:10px; text-align: left; width:140px;}
   #botRightNavButtonPosn          {position: absolute; bottom: 0px; right:10px; width: 140px; text-align:  right;}
   #botNavButtonPosnSpace a        {display: block; padding: 1px 5px 1px 5px; border-left: 5px solid #DCDCDC;border-right: 5px solid #DCDCDC;color: #FFFFFF; 
                                    font-family: 'Trebuchet MS',sans-serif; font-size: 16px; font-weight:bolder; color: white; 
                                    text-decoration: none; background-color: #BE4355;}  
   #botNavButtonPosnSpace a:hover  {background-color: #660000;  border-left:  5px solid #660000; border-right: 5px solid #660000;}

/* PAGE SPECIFIC - HOME PAGE */
   div#homePage img#theShop        {margin: 0 auto 20px auto; display:block;} 
   div#homePage p                  {text-align:justify; margin-right:50px; margin-left:50px; color:#6A1417; padding:10px;
                                    font-family:Arial,Helvetica,sans-serif; font-size:12pt; font-weight:100;} 
/* NOTE: to change the position of PageLocNavCell, change top to position box, then amend padding to give correct size */
   div#homePageLocNavCell          {position: absolute; z-index:9;top: 688px; left:2px; width:151px; background-color:#DCDCDC; border:2px solid black; font-family:'Trebuchet MS',sans-serif;
                                   font-size:16px; font-weight:bolder;  text-align:center; padding-bottom:143px; padding-top:142px;}
   div#homePageLocNavCell a        {background-color: #BE4355; display: block; border-right: 10px solid #DCDCDC; border-left: 10px solid #DCDCDC;
                                    text-decoration: none; color: #FFFFFF; } 
   div#homePageLocNavCell a:hover  {border-right: 10px solid #6A1417; border-left: 10px solid #6A1417; background-color: #6A1417;}

/* PAGE SPECIFIC - FOOD PAGES */ 
   div.foodMenuListRow             {margin:40px 0 0 0;}
   div.foodMenuListRow br          {clear:both;}
   div.foodMenuListCell            {width:380px; float:left;}
   div.foodMenuListCell p          {color:#6A1417; font-family:Arial,Helvetica,sans-serif; font-size:12pt; font-weight:100; margin-top:0;
                                    padding:5px 15px; text-align:left;}
   div.foodMenuListCell ul         {list-style-type:none; text-align:left;padding-left:40px;} 
   div.foodMenuListCell li         {color:#000000;font-family:Arial,Helvetica,sans-serif;font-size:12pt;font-weight:100;margin-top:5px;}
   div#noMargin li                 {margin:0px;}
   div.foodMenuListCell h3         {color:#6A1417; font-family:Arial,Helvetica,sans-serif; font-size:12pt; font-weight:800; margin:1em 0;}
   div#noMargin h3                 {margin-bottom:3px;}
   div.foodMenuImageCell           {float:left; width: 340px; margin-left:10px;} 
   div.foodMenuImageCell img       {display:block; margin: 0 auto 20px auto;} 

/* PAGE SPECIFIC - AWARDS PAGE */ 
   div.awardsArea                  {padding: 0;  }
   div.awardsArea h2               {color: #6A1417;font-family: 'Arial Bold',Helvetica, sans-serif; font-size: 30pt; text-align: left;} 
   div.awardsArea img              {float: left; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; margin-left: 10px;}
   div.awardsArea p                {color: #6A1417; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: 100; padding: 0 30px 0 0; 
                                    text-align: left; margin: 16px 0 16px 0;  } 
   div.newsPaperArticle            {margin-right: 70px;  margin-left: 70px;  margin-top: 40px; padding: 10px; color: #000000;  text-align: justify; font-family: Arial, Helvetica, sans-serif;
                                    font-size: 12pt; font-weight: 100;  background-color: #EDEDED; } 
   div.newsPaperArticle h3         {text-align: center; background-color: #EDEDED; color: #000000; font-family: Arial, Helvetica, sans-serif;
                                    font-size: 16pt; font-weight: 800; }		
   div.newsPaperArticle p          {margin-top: 30px; text-align: justify;color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: 100;}
   div.newsPaperArticlePic1        {float:right; width: 330px; margin-right: 20px; margin-left: 20px; text-align: center; color: #000000; font-family: "Times New Roman", Times, serif ; font-size: 11pt; font-style: italic; }	
   div.newsPaperArticlePic2        {float:left; width: 426px;  margin-right: 20px;  margin-right: 20px; color: #000000;  font-family: "Times New Roman", Times, serif ;  font-size: 11pt;  font-style: italic;} 

/* PAGE SPECIFIC - LOCATION PAGE */ 
   div#locationPageContent h3      {color: #6A1417; font-family: Arial, Helvetica, sans-serif; font-size: 12pt; font-weight: 100; margin-left: 160pt; 
                                    margin-bottom: 10px; text-align: left; } 
   div#locationPageContent ul      {list-style-type: none; margin-left: 200pt;  } 
   div#locationPageContent li      {color: #6A1417; font-family: Arial, Helvetica, sans-serif; font-size: 14pt;  text-align: left;} 	 
   div#locationPageContent img     {margin:20px 0 20px 30px;} 
   div#locationPageContent p       {text-align:center;} 

/* PAGE SPECIFIC - GALLERY PAGE */ 
   table#galleryTable td           {padding: 20px; } 
                                   
/* PAGE SPECIFIC - CONTACT US PAGE */ 
   div.contactArea                 {margin-bottom: 200px}
   div.contactArea p               {color: #6A1417;font-family: Arial, Helvetica, sans-serif;font-size: 12pt;font-weight: 100;text-align: left;margin-bottom:0px;}  
   div.contactArea ul              {list-style-type: disc; text-align: left; margin-left: 30pt; margin-top: 0;}
   div.contactArea li              {color: #6A1417;font-family:  Arial, Helvetica, sans-serif;font-size: 14pt; } 	        

/* PAGE SPECIFIC - CAREERS PAGE */ 
   div.careers p                   {text-align: left;  margin: 0;color:#6A1417;font-family:Arial,Helvetica,sans-serif;font-size:12pt;
                                    font-weight:100;padding:23px; }