/* CSS Document */

* {
margin : 0;
padding : 0;
font-family : Georgia, Times New Roman, Times, Serif;
font-family : Arial, Helvetica, San-Serif;
font-size : 100%; }

body {
background : url(pics/filler.jpg) repeat-x; }

h1 {
margin-left : 2em;
height : 155px;
text-indent : -9999px;
background : url(pics/truffles_header.jpg) no-repeat; }

h2 {
float : left;
margin-left : 22px;
height : 66px;
text-indent : -9999px; }

h2#home {
width : 113px;
background : url(pics/home_sel.jpg) no-repeat; }

h2#opening_times {
width : 248px;
background : url(pics/opening_times_sel.jpg) no-repeat; }

h2#location {
width : 156px;
background : url(pics/location_sel.jpg) no-repeat; }

h2#contact {
width : 152px;
background : url(pics/contact_sel.jpg) no-repeat; }

h2#menu {
width : 109px;
background : url(pics/menu_sel.jpg) no-repeat; }



ol { margin : 1em 0; }

li { list-style-type : none; }

div#nav {
width : 850px; }

ul#nav_bar {
height : 66px; }

ul#nav_bar li {
position : relative;
margin-left : 20px;
top : 12px;
font-size : 180%;
display : inline; }

ul#nav_bar a {
color : #FF8200;
padding : 12px 10px 22px 10px; }

ul#nav_bara:visited { color : #E5E5E5; }

ul#nav_bar a:hover {
background-color : #765544;
color : #FF8200; }

ul#nav_bar a:active, ul#nav_bar a:focus { background-color : #FF8200;
color : #FFF; }

div#content {
margin : 0px 20px 10px 20px;
color : #765544;
font-size : 120%;
padding : 0 1em;
line-height : 1.5em;
background-color : #E3E3E3;
border : 2px solid #FF8200; }

img {
float : right;
margin : 10px;
border : 2px solid #FF8200;  }

span.under {
color : #808080;
font-weight : none; }

p {
margin : .8em 0; }

p#map {
height : 305px; }

div#footer {
color : #765544;
text-align : center;
height : 130px;
background : url(pics/footer.jpg) no-repeat 50% 30px; }