/* CSS for The Kitchen Table - three columns */



div#wrapper {
  position:relative; width: 800px;
  margin-left: auto;
  margin-right: auto;

text-align: left;
height: 850px;

overflow: visible; background-color: #e9edd2; background-image: url(images/bkgrnd.jpg); background-repeat: repeat-y;
}




body {text-align: center; color:#fff; background-color: #000;


font:1em verdana, arial, sans-serif; height: 100%;

}
* {margin:0; padding:0;}


div#tag {position: absolute; top: 200px; margin-left: -55px; z-index: 12; }



/*logo styling starts here*/


div#header {width:100%; background-color: #000;}

div#header img{margin-top: 10px; margin-left: 0px; margin-bottom: 5px;}


div#header p {font-size:.7em; margin-top:.5em; margin-bottom:.5em; margin-left: 90px; line-height: 1em; text-align: center;}





div#header a {color:#ffffcc; font-size:.9em; text-decoration:underline;}/*this is your link*/
div#header a:hover {color: #ff0000; text-decoration:underline;}





/*logo styling stops here*/







div#leftcolumn {position: absolute; left: 0px; top: 150px;
 width: 550px;}





div#rightcolumn {position: absolute; left: 525px; top: 270px;
  width: 274px;  height: 565px; text-align: center;  background-color: #fff;
border-left: 1px dotted; border-left-color: #9fb43b;}
div#deals {
  margin-top: 150px;
}
 div#deals img {
   border: 0;
 }




div#locations {text-align: left;}

div#locations img{margin-bottom: 17px;}

div#photos {position: absolute; left: 20px; top: 543px; border-top: 2px dotted; color: #9fb43b; padding-top: 10px;
  }




 div#conditions {
  position: absolute; left: 305px; top: 500px; text-align: left; font-size: .7em; color: #000;
  }




/*footer styling starts here*/

 div#footer{position:absolute; left: 0px; bottom: 0;}


 div#footer p{width:800px;  /* makes the div fill its container - usually body */
 				    padding-bottom: 2px;
                    font-size:.6em; color: #fff; /* sets the font size of all links */
					text-align:center; /* centers the ul elements in the div */
					background-color: #000;/* sets the background color of the div */
					}
 





/*footer styling stops here*/















div#content {margin-top: 150px; margin-left: 50px; margin-right: 70px; clear: left;}


div#content p {font-size:.8em; color:#000; line-height: 1.5em; margin-bottom: 10px;}

h1 {font-size: medium; color: #9fb43b; padding-bottom: 10px; padding-top: 25px;}

h2 {font-size: small; color: #9fb43b; padding-bottom: 10px; padding-top: 10px;}



div#description {margin-top: 280px; margin-left: 50px; margin-right: 70px; clear: left;}


div#description p {font-size:.8em; color:#000; line-height: 1.5em; margin-bottom: 10px;}

h1 {font-size: medium; color: #9fb43b; padding-bottom: 10px; padding-top: 25px;}

h2 {font-size: small; color: #9fb43b; padding-bottom: 10px; padding-top: 10px;}


div#map_canvas {position: absolute; left: 280px; top: 280px;}





div#services{font-size: .7em;
 position: absolute; left: 548px; top: 270px;
  width: 250px;  height: 565px;
   color: #000; border-left: 1px dotted; border-left-color: #9fb43b;
 background-color: #fff;}

     div#services ul{
       list-style-type: none;
padding-left: 5px;
margin: 0 15px 0 5px;
 }
     div#services li{

      list-style-position: outside;
      background-image: url(images/bullet.png);
      background-repeat: no-repeat;
      background-position: 0 .4em;
      padding-left: 1em; padding-right: 1em;
      text-align: left;

      }




 div#services p.platter{color: #000; text-align: center; margin-top: -70px; margin-left: 100px; margin-bottom: 35px;}


        div#services p.middle{color: #000; text-align: center; margin-top: -65px; margin-left: -100px; margin-bottom: 25px;}

         div#services p.midright{color: #000; text-align: center; margin-top: -70px; margin-left: -100px; margin-bottom: 30px;}

         div#services p.right{color: #000; text-align: center; margin-top: -70px; margin-left: -100px;}

           div#services p.feature{
             text-align:center; padding: 4px; line-height: 1.2em;  background-image: url(images/bkgrnd.jpg); margin: 10px; border: #9fb43b dotted 1px;

           }


/* styling for navigation starts here */





div#menu  {
  position:absolute; left: 0px; z-index: 7;
  } /*positions navigation menu*/




      /*flyer starts here*/



   div#flyerheader {width:100%; background-color: #000; height: 135px; font-size: 14px;}

div#flyerheader img{margin-top: 10px; margin-left: 20px; margin-bottom: 5px;}








     div#date { position:absolute; top: 60px; left: 170px;
       font-weight: bold;
     }



   div#return

    {position:absolute; left: 650px; top: 116px; width: 150px;
 background-color: #C53943; text-align: center;}


 div#flyerbody

 { position:absolute; top: 147px; left: 10px; width: 778px;  height: 675px;
   background-color: white;   border: black dotted 1px;
 }

 div#flyerbody img{margin-top: 2px;
   text-align: center; vertical-align: middle;
 }


  div#disclaimer
   {
  position: absolute; left: 0px; top: 830px; width: 100%; text-align: center; font-size: .7em; color: #000;
  }



   div#map_static {
     display:none;
   }