﻿body
{
   margin: 0;
   padding: 0;
   line-height: 1.5em;
   background: #000 url(../Layout/html_bg.jpg) repeat-y top;
   color:#f6f6f6;
   	font:13px arial;

}

a {color:#9f9f9f;}

b
{
   font-size: 110%;
}
em
{
   color: red;
}

#maincontainer
{
   width: 800px; /*Width of main container*/
   margin: 0 auto; /*Center container on page*/

}

#topsection
{
   background: #EAEAEA;
   height: 160px; /*Height of top section*/
}

#topsection h1
{
   margin: 0;
   padding-top: 15px;
   
}

#contentwrapper
{
   float: left;
   width: 100%;
   min-height:400px;
}

#contentcolumn
{
   margin-left: 200px; /*Set left margin to LeftColumnWidth*/
   position:relative;
   padding-left:10px;
   width:570px;
   
}

.text-content, .menu-content {
   max-height:390px;
   overflow-y:auto;
   overflow-x:hidden;
}

#leftcolumn
{
   float: left;
   width: 200px; /*Width of left column*/
   margin-left: -800px; /*Set left margin to -(MainContainerWidth)*/
   /*background: #C8FC98;*/
   min-height:400px;
   text-transform:capitalize;
   
}

#footer
{
   clear: left;
   width: 100%;
   text-align: center;
   padding: 4px 0;
   font-size:12px;
}

#footer a
{
   color: #FFFF80;
   
}
.contact-detail {
   /*text-transform:lowercase;*/
}

.innertube
{
   margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
   margin-top: 10px;
}

h1 {
    font-size:110%;
   margin:0;
   padding:0;
}

/* site nav */
.sitenav {
  height:400px;
  overflow-x:hidden;
}




/** menu layout **/
.menu-head .head { font-weight:bold;}

.menu-head .desc {
   font-style:italic;
   
}
.menu-item .price {
    width:10%;
    /*font-size:smaller;*/
}

.menu-item .item-desc
{
    width:80%;
    /*font-size:smaller;*/
  
}

