/* ----------------------------------------------------------------

  Title:		Master Screen Styles
  Author:		Styromedia
  Version:		07.03.2006

--------------------------------------------------------------- */

/* --[ color reference ]--------------------------

gray (dark)			#212121		borders
orange (light)		#f8d691		headers, links
orange (dark)		#ed9e00		links
orange (medium)		#bf7f00		background
red					#563c30		background
red (light)			#fdebed 	text

-------------------------------------------------- */


/* --[ general styles ]--------------------------- */

* {
  margin: 0;
  padding: 0;
  }
a:link, a:visited, a:active {
  color: #f8d691;
  }
a:hover {
  color: #fff;
  }
body {
  background: #c71325 url("/images/bg.gif") repeat-x top center;
  color: #fdebed;
  font: 62.5%/1.6em "Lucida Grande", Verdana, Arial, Sans-serif;
  margin: 0;
  padding: 0;
  text-align: center;
  }
h1 {
  font-size: 2.75em;
  font-weight: normal;
  margin: 0 0 .5em;
  color: #fff;
  letter-spacing: -1px;
  }
h2 {
  font-size: 2em;
  font-weight: normal;
  margin: 1em 0 .5em;
  color: #f8d691;
  }
img {
  vertical-align: middle;
  border: 0;
  }
li, p {
  font-size: 1.6em;
  line-height: 1.6em;
  }
p {
  margin: 0 0 1.4em;
  }
ul {
  list-style: none;
  margin: -.75em 0 1.4em 2em;
  }
ul li {
  background: url(/images/bullet.gif) no-repeat 0 8px;
  padding-left: 1.5em;
  }


/* --[ ids ]--------------------------- */

#barbeque {
  background: #212121 url(/images/barbeque.jpg) no-repeat 0 0;
  border-bottom: 2px solid #212121;
  border-top: 4px solid #212121;
  clear: both;
  height: 166px;
  padding-left: 1px;
  width: 760px;
  }
#container {
  background: url(/images/bg_btm.gif) repeat-x bottom left;
  padding: 0;
  width: 760px;
  text-align: left;
  margin: 0 auto;
  }
#content {
  min-height: 30em;
  padding: 25px;
  }
/*\*/
* html #content {
  height: 20em;
  }
/**/
#footer {
  text-align: center;
  padding-bottom: 2em;
  }
#footer p {
  margin-bottom: .75em;
  }
#footer #links span {
  padding: 0 .5em;
  }
#footer #copyright span {
  padding-left: 4em;
  }
#logo {
  float: left;
  padding: 20px 0 18px 29px;
  }
#nav {
  float: right;
  margin: 0;
  padding: 88px 2px 0 0;
  width: 497px;
  }
#nav a {
  border-bottom: 10px solid #fff;
  float: left;
  display: block;
  text-indent: -9999px;
  margin-right: 34px;
  padding-bottom: 3px;
  text-decoration: none;
  }
#nav a:active {
  outline: none;
  }
#nav a:hover {
  border-bottom: 10px solid #ed9e00;
  padding-bottom: 3px;
  }
#nav li {
  background: none;
  display: inline;
  padding: 0;
  }
#nav #ncatering {
  width: 81px;
  background: url(/images/nav_catering.gif) no-repeat 0 0;
  }
#nav #nmenu {
  background: url(/images/nav_menu.gif) no-repeat 0 0;
  width: 55px;
  }
#nav #nphotos {
  background: url(/images/nav_photos.gif) no-repeat 0 0;
  width: 66px;
  }
#nav #nabout {
  background: url(/images/nav_about.gif) no-repeat 0 0;
  width: 60px;
  }
#nav a#ncontact {
  background: url(/images/nav_contact.gif) no-repeat 0 0;
  margin-right: 0;
  width: 73px;
  }
#photos {
  margin-left: 2px;
  }
#photos p {
  margin-bottom: 4px;
  }


/* --[ classes ]--------------------------- */

.clear {
  clear: both;
  }
.hide {
  display: none;
  }
.leftcolumn {
  clear: both;
  float: left;
  width: 40%; 
  }
.menu:after, #photos:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }
.photo {
  padding: 0;
  margin-right: 2px;
  float: left;
  text-align: center;
  width: 170px;
  height: 120px;
  }
.photo img {
  padding: 4px;
  background: #f1f1f1;
  border: 1px solid #e1e1e1;
  }
.photo a:hover img {
  background: #ed9e00;
  border: 1px solid #bf7f00;
  }
.rightcolumn {
  float: right;
  text-align: left;
  width: 50%;
  }
.small {
  font-size: 1.4em;
  }