body {
  background: url('bg.gif') repeat-x;
  text-align: center;
  font-family: sans-serif;
}

#wrapper {
	position:relative;
	margin:0 auto;
	width:888px;
}
#wrapper h3{
font-size: 24px;
  font-weight: bold;
  padding: 10px 0px 5px 30px;
  text-align:left;	
}

#topbar {
  background-image:url('img/topbar.gif');
  width: 886px;
  height: 45px;
  margin-top: 20px;
  margin-left: 1px;
}

#topbar p {
  color: #d6d6d6;
  text-align: right;
  padding-top: 16px;
  margin-right: 20px;
  padding-bottom: 2px;
  font-size:14px;
}

#navbar {
  margin-top: 20px;
}

#navbar ul, #navbar li {
  float: left;
}

#navbar li, #navbar a {
  display: block;
  height: 32px;
  width: 111px;
} 

#navbar a {
  background: url('img/navbar.gif') no-repeat;
  text-decoration:none;
  color: #666;
  font-family: sans-serif;
  padding-top: 10px;
  font-size: 12px;
}

#navbar a:hover {
  color: #600;
}

#titlebar {
  margin-top: 40px;
  height: 145px;
  width: 888px;
  background: url('img/titlebar.gif') no-repeat;
}

#titlebar h1, #titlebar h2 {
  text-indent: -9999px;
}

#main {
  height: 410px;
  width: 888px;
  margin-top: 10px;
  text-align: left;
  background: url('img/main.gif') no-repeat;
}

#main.index {
  background: url('img/indexmain.gif') no-repeat;
}

#main.aboutus {
  background: url('img/aboutusmain.gif') no-repeat;
}

#main.location {
  background: url('img/locationmain.gif') no-repeat;
}

#main.contact {
  background: url('img/contactmain.gif') no-repeat;
}

#main.menu {
  background: url('img/menumain.gif') no-repeat;
}

#main.catering {
  background: url('img/catering.jpg') no-repeat;
}

#main p {
  padding: 10px 30px;
  width: 50%;
  font-size: 14px;
  word-spacing: 1px;
}
#bespoke p {
  padding: 10px 30px;
  width: 92%;
  font-size: 14px;
  word-spacing: 1px;
  text-align:left;
  }
#bespoke {
	background: url('img/main.gif') no-repeat;
}  
.bold {
  font-weight: bold;
}

#footer {
  height: 45px;
  width: 888px;
  background: url('img/footer.gif') no-repeat;
  margin-top: 20px;
  margin-bottom: 20px;
  }

#footer h6 {
  color: #d6d6d6;
  font-weight: normal;
  text-align: left;
  font-size: 12px;
  margin-left: 70px;
  padding-top: 17px;
  float: left;
}

h6#cbtech {
  margin-left: 400px;
}

#footer a {
  text-decoration: none;
  color: #d6d6d6;
}
.c1 {
width:200px;
float:left;
margin:20px 0 20px 18px;
padding:0  0 20px 0;
}
.c2 {
width:200px;
float:left;
margin:20px 0 20px 20px;
padding:0  0 20px 0;
}
.c3 {
width:200px;
float:left;
margin:20px 0 20px 20px;
padding:0  0 20px 0;
}
.c4 {
width:200px;
float:left;
margin:20px 0 20px0 20px;
padding:0  0 20px 0;
}