/* can't use body due to js bg-loader */

html {
	background-color: #f6f3ec;	
}

a {
	text-decoration: none;
}

a:focus {
	outline: 0;
}

/* @group header */

#header {
	margin-left: 35px;
	overflow: hidden;
	color: #be1e2d;	
	font: 13px/1 georgia, "times new roman", times, serif;
	min-width: 976px;
}

.navigation {
	margin: 23px 21px 0 0;
	overflow: hidden;
	width: 688px;
	height: 180px;
	float: left;
}

.navigation img {
	float: left;
	display: block;
	width: 134px;
	height: 134px;
}

.navigation ul {
	overflow: hidden;
	margin-top: 64px;
}

.navigation ul li {
	float: left;
	margin-left: 21px;
}

.navigation a {
	color: #be1e2d;
	height: 8px;
	padding-bottom: 2px;
}

.navigation a:hover {
	border-bottom: 1px dotted #553e12;
}

#specials {
	width: 193px;
	padding: 23px 23px 28px 23px;
	float: right;
	margin-right: 28px;
	background: url(../images/bg-specials.png) no-repeat left bottom;
	font-style: italic;
	display: inline;
}

#specials h3 {
	padding-bottom: 16px;
	border-bottom: 1px dotted #be1e2d;
	margin-bottom: 16px;
}

#specials h3 span {
	width: 100%;
	height: 8px;
	background-position: 0 -56px;	
}

#specials ul {
	margin-bottom: 5px;
	overflow: hidden;
}

#specials ul li {
	margin-bottom: 8px;
	line-height: 1.2;
}

/* @end */

#content {
	padding-left: 7px;
	margin-left: 35px;
	overflow: hidden;
	min-height: 420px;
}

#content div p a {
	color: #553e12;
	border-bottom: 1px dotted #553e12;
}



/* @group intro */

.intro-content {
	overflow: hidden;
	min-width: 976px;
}

.intro-div {
	float: left;
	width: 503px;
	color: #553e12;
	font: 20px/1.3 georgia, "times new roman", times, serif;
	position: relative;
}

.panel-1, .panel-2, .panel-3 {
	overflow: hidden;
}

.intro-div h1 {
	font-style: italic;
	margin-bottom: 36px;
}

.intro-div p {
	margin-bottom: 30px;
}

.intro-div p a {
	color: #553e12;
	border-bottom: 1px dotted #553e12;
	font-style: italic;
}

.intro-div p a:hover {
	border-bottom: 0;
}

.pagelink {
	display: block;
	width: 100%;
	margin-bottom: 14px;
	font-size: 11px;
	font-style: italic;
	padding-bottom: 4px;
}

.pagelink span {
	text-transform: uppercase;
	letter-spacing: 3px;
	font-style: normal;
}

.pagelink a {
	color: #be1e2d;
	padding-bottom: 2px;
	border-bottom: none;
}

.pagelink a:hover {
	padding-bottom: 1px;
}

.pagelink a:hover span {
	border-bottom: 1px dotted #be1e2d;
}

.twitter {
	float: right;
	margin-right: 28px;
	width: 193px;
	padding: 23px;
	color: #be1e2d;	
	font: 13px/1.5 georgia, "times new roman", times, serif;	
}

.twitter a {
	color: #be1e2d !important;	
	border-bottom: 1px dotted #be1e2d !important;
}

.twitter a:hover {
	border-bottom: 0 !important;
}

.twitter .link {
	margin-top: 20px;
	font: 11px/1.2px helvetica, arial, sans-serif;
}

/* @end */



/* @group baked goods */

.bakedgoods-div {
	float: left;
	width: 503px;
	color: #553e12;
	font: 14px/1 georgia, "times new roman", times, serif;
}

.bakedgoods-div h1 {
	font-size: 20px;
	line-height: 1.3;
}

ul.tabs {
	overflow: hidden;
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px dotted #be1e2d;
	margin: 22px 0 16px 0;	
}

ul.tabs li {
	float: left;
	margin-right: 21px;	
}

ul.tabs a {
	color: #be1e2d;
	height: 8px;
	padding-bottom: 3px;
}

ul.tabs a:hover {
	padding-bottom: 2px;
	border-bottom: 1px dotted #553e12;
}

.menu td {
	padding-bottom: 8px;
}

.menu td.even {
	width: 196px;
}

.menu td.col2 {
	width: 70px;
	font: 12px/1 helvetica, arial, sans-serif;
}

.menu td.col4 {
	font: 12px/1 helvetica, arial, sans-serif;
	width: 40px;
}

/* @end */





/* @group beverages */

.beverages-div {
	float: left;
	width: 503px;
	color: #be1e2d;
	font: 12px/1 helvetica, arial, sans-serif;	
}

.beverages-div h1 {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px dotted #be1e2d;
	margin: 0 0 16px 0;	
}

.beverages-div td {
	padding: 2px 0 8px 0;
	width: 62px;
	vertical-align: top;
}

.beverages-div td.beverage {
	padding-top: 0;
	color: #553e12;
	font: 14px/1 georgia, "times new roman", times, serif;	
	width: 196px;
}

.beverages-div p.option {
	padding: 8px 0 0 14px;
	font-style: italic;
}


/* @end */

/* @group about */

.about-div {
	float: left;
	width: 503px;
	color: #553e12;	
	font: 16px/1.4 georgia, "times new roman", times, serif;
}

.about-div h1 {
	width: 100%;
	padding-bottom: 8px;
	border-bottom: 1px dotted #be1e2d;
	margin: 0 0 16px 0;	
}

.about-div h1 span {
	height: 10px;
}

.about-div p {
	margin-bottom: 20px;
}

/* @end */

/* @group events */

.events-div {
	float: left;
	width: 503px;
	color: #553e12;	
	font: 20px/1.3 georgia, "times new roman", times, serif;
}

.events-div h1 {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px dotted #be1e2d;
	margin: 0 0 16px 0;	
}

.events-div p {
	margin-bottom: 30px;
}

/* @end */

/* @group press */

.press-div {
	float: left;
	width: 503px;
	color: #553e12;	
	font: 14px/1.3 georgia, "times new roman", times, serif;	
}

.press-div h1 {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px dotted #be1e2d;
	margin: 0 0 16px 0;	
}

.press-div h2 {
	font: 20px/1.3 georgia, "times new roman", times, serif;
	margin-bottom: 20px;
}


.press-div ul li {
	margin-bottom: 6px;
}
.press-div a {
	color: #553e12;	
	padding-bottom: 2px;
	border-bottom: 1px dotted #553e12;
}

.press-div a:hover {
	border-bottom: 0;
}

/* @end */

/* @group contact */

.contact-div {
	float: left;
	width: 503px;
	color: #553e12;	
	font: 14px/1.3 georgia, "times new roman", times, serif;	
}

.contact-div h1 {
	width: 100%;
	padding-bottom: 10px;
	border-bottom: 1px dotted #be1e2d;
	margin: 0 0 16px 0;	
}

.contact-div h2 {
	font: 20px/1.3 georgia, "times new roman", times, serif;
	margin-bottom: 20px;
}

.contact-div p, .contact-div ul li {
	margin-bottom: 6px;
}
.contact-div a {
	color: #553e12;	
	padding-bottom: 2px;
	border-bottom: 1px dotted #553e12;
}

.contact-div a:hover {
	border-bottom: 0;
}

/* @end */

/* @group sprite styles */

.sprite {
	display: block;
	overflow: hidden;
	text-indent: -1000em;
	height: 8px;
	background-image: url(../images/sprite.png);
}

.bakedgoods {
	width: 95px;
	background-position: 0 0;
}

.navigation .bakedgoods:hover, .navigation .bakedgoods.selected {
	background-position: 0 -14px;
}

.beverages {
	width: 77px;
	background-position: -106px 0;	
}

.navigation .beverages:hover, .navigation .beverages.selected {
	background-position: -106px -14px;
}

.events {
	width: 52px;
	background-position: 0 -280px;
}

.navigation .events:hover, .navigation .events.selected {
	background-position: 0 -294px;
}

.about {
	width: 44px;
	background-position: -254px 0;
}

.navigation .about:hover, .navigation .about.selected {
	background-position: -254px -14px;
}

.press {
	width: 39px;
	background-position: -309px 0;
}

.navigation .press:hover, .navigation .press.selected {
	background-position: -309px -14px;
}

.contact {
	width: 63px;
	background-position: -359px 0;
}

.navigation .contact:hover, .navigation .contact.selected {
	background-position: -359px -14px;
}

.blog {
	width: 35px;
	background-position: -433px 0;
}

.navigation .blog:hover, .navigation .blog.selected {
	background-position: -433px -14px;
}

.daily {
	width: 39px;
	background-position: -373px -28px;
}

.daily:hover, li.selected .daily {
	background-position: -373px -42px;
}


.tuesday {
	width: 60px;
	background-position: 0 -28px;
}

.tuesday:hover, li.selected .tuesday {
	background-position: 0 -42px;
}

.wednesday {
	width: 82px;
	background-position: -70px -28px;
}

.wednesday:hover, li.selected .wednesday {
	background-position: -70px -42px;
}

.thursday {
	width: 70px;
	background-position: -162px -28px;
}

.thursday:hover, li.selected .thursday {
	background-position: -162px -42px;
}

.friday {
	width: 46px;
	background-position: -242px -28px;
}

.friday:hover, li.selected .friday {
	background-position: -242px -42px;
}

.saturday {
	width: 69px;
	background-position: -299px -28px;
}

.saturday:hover, li.selected .saturday {
	background-position: -299px -42px;
}

.ashleigh {
	width: 182px;
	background-position: 0 -84px;			
}

.johnny {
	width: 383px;
	background-position: 0 -98px;	
}

.sean {
	width: 334px;
	background-position: 0 -112px;			
}

.events-head {
	width: 430px;
	background-position: 0 -70px;	
}

.press-head {
	width: 298px;
	background-position: 0 -126px;	
}

.contact-head {
	width: 174px;
	background-position: 0 -140px;	
}

/* @end */

/* @group footer */

#footer {
	width: 966px;
	margin: 40px 0 0 35px;
	color: #be1e2d;	
	font: 12px/1 georgia, "times new roman", times, serif;
}

#footer ul {
	overflow: hidden;
	margin-bottom: 5px;
}

#footer ul li {
	float: left;
	padding: 3px 16px 3px 0;
	border-right: 1px solid #be1e2d;
	margin-right: 16px;
}

#footer ul li:last-child {
	border-right: none;
}

#footer a {
	color: #be1e2d;	
	padding-bottom: 2px;
}

#footer a:hover {
	padding-bottom: 1px;
	border-bottom: 1px dotted #be1e2d;	
}

#footer p {
	margin-bottom: 23px;
}

/* @end */