@charset "UTF-8";
/* CSS Document */

/* -------------------------- CSS Reset ------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* ----------------------- Basic Elements ----------------------------- */

body {
font-size: 62.5%;
background: url('../images/brown-bg.jpg') top left repeat;
font-family: Georgia, "Times New Roman", Times, serif;
}
/* ----------------------- Form Layout ----------------------------- */
.form {
}

.form p {
font-size: 13px;
line-height: 15px;
font-weight: normal;
padding: 0px 0px 0px 0px;
color: #1f1f1f;
}
/* ----------------------- Page Layout ----------------------------- */

#background {
background: url('../images/body-bg.jpg') 0 1px repeat-x;
width: 100%;
float: left;
}

#body-container {
width: 100%;
float: left;
background:transparent url(../images/sub-page-main-bg.jpg) repeat-x scroll 50% 0;
}

* html #body-container {
background: url('../images/sub-page-main-bg.jpg') 48% 0 repeat-x scroll;
}

#wrapper {
width: 912px;
margin: 0 auto;
}

#header {
width: 912px;
float: left;
}

* html #header {
margin: 0 0 0 14px;
}

h1 a.logo {
text-indent: -9999px;
display: block;
width: 356px;
height: 122px;
float: left;
background: url('../images/logo-top.jpg') top left no-repeat;
}

#content {
width: 912px;
padding-bottom: 25px;
float: left;
background: url('../images/content-repeat-bg.gif') top left repeat-y;
}

* html #content {
margin: 0 0 0 14px;
padding: 0 0 15px 0;
}

#left {
width: 356px;
background: url('../images/left-img-bg.jpg') top left no-repeat;
float: left;
padding: 235px 0 0 0;
}

#left2 {
width: 356px;
background: url('../images/left-img-bg2.jpg') top left no-repeat;
float: left;
padding: 235px 0 0 0;
}

#left3 {
width: 356px;
background: url('../images/left-img-bg6.jpg') top left no-repeat;
float: left;
padding: 235px 0 0 0;
}

#left4 {
width: 356px;
background: url('../images/left-img-bg7.jpg') top left no-repeat;
float: left;
padding: 235px 0 0 0;
}

#left5 {
width: 356px;
background: url('../images/left-img-bg8.jpg') top left no-repeat;
float: left;
padding: 235px 0 0 0;
}

#left6 {
width: 356px;
background: url('../images/left-img-bg5.jpg') top left no-repeat;
float: left;
padding: 235px 0 0 0;
}

#left7 {
width: 356px;
background: url('../images/left-img-bg4.jpg') top left no-repeat;
float: left;
padding: 235px 0 0 0;
}

#left8 {
width: 356px;
background: url('../images/left-img-bg3.jpg') top left no-repeat;
float: left;
padding: 235px 0 0 0;
}

* html #left, * html #left2, * html #left3, * html #left4, * html #left5, * html #left6, * html #left7, * html #left8 {
padding: 235px 0 0 5px;
width: 330px;
}

#sub-left {
width: 307px;
float: left;
margin-left: 29px;
background: #fff;
padding: 10px;
}

* html #sub-left {
margin-left: 12px;
width: 305px;
}

#main-content {
width: 556px;
float: right;
padding:15px 0 0 0;
background: url('../images/content-bg.jpg') top left repeat-x #fff;
}

* html #main-content {
width: 558px;
float: left;
padding: 0;
margin: 0;
}

.callout {
width: 170px;
float: left;
margin: 5px 5px 25px 5px;
padding-bottom: 10px;
border: 1px solid #5a6234;
}

.box {
height: 150px;
}

.single {
margin: 5px 15px 5px 5px;
background: url('../images/single-bg.jpg') bottom right no-repeat;
border: 2px solid #75271D;
}

#main-content .single p {
font-weight: bold;
color: #D0C2B4;
font-size: 14px;
}

#main-content .single p a {
color: #7da273;
}

.menu {
height: 300px;
}

.large {
height: 460px;
}

#footer {
width: 883px;
height: 55px;
float: left;
margin: 0 0 15px 28px;
padding: 10px 0 0 0;
background: url('../images/footer-bg.jpg') top left no-repeat;
}

#map {
border: 2px solid #7f531d;
margin: 10px;
width: 500px;
clear: both;
}

/* ----------------------- Navigation Elements ----------------------------- */

/* -------------Top Nav ----------*/

#header ul {
float: right;
width: 500px;
margin-top: 60px;
}

#header ul li {
float: left;
display: inline;
padding: 0 10px;
}

#header ul li a {
text-decoration: none;
font-size: 16px;
font-weight: bold;
color: #d0c2b4;
}

#header ul li a.active, #header ul li a:hover {
border-bottom: 3px solid #75271d;
}

/* ------------- Left Sub Nav --------------*/

#sub-left ul {
background: #e7e0d9;
padding: 10px 12px 0 7px;
float: left;
width: 254px;
}

#sub-left ul li {
padding: 0 0 6px 0;
}

#sub-left ul li a {
color: #553e25;
font-size: 16px;
font-weight: bold;
text-decoration: none;
width: 195px;
padding: 20px 0 20px 64px;
display: block;
}

#sub-left ul li a:hover {
color: #75271d;
}

#sub-left ul li a.first {
background: url('../images/li-1-bg.jpg') top left no-repeat;
}

#sub-left ul li a.second {
background: url('../images/li-2-bg.jpg') top left no-repeat;
}

#sub-left ul li a.third {
background: url('../images/li-3-bg.jpg') top left no-repeat;
}

/* ----------------------- Typography ----------------------------- */

#news-events h2 {
background: url('../images/news-header-bg.jpg') bottom left repeat-x;
margin: 0 10px 2px 10px;
padding: 5px 0 5px 0;
font-size: 16px;
color: #7d2a1c;
font-weight: bold;
}

#news-events p {
padding: 0 10px;
font-size: 12px;
line-height: 13px;
text-decoration: underline;
}

#welcome h2, #welcome p {
text-indent: -9999px;
}

#main-content h3.bbq-experience {
width: 541px;
height: 39px;
display: block;
float: left;
text-indent: -9999px;
margin: 5px 9px 5px 10px;
background: url('../images/original-bg.jpg') top left no-repeat;
}

* html #main-content h3.bbq-experience {
margin: 5px;
}

#main-content p, #main-content address {
font-size: 13px;
line-height: 15px;
font-weight: normal;
padding: 10px 10px 5px 10px;
color: #1f1f1f;
}

#main-content small {
font-size: 11px;
line-height: 14px;
padding: 0 10px 5px 10px;
color: #1c1c1c;
clear: both;
font-style: italic;
}

#main-content ul {
margin: 0 25px;
}

#main-content li {
font-size: 12px;
line-height: 15px;
font-weight: bold;
color: #1f1f1f;
list-style-type: disc;
}

#footer p {
padding: 0 0 4px 0;
}

#footer p, #footer a {
text-align: center;
color: #fff;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

#footer p a {
padding: 0 15px;
border-right: 1px solid #fff;
text-align: center;
text-decoration: none;
}

#footer p a:hover {
color: #75271d;
}

#footer p a.no-border {
border: 0;
}

#footer p a.colorize {
color: #cab08e;
border: 0;
padding: 0
}

#footer p a.colorize:hover {
text-decoration: underline;
}

#main-content a {
color: #5a6234;
}

#main-content a:hover {
color: #7f531d;
}

#main-content h4 {
color: #75271D;
font-size: 18px;
font-weight: bold;
margin: 15px 10px 6px 10px;
text-transform: uppercase;
border-bottom: 1px solid #75271d;
}

#main-content h5 {
color: #75271D;
font-size: 15px;
font-weight: bold;
padding: 15px 0 0 10px;
}

h3.history {
text-indent: -9999px;
background: url('../images/history-bg.jpg') bottom left no-repeat;
display: block;
float: left;
margin: 20px 10px 10px 10px;
width: 500px;
height: 51px;
}

h3.cater-the-flavor {
text-indent: -9999px;
background: url('../images/cater-the-flavor-bg.jpg') bottom left no-repeat;
display: block;
float: left;
margin: 20px 10px 10px 10px;
width: 500px;
height: 51px;
}

h3.more-than-bbq {
text-indent: -9999px;
background: url('../images/more-than-bbq-bg.jpg') bottom left no-repeat;
display: block;
float: left;
margin: 20px 10px 10px 10px;
width: 500px;
height: 51px;
}

h3.fundraising-central {
text-indent: -9999px;
background: url('../images/fundraising-central-bg.jpg') bottom left no-repeat;
display: block;
float: left;
margin: 20px 10px 10px 10px;
width: 500px;
height: 51px;
}

h3.location {
text-indent: -9999px;
background: url('../images/location-bg.jpg') bottom left no-repeat;
display: block;
float: left;
margin: 20px 10px 10px 10px;
width: 500px;
height: 51px;
}

h3.contact {
text-indent: -9999px;
background: url('../images/contact-bg.jpg') bottom left no-repeat;
display: block;
float: left;
margin: 20px 10px 10px 10px;
width: 500px;
height: 51px;
}

h3.menu {
text-indent: -9999px;
background: url('../images/menu-bg.jpg') bottom left no-repeat;
display: block;
float: left;
margin: 20px 10px 10px 10px;
width: 500px;
height: 51px;
}

* html h3.more-than-bbq, * html h3.history, * html h3.cater-the-flavor, * html h3.fundraising-central, * html h3.location, * html h3.contact, * html h3.menu {
width: 500px;
float: left;
}

* html h3 {
padding-top: 20px;
float: left;
}

* html p {
clear: both;
}

strong {
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
color: #5a6234;
border-bottom: 1px solid #5a6234;
line-height: 18px;
}

#main-content p .sandwich {
font-size: 14px;
font-weight: bold;
color: #75271D;
line-height: 18px;
}

/* ----------------------- Tables ----------------------------- */

table {
width: 100%;
}

th {
font-size: 14px;
font-weight: bold;
text-align: center;
padding: 6px;
border-bottom: 1px solid #75271D;
}

td {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: center;
padding: 6px;
}

table#hours {
width: 90%;
border-top: 1px solid #75271D;
border-right: 1px solid #75271D;
border-left: 1px solid #75271D;
margin-left: 10px;
}

table#menu {
width: 75%;
margin: 15px 0 0 0;
}

td.day {
text-align: right;
text-decoration:none;
}

table#hours td.day {
border-right: 1px solid #f4f4f4;
}

table#hours td {
text-align: left;
border-bottom: 1px solid #75271D;
}

#main-content .callout li {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-align: left;
font-weight: normal;
}

/* ----------------------- Images ----------------------------- */

.img-right {
float: right;
padding: 4px 40px 0 0;
}

#image {
background: #e7e0d9;
padding: 3px;
float: right;
margin: 10px;
width: 320px;
}

#image-left {
background: #e7e0d9;
padding: 3px;
float: left;
margin: 10px;
width: 320px;
}

#image img {
float: right;
margin: 5px;
border: 5px solid #FAF0D7;
}

#image-left img {
float: left;
margin: 5px;
border: 5px solid #FAF0D7;
}

/* ----------------------- Images ----------------------------- */
#contactInfo { 
width: 450px; 
float: right; 
color:#D0C2B4;
padding:15px 20px 0 0;
text-align:right;
font-size: 17px
}

#leftContactInfo {
color:#D0C2B4;
font-size: 20px;
float:left;
padding:5px 0 10px 17px;
width:292px;
}