/* West Coast Barbecue and Catering
   authored by GilbertStudios
   all main styles - wraps, masthead, slideshow, mainNav, mainPage, content, sideInfo, footPage, footers
   page specific styles beneath main styles listed above    */
* {
	margin: 0;
	padding: 0;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFEFCC;
	background: #512600;
	min-width: 1000px;
	text-align: center;
}
a {
	color: #D5701E;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #AD6A24;
	text-decoration: underline;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
/* :KLUDGE: all "_" chars are to fix IE 6 wierdness */
#wrapMid {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	_overflow: hidden;
	text-align: left;
	background: #FFEFCC url(../z_images/bkgd-bkWrap02mid.jpg) repeat-y;
	color: #512600;
}
#wrapUp {
	position: relative;
	width: 1000px;
	background: url(../z_images/bkgd-bkWrap01top.jpg) top left no-repeat;
}
#wrapDwn {
	padding: 0 0 50px 0;
	position: relative;
	width: 1000px;
	background: url(../z_images/bkgd-bkWrap03foot.jpg) bottom left no-repeat;
}
#masthead {
	margin: 30px 0 0 125px;
	position: relative;
	display: inline;
	float: left;
	width: 750px;
	height: 345px;
	_overflow: hidden;
}
#slideshow {
	margin:0;
	position: relative;
	float: right;
	width: 425px;
	height: 305px;
	_overflow: hidden;
}
#slideshow img {
	border: none;
}
h1 {
	margin:0;
	float: left;
	width: 325px;
	_overflow: hidden;
	background: url(../z_images/bkgd-logo-westCoastCater.gif) no-repeat;
	text-indent: -999em;
	font-size: 12px;
}
h1 a {
	display: block;
	height: 305px;
	_line-height: 305px;
}
#mainNav {
	display: inline;
	width: 750px;
	height: 40px;
	list-style: none;
	float: left;
	clear: left;
	background: url(../z_images/bkgd-nav.jpg) no-repeat;
}
#mainNav li {
	display: inline;
	float: left;
}
#mainNav li a {
	display: block;
	width: 150px;
	height: 40px;
	line-height: 40px;
	text-indent: -999em;
	background: url(../z_images/bkgd-nav.jpg) no-repeat 0 0;
}
li#navCatering a {
	width: 125px;
}
li#navCatering a:hover {
	background-position: 0px -40px;
}
li#navRestaurant a {
	width: 165px;
	background-position: -125px 0;
}
li#navRestaurant a:hover {
	background-position: -125px -40px;
}
li#navParties a {
	width: 170px;
	background-position: -290px 0;
}
li#navParties a:hover {
	background-position: -290px -40px;
}
li#navAbout a {
	width: 143px;
	background-position: -460px 0;
}
li#navAbout a:hover {
	background-position: -460px -40px;
}
li#navContact a {
	width: 147px;
	background-position: -603px 0;
}
li#navContact a:hover {
	background-position: -603px -40px;
}
/*
      ************************************  mainPage  ***
*/
#mainPage {
	margin: 20px 0 0 125px;
	clear: both;
	position: relative;
	width: 750px;
	color: #512600;
}
p#breadcrumbs  {
	margin: 0;
	width: 750px;
	line-height: 25px;
}
#content {
	position: relative;
	margin: 0;
	display: inline;
	float: left;
	width: 525px;
}
h2 {
	margin: 5px 0 7px;
	padding: 0 0 5px 0;
	font-size: 23px;
	font-weight: bold;
	color: #881A00;
	border-bottom: 1px solid #AD6A24;
}
h2 strong {
	font-weight: normal;
}
h2 a {
	color: #881A00;
}
h3 {
	margin: 7px 0 11px;
	font-size: 17px;
	font-weight: normal;
	color: #881A00;
}
h3 a {
	font-weight: normal;
	color: #881A00;
}
p {
	margin: 7px 0;
	line-height: 19px;
}
h4, p.callOut {
	margin: 11px 0;
	font-size: 15px;
	line-height: 21px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #881A00;
}
h5 {
	font-size: 14px;
	font-weight: bold;
}
.redText {
	color: #881A00;
}
#content p.smText {
	font-size: 12px;
}
#content ul, #content ol {
	margin: 10px 20px 10px 35px;
}
#content ul li, #content ol li {
	margin: 5px;
}
#content ul li a, #content ol li a {
	text-decoration: underline;
}
#content img {
	margin: 10px 0 10px 15px;
	float: right;
	clear: right;
	border: 0;
}
#content img.left {
	margin: 10px 15px 10px 0;
	float: left;
	clear: left;
}
#content img.border {
	border: 1px solid #881A00;
}
#content img.noFloat {
	float: none;
}
#content img.noMarg {
	margin: 0;
}
.fixgap {
	float: right;
	height: 0;
}
.clear {
	clear: both;
}
/*
      ************************************  sideInfo  ***
*/
#sideInfo {
	margin: 25px 0 0 25px;
	_margin: 20px 0 0 20px;
	display: inline;
	float: left;
	width: 190px;
}
#sideInfo h3 {
	margin: 7px 0;
	font-size: 14px;
	font-weight: bold;
}
#sideInfo p {
	margin: 11px 10px 0 0;
	font-size: 12px;
	color: #881A00;
}
#sideInfo p.notBekkers {
	font-size: 10px;
}
#sideInfo p#cateringOffice, #sideInfo p.cateringOffice {
	margin: 0;
	width: 190px;
	height: 102px;
	line-height: 102px;
	text-indent: -999em;
	background: url(../z_images/sideBtn-CateringOffice.jpg) no-repeat 0 0;
}
.subMenu #sideInfo p.cateringOffice {
	margin: 20px 0;
}
#sideInfo p#restaurantHours {
	margin: 0;
	width: 190px;
	height: 102px;
	line-height: 102px;
	text-indent: -999em;
	background: url(../z_images/sideBtn-RestaurantHours.jpg) no-repeat 0 0;
}
#sideInfo img {
	margin: 20px 0;
	width: 198px;
	border: 1px solid #881A00;
}
#sideInfo img.noBorder {
	border: none;
}
/*
      ************************************  #footPage  ***
*/
#footPage {
	margin: 0;
	position: relative;
	clear: both;
	width: 750px;
	height: 110px;
}
p#sanDiegoCateringCo {
	margin: 0;
	width: 750px;
	height: 110px;
	text-indent: -999em;
	background: url(../z_images/bkgd-footPg.gif) no-repeat 0 0;
}
#address {
	position: absolute;
	top: 7px;
	right: 0;
	width: 200px;
	height: 110px;
	letter-spacing: 1px;
	font-size: 14px;
}
#address strong {
	letter-spacing: 2px;
}
/*
      ************************************  footer  ***
*/
#footer {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	_overflow: hidden;
	text-align: center;
	color: #FFEFCC;
	font-size: 13px;
	line-height: 21px;
}
#footer a {
	color: #FFEFCC;
	font-weight: bold;
	text-decoration: none;
}
#footer a:hover {
	color: #D5701E;
	text-decoration: underline;
}
#footer p#footNav a {
	font-weight: normal;
	letter-spacing: 2px;
	line-height: 25px;
}
#footer p#design, #footer p#design a {
	width: 300px;
	text-align: right;
	float: right;
	font-size: 11px;
	font-weight: normal;
}
#footer p#copy {
	float: left;
}
#footer abbr {
	border: 0;
	text-decoration: none;
}
#footer #subFoot {
	margin: 13px 0 7px;
	clear: both;
	font-size: 10px;
	line-height: 13px;
	color: #AD6A24;
	text-align: justify;
}
/*
      ***************************************************************************
	  All basic pages styles above...  All individual page specific styles below.
      ***************************************************************************
*/
/*
      ************************************  #pgIndex  ***
*/
#pgIndex h2 {
	margin: 20px 0 7px;
}
#cateringVideo {
	margin: 10px 0 20px;
	position: relative;
	display: block;
	width: 525px;
	height: 315px;
	_overflow: hidden;
}
#pgIndex #content p {
	margin: 20px 0 7px;
	font-size: 14px;
}
p.barbecueRestaurantMenu {
	margin: 40px 0 20px;
	letter-spacing: 2.5px;
	height: 30px;
}
#pgIndex #sideInfo p.sideBox a {
	display: block;
	margin: 45px 0;
	padding: 7px 0;
	font-size: 13px;
	width: 180px;
	text-align: center;
	border: 1px dashed #881A00;
}
#pgIndex #sideInfo p#restaurantHours {
	margin: 100px 0 11px;
}
#pgIndex #content p.pleaseWait {
	margin: 10px 0 20px;
	font-size: 12px;
}
/*
      ************************************  #pgCatering  ***
*/
#pgCatering #content {
	width: 750px;
}
#content ul#cateringMenus {
	margin: 0 0 15px 0;
	display: inline;
	width: 750px;
	list-style: none;
	float: left;
	clear: both;
}
#content ul#cateringMenus li {
	margin: 0;
	display: inline;
	float: left;
}
#content ul#cateringMenus li a {
	padding: 10px 0 10px 15px;
	display: block;
	width: 360px;
	font-size: 18px;
	line-height: normal;
	font-weight: bold;
	letter-spacing: 1.5px;
	text-decoration: none;
	color: #512600;
}
#content ul#cateringMenus li a:hover {
	color: #FFEFCC;
	background: #881A00;
}
#content ul#cateringMenus li a.comingSoon {
	color: #AD6A24;
	cursor: default;
}
#content ul#cateringMenus li a.comingSoon:hover {
	color: #AD6A24;
	background: #FFEFCC;
}
/*
      ************************************  Catering Sub-Menu  ***
.subMenu #content p {
	font-size: 13px;
	font-weight: bold;
}
*/
#content ul.cateringSubMenu {
	margin: 0 0 15px 0;
	display: inline;
	width: 525px;
	list-style: none;
	float: left;
	clear: both;
}
#content ul.cateringSubMenu li {
	margin: 10px 0;
	display: inline;
	float: left;
	clear: both;
	width: 525px;
}
#content ul.cateringSubMenu h3 {
	margin: 0 0 0 45px;
	font-size: 21px;
	font-weight: bold;
	color: #881A00;
}
#content ul.cateringSubMenu h4 {
	margin: 11px 0 3px 60px;
	font-size: 16px;
	letter-spacing: 0.5px;
}
#content ul.cateringSubMenu p {
	margin: 7px 40px 7px 80px;
	font-size: 14px;
}

#content ul#alacarteHorsDOeuvres p {
	margin: 7px 40px 7px 80px;
	text-indent: -30px;
	font-size: 15px;
	line-height: 21px;
}
#content ul#alacarteHorsDOeuvres p.noIndent {
	margin: 0 0 0 80px;
	text-indent: 0;
}

#content ul.cateringSubMenu p.menuPrice, #content ul.cateringSubMenu p.partySize  {
	margin: 0 0 0 80px;
	font-size: 13px;
	line-height: 17px;
	color: #881A00;
}
#content ul.cateringSubMenu p.partySize {
	font-size: 11px;
}
#content ul.cateringSubMenu p.appChoice {
	font-size: 12px;
	color: #881A00;
}
p.back2Catering {
	text-align: right;
	clear: both;
}
.subMenu #sideInfo {
	_margin: 0 0 0 20px;
}
.subMenu #sideInfo ul.sidePoints li {
	margin: 7px 0 7px 15px;
	_margin: 7px 0 7px 20px;
	font-size: 12px;
	font-weight: bold;
	line-height: 19px;
	color: #881A00;
}

#pgCatIrish #content ul.cateringSubMenu li,
#pgCatMex #content ul.cateringSubMenu li,
#pgCatHors #content ul.cateringSubMenu li {
	margin: 20px 0 40px 0;
}
#pgCatBev #content ul.cateringSubMenu li {
	margin: 10px 0 20px;
}
#pgCatBev #sideInfo img {
	margin: 5px 0 20px;
}
#pgCatWedServ #sideInfo img {
	margin: 25px 0;
}
#pgCatDess #sideInfo img {
	margin: 42px 0;
}
.subMenu #content img {
	margin: 20px 0;
}
.subMenu #content img.left {
	margin: 20px 0;
}
.subMenu #content img.noClear {
	clear: none;
}

/*
      ************************************  .pgRestaurant  ***
*/
.pgRestaurant #sideInfo {
	margin: 0 10px 0 25px;
	_margin: 0 10px 0 20px;
	display: inline;
	float: right;
	width: 190px;
}
.pgRestaurant #content {
	position: relative;
	margin: 0;
	display: inline;
	float: left;
	width: 750px;
}
.pgRestaurant h2 {
	width: 525px;
}
.pgRestaurant #content p {
	margin: 11px 0;
	font-size: 14px;
}
.pgRestaurant p#ourMenu {
	margin: 20px 0 10px;
	letter-spacing: 2.5px;
	font-size: 17px;
}
.pgRestaurant p#barbecueRestaurantMenu {
	margin: 20px 0 10px;
	letter-spacing: 2.5px;
	height: auto;
}
#pgRestHome #content p.pleaseWait {
	margin: 10px 0 20px;
	font-size: 12px;
}
.pgRestaurant #content p.pleaseWait {
	font-size: 12px;
}
.pgRestaurant h5 {
	margin: 20px 0 10px;
	font-size: 19px;
	line-height: 21px;
	font-weight: bold;
	letter-spacing: 1px;
	color: #881A00;
}
.pgRestaurant #content p.restMenuImg {
	margin: 0;
	width: 750px;
	height: 1282px;
	text-indent: -9999em;
	font-size: 8px;
}
.pgRestaurant #content p#bbqRestMenu002 {
	background: url(../z_images/bbqRestMenu002.gif) no-repeat 0 0;
	height: 1195px;
}
.pgRestaurant #content p#bbqRestMenu001 {
	background: url(../z_images/bbqRestMenu001.gif) no-repeat 0 0;
}
.pgRestaurant #content p#bbqRestMenu003 {
	background: url(../z_images/bbqRestMenu003.gif) no-repeat 0 0;
	height: 1278px;
}
.pgRestaurant #content p#bbqRestMenu004 {
	background: url(../z_images/bbqRestMenu004.gif) no-repeat 0 0;
	height: 1312px;
	border: 1px solid #881A00;
}
.pgRestaurant #content p#bbqRestMenu005 {
	background: url(../z_images/PartiesToGo001.gif) no-repeat 0 0;
	height: 1620px;
	border: 1px solid #881A00;
}
.pgRestaurant #content p#bbqRestMenu006 {
	background: url(../z_images/091124-bbqRestaurantCoupon.gif) no-repeat 0 0;
	width: 705px;
	height: 514px;
}
.pgRestaurant #content p#bbqRestMenu007 {
	background: url(../z_images/100716-ad.gif) no-repeat 0 0;
	width: 559px;
	height: 375px;
}
/*
      ************************************  #pgAbout  ***
*/
#pgAbout #sideInfo #sidePics {
	margin-top: 110px;
}
#pgAbout #sideInfo img {
	margin: 10px 0;
	width: 198px;
	border: none;
}
/*
      ************************************  #pgCatInfo  ***
*/
#pgCatInfo h4 {
	margin: 17px 0 5px;
}
#pgCatInfo #content p {
	margin: 5px 0 11px;
}
#pgCatInfo #sideInfo ul.sidePoints li {
	margin: 15px 0 15px 15px;
	_margin: 15px 0 15px 20px;
}
/*
      ************************************  #pgTesty  ***
*/
#pgTesty dd {
	margin: 42px 0 5px 20px;
	font-size: 14px;
}
#pgTesty dd.evOth {
	margin: 42px 0 5px 82px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
}
#pgTesty dd p {
	line-height: 21px;
}
#pgTesty dd.evOth p {
	line-height: 23px;
}
#pgTesty dt {
	margin: 5px 0 17px 0;
	padding: 0 0 11px 250px;
	font-size: 13px;
	color: #881A00;
	border-bottom: 1px dashed #881A00;
}
/*
      ************************************  #pgContact  ***
*/
#pgContact #content p.bigger {
	margin: 13px 0;
	font-size: 15px;
}
#contactForm {
	margin: 5px 0 15px;
	width: 525px;
}
fieldset {
	margin-right: 11px;
	padding: 0 10px 5px 10px;
	border: 1px solid #881A00;
	width: 220px;
	height: 350px;
	float: left;
}
legend {
	margin: 0 0 0 20px;
	padding: 0 10px;
	font-size: 15px;
	line-height: 1.5em;
	font-weight: bold;
	color: #881A00;
	width: 120px;
	text-align: center;
}
html:not([dummy]) legend {   /* ***  for FireFox  *** */
	margin: 0 0 0 15px;
	line-height: 2em;
}
#contactForm p {
	margin: 7px 0;
}
#contactForm em {
	font-size: 11px;
}
input, select, textarea {
	width: 210px;
}
label {
	display: block;
	color: #881A00;
	font-weight: bold;
}
#formMisc {
	margin: 10px 0 20px;
	padding: 10px;
	border: 1px solid #881A00;
	width: 475px;
	float: left;
}
textarea#message {
	margin-bottom: 11px;
	width: 460px;
}
p#req{
	margin: 0;
	float: left;
	clear: left;
	width: 180px;
	font-size: 10px;
	line-height: normal;
	color: #881A00;
}
input#submit {
	margin: 5px 15px 0 0;
	float: right;
	width: 69px;
	border: 1px solid #881A00;
	color: #881A00;
	background: #FFEFCC;
}
input#submit:hover {
	color: #FFEFCC;
	background: #881A00;
}
#pgContact #sideInfo ul.sidePoints li {
	margin: 40px 0 40px 15px;
	_margin: 40px 0 40px 20px;
	font-size: 12px;
	font-weight: normal;
	line-height: 25px;
	color: #881A00;
}

#pgContact input.radio {
	margin: 0 3px 0 0;
	width: auto;
}
#pgContact p.radio label {
	margin: 0 20px 0 0;
	display: inline;
}
.ptgOrder div#extraNeeds input {
	margin: 0 5px 0 0;
	width: auto;
}
.ptgOrder div#extraNeeds label {
	margin: 0;
	display: inline;
}
/*
      ************************************  #pgSpecials  ***
*/