/*
	BASE.CSS, PART OF YUI's CSS FOUNDATION
*/
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%;
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold;
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
}
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	/*border:1px solid #000;*/
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

html {
margin: 0; padding: 0;
background:#777 none repeat scroll 0 0 !important;
}

#custom-doc {
	margin:auto;text-align:left; /* leave unchanged */
	width:74.953em;/* non-IE */
	*width:73.458em;/* IE */
	min-width:975px;/* optional but recommended */
}

a { color: #DA251D; text-decoration: underline; }

.clear { clear: both; }

/*
header
*/
#hd { height: 12.153em; background-color: #000; }
#hd .logo-wrapper {padding: 2em 0 3em 0; }
#hd h1.catering-logo { margin: 0 auto; background-image: url(images/catering-logo.gif); height: 94px; width: 370px; text-indent: -9999px; }


/*
    NAV BAR
*/
ul#top-nav { margin: 0; }
ul#top-nav li { display: inline; }
ul#top-nav li a { display: block; float: left; text-indent: -9999px; height: 51px; }

ul#top-nav li.about a { width: 141px; background-image: url(images/nav-about.gif);}

ul#top-nav li.menu a { width: 116px; background-image: url(images/nav-menu.gif);}
ul#top-nav li.contact a { width: 167px; background-image: url(images/nav-contact.gif);}
ul#top-nav li.glatt-smokehouse a { width: 244px; background-image: url(images/nav-glatt-smokehouse.gif);}
ul#top-nav li.goodfriend-company a { width: 307px; background-image: url(images/nav-goodfriend-co.gif);}

/*
    BODY
*/

#bd { background: #fff url(images/catering-bd-bg.jpg); margin: 1em 0 1em 0; padding: 2em 0 2em 0; }
#bd .post { width: 41.067em; float: left; padding: 2em; background: url(images/catering-bd-bg.png) repeat scroll 0 0; margin: 0 0 0 2em; font-family: Georgia, "Times New Roman", Times, serif; }
#bd .post h2 { color: #da251d; letter-spacing: 1px; font-size: 197%;  }
#bd .post p { line-height: 2em; margin: 0 0 1em 0; }

#bd .post h3 { font-weight: bold; font-size: 150%; margin: 1em 0 0 0; }
#bd .post em { font-style: italic; }
#bd .post strong { font-weight: bold; }
/*
    SIDEBAR
*/

#sd { float: right; background: url(images/catering-bd-bg.png) repeat scroll 0 0;  margin: 0 2em 0 0; padding: 2em; }
#sd .phone-number { font-size: 167%; margin-bottom: .4em; }
#sd .fax-number { margin-bottom: .4em; }
#sd .email a { text-decoration: underline; color: #000; }

/*
footer
*/
#ft { background-color: #000; line-height: 3em; color: #fff; text-transform: uppercase; font-size: 77%; text-align: center; letter-spacing: 1px;}