/* Le Cottage Restaurant CSS Page */

* {margin:0;padding:0;}
body {text-align:center;font: 67.5% Verdana, Arial, Helvetica, sans-serif;color:#000;background: #223526; padding: 0 0 100px 0;}

a {color:#9c320d;outline:none;}
a:hover {color:#000;}
a img {border:0;}

h2 {font-size:1.4em;}
h4 {padding: 3px;background:#efe7c2;font-size:1.4em;margin: 5px 0;}

p {padding:10px 0;line-height:150%;}
li {line-height:150%;}

#container {width:900px;margin:auto;text-align:left;}
#middle {padding: 0 0 0 25px;background: url(images/spare.gif) 0 0 no-repeat;height:auto !important;height:300px;}
#facebook {width:230px; float:right;font-size:11px;}

/* Header Section */
span.logoborder {display:block;width:331px;height:47px;background: url(images/logo-top-corner-new.gif) 5px bottom no-repeat;}
span.logo {display:block;width:28px;height:185px;float:left;background: url(images/logo-left-corner-new.gif) right 0 no-repeat;}

.language { float: right; padding-right: 10px; padding-top: 2px;} 

#logo-section {width:900px;height:220px;}
#logo-section a {display:block;float:left;width:250px;height:200px;background:#020202;}
#logo-section a img {margin: 45px auto 0 auto;display:block;}

#banner {width:600px;height:200px;float:left;display:block;}
#banner img {position:absolute;}
/* End Header Section */

/*Welcome Section */
#welcome {width:810px;padding: 20px 35px 20px 20px;background-color: #4a1414;margin: -20px 0 0 25px;color:#fff;overflow:visible !important;overflow:hidden;}
#welcome a {color:#e0dbdb;}
#welcome a:hover {color:#fff;}
/*End Welcome Section */

/*News Section */
#news-section {width:600px;background: #fffad2;float:left; height:250px;min-height:250px !important;height:auto !important; padding-bottom: 15px; }
#news h2 {width:158px;height:18px;display:block;overflow:hidden;background: url(images/gingernews.gif) 0 0 no-repeat;text-indent:-9999px;}
#news h4 {font-size:11px;background:0;}
#news p {padding:0;}
#news span {color:#918f8f;}
/*End News Section */

/*Event Section */
#event { }
#event h2 { margin: 10px 10px 2px 10px; color: #bf6013; font-weight: normal; font-size: 16px;} 
#event p { padding: 2px 10px 8px 10px; } 

#stories {width:360px;float:left;}
#stories h2 { margin: 6px 0 3px 6px; color: #bf6013; font-weight: normal; font-size: 16px;} 
#stories .story {  margin: 8px 0 4px 6px; padding-bottom: 10px; border-bottom: 1px solid #dcb683;} 
#stories .story .headline{ font-weight: bold; color: #000; font-size: 1.2em;} 
#stories .story .date { color: #737373; font-size: 0.9em;} 
#stories .story p{ margin: 0; padding: 0; color: #000; font-size: 1.0em;} 
/*End Event Section */

/*Menu Section */
#menu { }
#menu  h2 { margin: 10px 10px 2px 10px; color: #bf6013; font-weight: normal; font-size: 16px;} 
#menu  p { padding: 2px 10px 3px 10px; } 
.description {  color: #777777; float: left; padding-left: 10px; padding-right: 8px;  padding-bottom: 8px; width: 470px; font-weight: normal;}
.price { float: left; color: #777777; padding-bottom: 8px; font-weight: normal;  width: 80px;}
/*End Menu Section */

/*Navigation Section */
#navigation {width:275px;height:250px;float:left;background: url(images/nav-new.gif) 0 0 no-repeat;}
html>body #navigation {}
#navigation ul {list-style: none; margin: 20px 0 0 20px;}
#navigation li {width:195px; padding-bottom: 10px;}
#navigation li a { color: #b1b1b1; text-decoration: none;}
#navigation li a:hover{ color: #fff; text-decoration: none;}
/*End Navigation Section */

/*Footer Section */
#footer {width:900px;clear:both;padding: 0 0 0 25px;font-size:10px;color:#fff;}
#footer ul {list-style:none;}
#footer li {display:inline;line-height:180%;}
#footer a {color:#433e3f;text-decoration:none;}
#footer a:hover {color:#555;}
/*End Footer Section */