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

/*CSS RESET				CSS RESET				CSS RESET				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: Verdana, Helvetica, serif;

	vertical-align: baseline;

}



:focus {

	outline: 0;

}



body {

	line-height: 1;

	color: #333;

	background: #d7b375 url(../images/background-main.jpg) top left repeat-x;

}

a { color: #3765A4; }

a:hover { text-decoration: none; }

ol, ul {

	list-style: disc;

	list-style-position: inside;

}



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: "" "";

}



#wrap {

	height: 100%;

}



.wrapper {

	width: 940px;

	margin: 0 auto;

	padding: 0 10px;

	background: #fff;

	position: relative;

	z-index: 9999;

}



.no_show {

	text-indent: -9999px;

}

.clear {

	clear: both;

}

.divider {

	border: dotted #000000;

	border-width: 1px 0px 0px 0px;

}



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

/* HEADER AND ADDRESS			HEADER AND ADDRESS			HEADER AND ADDRESS         */

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



#logo_stamp {

	position: absolute;

	top: 0px;

	left: 15px;

	background: url(../images/logo-dixie-belles-bbq-ribbon.png) 0 0 no-repeat;

	width: 176px;

	height: 197px;

	z-index: 9999;

}



#header {

	height: 113px;

	position: relative;

}



#header h1 {

	background: url(../images/logo-dixie-belles-bbq-text.gif) no-repeat top left;

	width: 252px;

	height: 69px;

	float: left;

	margin: 20px 0 0 190px;;

}



h3#address {

	float: right;

	margin: 20px;

	background: url(../images/images-hours.jpg) no-repeat top left;

	height: 72px;

	width: 265px;

}



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

/*NAVIGATION			NAVIGATION				NAVIGATION			NAVIGATION  */

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



#nav { background: url(../images/background-nav-bg.jpg) top left repeat-x; display: block; float: right; height: 30px; list-style: none; margin: 0px; padding: 0px 0px 0px 196px; width: 744px; }

#nav li { float: left; list-style: none; margin: 0px; padding: 0px; position: relative; }

#nav li a { height: 30px; color: #fff; display: block; }

#nav li a#home { background: url(../images/nav.jpg) 0 0 no-repeat; width: 75px; }

#nav li a#home:hover, #nav li a#home.active { background-position: 0 -30px; }

#nav li a#about { background: url(../images/nav.jpg) -75px 0 no-repeat; width: 78px; }

#nav li a#about:hover, #nav li a#about.active { background-position: -75px -30px; }

#nav li a#menus { background: url(../images/nav.jpg) -153px 0 no-repeat; width: 87px; }

#nav li a#menus:hover, #nav li a#menus.active { background-position: -153px -30px; }

#nav li a#specials { background: url(../images/nav.jpg) -240px 0 no-repeat; width: 97px; }

#nav li a#specials:hover, #nav li a#specials.active { background-position: -240px -30px; }

#nav li a#catering { background: url(../images/nav.jpg) -337px 0 no-repeat; width: 100px; }

#nav li a#catering:hover, #nav li a#catering.active { background-position: -337px -30px; }

#nav li a#party { background: url(../images/nav.jpg) -437px 0 no-repeat; width: 90px; }

#nav li a#party:hover, #nav li a#party.active { background-position: -437px -30px; }

#nav li a#reviews { background: url(../images/nav.jpg) -527px 0 no-repeat; width: 102px; }

#nav li a#reviews:hover, #nav li a#reviews.active { background-position: -527px -30px; }

#nav li a#directions { background: url(../images/nav.jpg) -629px 0 no-repeat; width: 115px; }

#nav li a#directions:hover, #nav li a#directions.active { background-position: -629px -30px; }

#nav li ul.subnav { background: #990100; border: solid #4C0000; border-width: 0px 1px 1px 1px; display: none; line-height: 100%; list-style: none; margin: 0px; padding: 0px; position: absolute; top: 30px; left: 0px; width: 170px; z-index: 999; }

#nav li ul.subnav li { background: none; clear: both; margin: 0px; padding: 0px; text-align: left; width: 100%; }

#nav li ul.subnav li a { color: #FFFFFF; display: block; font: normal 13px Arial, Helvetica, sans-serif; line-height: 100%; height: auto; padding: 6px 0px 6px 0px; text-decoration: none; text-indent: 15px; }

#nav li ul.subnav li a:hover { background-color: #820100; color: #FFFFFF; }



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

/*MAIN CONTENT AREA			MAIN CONTENT AREA				MAIN CONTENT AREA          */

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

#rt_col {

	float: right;

	width: 305px;

	position: relative;

	display: inline;

	margin-top: 10px;

	z-index: -1;

}



#lt_col {

	float: left;

	width: 615px;

	margin: 10px 0;

	position: relative;

	display: inline;

	z-index: -1;

}



#lt_col div.content-padding {

	font-size: 12px;

	line-height: 16px;

	padding: 20px;

}



#lt_col img {

	margin-right: 0px;

}



#lt_col h2 {

	color: #3E71B7;

	margin-top: 25px;

	display: block;

	border-bottom: 2px solid #3E71B7;

	padding: 0 10px 5px 0;

	font-size: 24px;

	font-weight: normal;

	text-align: right;

}



#lt_col p {

	color: #333;

	font-size: 12px;

	line-height: 16px;

}



#lt_col h3 {

	font-size: 18px;

	display: inline;

	color: #990100;

	text-transform: uppercase;

	margin-top: 5px;

}



#lt_col h4 {

	font-size: 14px;

	font-weight: bold;

	display: inline;

	color: #990100;

	text-decoration: underline;

}



#lt_col .items {

	list-style: none;

}



#lt_col .items li {

	float: left;

	width: 205px;

	font-size: 12px;

	line-height: 16px;

}



#lt_col .c_steps {

	float: left;

	width: 200px;

	font-size: 70%;

	line-height: 150%;

	margin: 15px 0;

}



#lt_col .menu-container {

	background: #F1E6D1;

	border: solid #D7B375 1px;

	padding: 20px;

}



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

/* FOOTER					 FOOTER					 FOOTER					   */

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



#footer {

	background: url(../images/background-corrugated-aluminum.gif) top left repeat-x;

	height: 325px;

	width: 100%;

	position: absolute;

	margin-top: -50px;

	padding-top: 50px;

}



#footer .email-signup {

	background: #990100;

	color: #FFFFFF;

	font: normal 12px Verdana, Arial, Helvetica, sans-serif;

	margin: 0 auto;

	padding: 12px 10px 5px 10px;

	width: 940px;

}

#footer .email-signup form {

	margin: 0px;

	padding-left: 38px;

}

#footer .email-signup form td.title {

	font-weight: bold;

	padding-right: 25px;

}

#footer .email-signup form td.field-cell {

	padding-right: 25px;

}

#footer .email-signup form label {

	display: inline-block;

	padding-bottom: 2px;

}

#footer .email-signup form input.text-field {

	border: solid #660000 1px;

	font: normal 12px Arial, Helvetica, sans-serif;

	display: inline-block;

	outline: none;

	padding: 2px 5px;

	width: 175px;

}

#footer .email-signup form input.submit-button {

	background: #DDDDDD;

	border: solid #660000 1px;

	cursor: pointer;

	font: normal 12px Arial, Helvetica, sans-serif;

	display: inline-block;

	outline: none;

	padding: 2px 5px;

	text-align: center;

	width: 100px;

}

#footer .email-signup form input.submit-button:hover {

	background: #CC8080;

}



#footer .wrapper {

	border-top: #990100 8px solid;

	color: #333;

	font: bold 10px/18px Verdana, Helvetica, serif;

	padding: 6px 10px;

}



p#f_add {

	float: left;

	width: 650px;

}



p#f_lt {

	float: right;

	text-align: right;

}



#footer div.links-container { background: url(../images/background-black-65-percent.png) top left repeat; color: #FFFFFF; font: normal 12px Verdana, Arial, Helvetica, sans-serif; margin: 20px auto; width: 960px; }

#footer div.links-container div.padding { padding: 20px 100px; }

#footer div.links-container a { color: #FFFFFF; display: block; text-decoration: none; }

#footer div.links-container a:hover { color: #FF3333; }

#footer div.links-container div.title { color: #CC0000; font-size: 20px; line-height: 100%; padding-bottom: 5px; }

#footer div.links-container td.contact-cell { text-align: right; }

#footer div.links-container td.cell1 { width: 150px; }

#footer div.links-container td.cell2a { padding-right: 20px; }

#footer div.links-container div.credits { padding-top: 20px; }

#footer div.links-container div.credits a { display: inline-block; }

#footer div.links-container div.credits .logo { vertical-align: middle; }