/* CSS Document */


/*******************************************************************/


body {background:#636363; color:#000; font-family:"trebuchet ms", "times new roman", times, serif; font-size:76%;}
/* * {margin:0;padding:0} */
h1,h2,h3,h4,h5{
padding: 2px 10px 0 10px;
margin: 2px 0 0 0;}
p{
padding: 2px 10px 0 10px;
margin: 2px 0 0 0;}
blockquote{
padding: 2px 10px 2px 10px;
margin: 2px;
border:1px solid #ccc;
background-color:#ebebeb;
color:#000;
}
.bighighlight {
padding: 2px 10px 2px 10px;
margin: 2px;
background:#c00;color:#fff;
font-size:180%;
}
ul
/*************************************************/
/* ^layout                             */
/******************************************************************************************/
#container {position:relative; width:100%;}
#holder {position:relative; width:65em; border: .8em solid #fff;margin:0 auto;}
/* MSIE display:inline-block is to make sure MSIE doesn't paint the backround above the containers, the overflow declaration is to make sure the containers do not drop below siblings if content pushes the width (in modern browsers it doesn't drop, but it spawns an orizontal scrollbar)  */
#header,#menu,#feature,#content,#sub-section,#footer {overflow:hidden;width:100%}
#header,#menu,#footer {margin:0;padding:0}
#feature,#content,#footer {clear:left}
#header {background:#fff;color:#000;}
#menu {background:#fff;color:#000;}
#feature {background:#090;color:#FFFFFF;}
#content {background:#fff;color:#000;}
#sub-section {background:#c00;color:#fff;}
#footer {background:#f4f4f4; text-align:center; color:#000;}
/*#sitenav ul li {display:inline; float:right}*/
#sub-section div {text-align:left;margin-left:10px}
/*************************************************/
/* ^header                             */
/******************************************************************************************/
#feature img.logo {
float:left;
background-color:#f4f4f4;
border: 0 solid #ccc;
padding: 0;
margin: .2em;
vertical-align:text-bottom;
width: 40em;
height: 15.5em;
color:#fff;
}
/*************************************************/
/* ^links                            */
/******************************************************************************************/
a { background-color:transparent; text-decoration:none; padding: 0; border-bottom: 1px solid #003300; color:#003300}
a:hover { background-color:#ccffcc; color:#030;}
#header a, #header a:hover { background-color:transparent; text-decoration:none; padding: 0; border-bottom: 0 solid #003300; color:#030;}
/*#home_spot a {background-color:transparent; color: #000; }
#home_spot a:hover { background-color:#ccffcc; color:#000;}*/
/*************************************************/
/* ^menu                             */
/******************************************************************************************/
#menu h2.logobase
{ float:left;padding:0 0 0 1em;margin:0;font-style:italic;
background-color:transparent; color: #008C00; font-size: 125%;text-align:center;
	
}
#navlist 
{ float:right;padding:0;margin:0;font-size:120%;
}
#navlist li
{
float: left;
margin: 0;
padding: 0;
width: auto;
display: block;
}

#navlist li a, #navlist li a:link
{
background: #fff;
color: #555;
text-decoration: none;
padding: 3px 5px 3px 5px;
display: block;
border-bottom: 0 solid #fff;
border-left: 1px solid #fff;
font-weight: bold;
}

#navlist li a:hover
{
/*color: #039;
border-bottom: 3px solid #52BA52;
cursor: pointer;*/
background: #B1E0B1;
color:#030;
}

#navlist li a#current, #navlist li a#current:link
{
color: #fff;
background: #52BA52;
/*border-bottom: 3px solid #52BA52;*/
}

#navlist li a#current:hover
{
/*border-bottom: 3px solid #f90;
background: #eee;*/
}
/*************************************************/
/* ^feature                             */
/******************************************************************************************/
#feature{
margin:0;
padding:0;
background-image:url(../css/imgs/bg_feature.jpg);
background-position:top;
background-repeat:repeat-x;}
#feature h1 {
font-style:italic;
margin:0;
padding:.3em .5em .1em .5em;
font-size: 2.1em;
}
#feature h3 {
margin:0;
padding:.2em .5em .3em .5em;
font-size: 1.25em;
}
#feature img.lgimg {
float:right;
background-color:#f4f4f4;
border: .1em solid #ccc;
padding: .4em .2em .4em .2em;
margin: .5em;
vertical-align:text-top;
width: 40em;
height: 15.5em;
}

#feature img.feat_right_img {
float:right;
border: 1px solid #008C00;
padding: 0;
margin: 0;
vertical-align:text-top;
}


/*************************************************/
/* ^resmenu                              */
/******************************************************************************************/
div#resmenu{ margin: 2px;}
h2{margin: 1em auto 0.3em;color: #008C00;
    font-size: 125%;text-align:center;
	clear:left;}
h2 em{margin: 1em auto 0.3em;color: #008C00;
    font-size: 90%;text-align:center;
	}

dl{width: 100%;overflow: auto;margin: 0 0 0;
    background:   url("imgs/dot.gif") repeat-x 0 .5em;
	}
dt,dd.price{background: #FFF;font-weight: bold}
dt{float: left;padding-right: 3px;color: #000}
dd{margin:0}
dd.price{float: right;padding-left: 3px;color: #999}
dd.ingredients{float: left;width: 100%;padding: 3px 0;
   font: italic 95% Georgia,Times,sans-serif;color: #555; overflow: visible;}
.col{float: left;padding: 0 2% 0 2%; width: 46%}
.menunotes{clear: left; padding: 5px; text-align:center; font-size:95%;}
.lunchspecial{clear: left;  padding: 5px; width: 460px; border: 2px solid #000; margin: 10px 100px 5px 200px;}
a.menudld.lunch, a.menudld.dinner, a.menudld.catering, a.menudld.martini {position:relative; width:385px; height:80px; padding:0; overflow:hidden; margin-top:0px; color:#fff; text-align:center;left:0px;}
a:hover.menudld.lunch em { background-image:url(../imgs/menu_lunch.jpg); }
a.menudld.lunch em { display:block; width:385px; height:80px; background-image:url(../imgs/BW_menu_lunch.jpg); position:absolute; top:0; left:0; }
a:hover.menudld.dinner em { background-image:url(../imgs/menu_dinner.jpg); }
a.menudld.dinner em { display:block; width:385px; height:80px; background-image:url(../imgs/BW_menu_dinner.jpg); position:absolute; top:0; left:0; }
a.menudld.catering em { display:block; width:385px; height:80px; background-image:url(../imgs/BW_menu_catering.jpg); position:absolute; top:0; left:0; }
a:hover.menudld.catering em { background-image:url(../imgs/menu_catering.jpg); }
a.menudld.martini em { display:block; width:385px; height:80px; background-image:url(../imgs/BW_menu_martini.jpg); position:absolute; top:0; left:0; }
a:hover.menudld.martini em { background-image:url(../imgs/menu_martini.jpg); }

/*************************************************/
/* ^Special ^Forms                            */
/******************************************************************************************/

#contactform {
margin-left: 23%;
background-color:#fff;
width: 48%;
color:#000000;

}
#contactform fieldset {
    border: 0;
	font-size:130%;
	color: #000000;
}
#contactform fieldset div {
    margin-top: 2px;
	margin-bottom: 3px;
	text-align:center;
	font-size:70%;
}
#contactform fieldset div.fm-req {
    font-weight: bold;
}
#contactform fieldset div.fm-req label:before {
    content: "* "; /* does not work in IE */
}
#contactform label {
   float: left;
    width: 150px;
    padding: 0 1em;
    text-align: right;
}
#contactform fieldset div input, #contactform fieldset div textarea {
    width: 150px;
    border-top: 1px solid #555;
    border-left: 1px solid #555;
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 1px;
    color: #333;
}

#contactform fieldset div textarea {
    width: 300px;

}
#contactform #fm-submit {
    clear: both;
    padding-top: 1em;
    text-align: center;
}

#contactform #fm-submit input {
    border: 2px solid #ccc;
    padding: 2px;
    background:#ebebeb;
	color:#000;
    font-size: 105%;
	margin: 0 2px 0 2px;
	text-transform:uppercase;
}


/*******************************************************************************************/
.photocard {float: left;
padding: 2px;
background-color:#ebebeb;
border: 1px solid #ccc;
color:#000;
margin-right: 5px }
.photoinfo {font-size: 80%; padding:0; margin: 2px 0 2px 2px; }

.clear {clear: both;}
.cateringbox {border: 1px solid #000; padding: 3px; margin:1px; }
/*.home_left{float: left; width: 45%;}*/
#home_spot {float: right; width: 45%; background-color:#ffffff; color: #000; padding:2px 5px 2px 5px; border-left:1px dashed #ccc;}
#home_spot h2{margin: 0;color: #008C00;
    font-size: 200%;text-align:center;
	clear:left; background-color:#FFFFFF;border-bottom: 1px solid #ccc;}

.appetito {width:33em; }