/* Cafe Berlin
Author: Meridian Marketing Group
version: 1.0 */

/* Reset Browser Defaults */
@import url( 'reset.css' );

/* ------------------------------- */
/* HTML ELEMENTS  */
/* ------------------------------- */

address { font-family:Georgia, serif; }
p, h1, h2, h3, h4, h5, h6, p, ul, li, dt, dd, dl, li, ul { font-family:Georgia, Times, serif; color:#000; font-size:100%;  }
strong { font-weight:bold; }
a, a:link, a:visited, li a, li a:link, li a:visited { color:#000; font-weight:bold; text-decoration:underline;}
a.hover, a:hover, li a:hover, li a.hover { color:#000; text-decoration:none;}
a:active { outline: none; }
ul, li { list-style-type:none; padding:0; }


body {
    margin: 0; 
    padding: 0; 
    border: 0; 
    background:URL('images/bg.jpg') repeat-x;
    }

#container {
	margin:0 auto;
	width:100%;
	height:100%;
	font-family:Georgia, 'Palatino Linotype', serif;
}

#header {
	margin:0 auto;
	width:850px;
	height:159px;
	background:url('images/header-bg.jpg') no-repeat center 40px;
}

#header h1 a {
       margin-top:18px;
       width:109px;
       height:122px;
       background:URL('images/logo.png') no-repeat;
       display:block;
       text-indent:-9999px;
       position:absolute;
       z-index:2;
}



/******** Navigation ******/

#header ul {
	margin-top:80px;
	margin-left:85px;
	width:850px;
	height:28px;
	position:absolute;
	z-index:3;
}

#header ul li { 
	display:inline; padding:0; margin:0;
}



#header ul li#home a {
	width:78px;
	height:28px;
	background:URL('images/home.jpg');
	display: block;
	float: left;
	text-indent: -9999px;
}

#header ul li#home a:hover {
	background-position: 0 -28px;
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
 }
 
 
 

#header ul li#menu a {
	width:78px;
	height:28px;
	background:URL('images/menu.jpg');
	display:block;
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}

#header ul li#menu a:hover {
	background-position: 0 -28px;
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}



#header ul li#map a {
	width:63px;
	height:28px;
	background:URL('images/map.jpg');
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}

#header ul li#map a:hover {
	background-position: 0 -28px;
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}




#header ul li#reservations a {
	width:148px;
	height:28px;
	background:URL('images/reservations.jpg');
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}

#header ul li#reservations a:hover {
	background-position: 0 -28px;
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}




#header ul li#contact-us a {
	width:133px;
	height:28px;
	background:URL('images/contact-us.jpg');
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}

#header ul li#contact-us a:hover {
	background-position: 0 -28px;
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}




#header ul li#events a {
	width:90px;
	height:28px;
	background:URL('images/events.jpg');
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}

#header ul li#events a:hover {
	background-position: 0 -28px;
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}




#header ul li#gift-certificates a {
	width:164px;
	height:28px;
	background:URL('images/gift-certificates.jpg');
	display: block;
	float: left;
	text-indent: -9999px;
	display:inline;
}

#header ul li#gift-certificates a:hover {
	background-position: 0 -28px;
	display: block;
	float: left;
	text-indent: -9999px;
}




/**** content container ****/


#content-container {
margin:0 auto;
padding:0;
width:850px;
min-height:400px;
background:url('images/content-container.jpg') repeat-y;
padding-bottom:20px;
}


h2#h2-welcome {
margin:0 auto;
padding-top:20px;
padding-bottom:15px;
background:url('images/welcome.png') no-repeat 0px 25px;
width:374px;
height:65px;
text-indent:-9999px;
display:block;
}

h2#h2-menu {
margin:0 auto;
padding-top:20px;
padding-bottom:15px;
background:url('images/h2-menu.png') no-repeat 0px 25px;
width:165px;
height:68px;
text-indent:-9999px;
display:block;
}


h2#h2-map {
margin:0 auto;
padding-top:20px;
padding-bottom:15px;
background:url('images/h2-map.png') no-repeat 0px 25px;
width:262px;
height:58px;
text-indent:-9999px;
display:block;
}


h2#h2-reservations {
margin:0 auto;
padding-top:20px;
padding-bottom:15px;
background:url('images/h2-reservations.png') no-repeat 0px 25px;
width:194px;
height:58px;
text-indent:-9999px;
display:block;
}

h2#h2-events {
margin:0 auto;
padding-top:20px;
padding-bottom:15px;
background:url('images/h2-events.png') no-repeat 0px 25px;
width:98px;
height:58px;
text-indent:-9999px;
display:block;
}

h2#h2-contact-us {
margin:0 auto;
padding-top:20px;
padding-bottom:15px;
background:url('images/h2-contact-us.png') no-repeat 0px 25px;
width:173px;
height:58px;
text-indent:-9999px;
display:block;
}

/*****content *******/

#content {
        padding-top:0px;
        margin:0 auto;
        background:#ffe4b3;
        width:790px;
        -moz-box-shadow: 0px 0px 8px 0 #B76F0C;
        -webkit-box-shadow: 0px 0px 8px 0 #B76F0C;
        box-shadow: 0px 0px 8px 0 #B76F0C;
        z-index:4;
        position:relative;
        -moz-border-radius: 10px 10px 10px 10px;
        filter: progid:DXImageTransform.Microsoft.Shadow(color=#B76F0C,direction=0,strength=8)
        progid:DXImageTransform.Microsoft.Shadow(color=#B76F0C,direction=90,strength=8)
        progid:DXImageTransform.Microsoft.Shadow(color=#B76F0C,direction=180,strength=8)
        progid:DXImageTransform.Microsoft.Shadow(color=#B76F0C,direction=270,strength=8);

}

#content p {
	padding:10px;
	color:#000;
	line-height:140%;
	font-family:Georgia, "Times New Roman", Times, serif;
}

#content ul {
padding:20px;
text-align:center;
}

#content li a, #content li a:visited {
font-weight:bold;
line-height:180%;
font-size:120%;
}

#content h3 {
font-family:Georgia;
font-style:italic;
font-size:180%;
color:#5B2517;
padding:20px;
text-align:center;
}

#content h4 {
font-family:Georgia;
font-style:italic;
font-size:160%;
color:#5B2517;
padding:20px;
text-align:center;
}


/****** styling of the menu pages **********************/


#dl-items dl {
margin: 0 auto;
text-align:center;
line-height:160%;
padding:20px 10px;
}

#dl-items dt { font-weight:bold; color:#5B2517; font-size:105%; }

#dl-items dd { font-style:italic; }

span.price { font-size:100%; color:black; padding-left:20px; }



#dl-items-asparagus dl {
width:700px;
margin: 0 auto;
text-align:center;
line-height:130%;
padding:20px 10px;
}

#dl-items-asparagus dt { font-weight:bold; color:#5B2517; font-size:120%; }

#dl-items-asparagus dd.price { font-size:160%; }

#dl-items-asparagus dd.or { font-size:90%; font-style:italic; }


/********footer*********/


#footer {
	margin:0 auto;
	padding:0;
	margin-top:10px;
    width:853px;        
    height:55px;
    background:URL('images/footer-bg.png') no-repeat center;
 }

#footer p {
	margin:0 auto;
	padding-top:17px;
    color:#000;
    text-transform:uppercase;
    color:#262626;
    font-family:Palatino Linotype, Times, sans-serif;
    font-size:10pt;
    text-align:center;


}