/*
title:		Bread Shed style
created:	09.04.2010
modified:	26.04.2010
*/

/* ================[ reset ]================ */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	font-size: 100%;
}

img { border: none; }

a { color: #D07857; }
a:hover { }

/* ================[ general styles ]================ */

.clearme { clear: both; height: 0; font-size: 0; }

body {
	background: #FFF;
	color: #000;
	font-size: 62.5%; /* 1em is 10px */
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

/* ================[ header ]================ */

div#header {
	width: 610px;
	margin: 0 auto;
	padding: 30px 0 12px 0;
}

span#logo { margin: 0 auto; display: block; margin-bottom: 20px; } 
span#logo,span#logo a {
	width: 274px;
	height: 27px;
}
span#logo span { margin-left: -5000px; }
span#logo a {
	background: url(../images/logo.gif) no-repeat left top;
	display: block;
	overflow: hidden;
}

/* ================[ navigation ]================ */

ul#nav {
	list-style: none;
	text-transform: uppercase;
	width: 570px;
	margin: 0 auto;
}

ul#nav li {
	display: inline; float: left;
	margin-right: 35px;
	padding-right: 35px;
	border-right: 2px solid #ED7703;
}
ul#nav li.endNav { margin-right: 0; padding-right: 0; border-right: 0; }

ul#nav li a {
	color: #ED7703;
	text-decoration: none;
	font-size: 1.2em;
	font-weight: bold;
}

ul#nav li a:hover, ul#nav li a.selected { color: #B21F17;  }

/* ================[ key image ]================ */

div#keyImage {
	width: 100%;
	background: #FFF url(../images/keyImage.gif) no-repeat top center;
	height: 181px;
	margin-bottom: 35px;
}

/* ================[ content ]================ */

div#content {
	width: 615px;
	padding: 0 15px 10px 15px;
	margin: 0 auto;
	color: #D07857;
}

div#content-wide {
	width: 800px;
	padding: 0 0 10px 0;
	margin: 0 auto;
	color: #D07857;
}

/*
div#content h1#mainHeader {
	font-size: 4.2em;
	color: #E1A589;
}
*/
	/* ================[ homepage ]================ */
	
	h1#homeHeader {
		width: 613px;
		height: 38px;
		margin-bottom: 20px;
		text-indent: -5555px;
		background: #FFF url(../images/homeHeader.gif) no-repeat top left;
	}
	
	div#homeIntro {
		width: 350px;
		float: left;
		font-size: 1.1em;
	}
	
	div#homeIntro p {
		margin-bottom: 10px;
		line-height: 1.4em;
	}
	
	div#breadImg {
		text-align: center;
		width: 240px;
		float: right;
	}
	
	div#breadImg img { margin-bottom: 15px; }
	
	div#homeIntro h2 {
		width: 276px;
		height: 52px;
		margin-bottom: 20px;
		text-indent: -5555px;
		background: #FFF url(../images/openingHeader.gif) no-repeat bottom left;
	}
	
	div#opening { float: left; margin-bottom: 10px; }
	
	div#opening p span {
		display: block;
		float: right;
		width: 210px;
	}
	div#opening p span.date { float: left; display: block; width: 130px; }
	div#opening p { clear: both; }
	
	p#gmt { padding-top: 10px; }
	
	/* ================[ specials ]================ */
	
	div#specials {
		width: 585px;
		height: 280px;
		background: url(../images/blackboard.jpg) top center no-repeat;
		color: #FFF;
		font-size: 1.1em;
		padding-top: 45px;
		padding-left: 30px;
		line-height: 1.4em;
		
		float: right;
	}
	div#specials span { font-size: 1.6em; line-height: 1.2em; }
	
	div#weeklySpecials {
		float: left;
		width: 240px;
		text-align: center;
	}
	
	div#everySpecials {
		float: left;
		width: 290px;
		padding-left: 15px;
		line-height: 1.2em;
	}
	div#everySpecials p { font-size: 0.9em; _font-size: 0.5em; }

	div#specials h1, div#specials h2 { margin-bottom: 10px; }
	div#specials p { margin-bottom: 10px; }
	
	div#everySpecials ul { list-style: none; margin-bottom: 12px; }
	
	p#specialsFooter {
		text-indent: -5555px;
		width: 164px;
		height: 197px;
		float: left;
		background: url(../images/pleaseCall.jpg) no-repeat top left;
		margin-top: 60px;
	}
	
	div#specials-alt {
		width: 615px;
		height: 290px;
		background: url(../images/blackboard-alt.jpg) top center no-repeat;
		color: #FFF;
		font-size: 4em;
		text-align: center;
	}
	div#specials-alt h2 { padding-top: 110px; text-transform: uppercase; }
	/* ================[ contact us ]================ */

.contactpage div#content {width: 940px}
	
	h1#contactHeader {
		width: 940px;
		height: 42px;
		margin-bottom: 20px;
		text-indent: -5555px;
		background: #FFF url(../images/contactHeader.gif) no-repeat top center;
	}
	
	div#contactInfo {
		width: 940px;
		float: none;
		font-size: 1.1em;
	}
	
	div#contactInfo p {
		margin-bottom: 10px;
		line-height: 1.4em;
	}
	
	div#map_canvas {
		width: 280px;
		height: 200px;
		float: right;
		border: 6px solid #e9e9e9;
		margin-top: 4px;
	}
	
	div#handsonbaking {
		float:left;
		width: 164px;
		border: none;
		margin-top: 0px;
		margin-left: 0px
	}
	
	div#handsonbaking img {border: none}
	
	div#copy {width: 425px; float: left; margin-left: 50px}

	
	/* ================[ around us ]================ */
	
	h1#aroundHeader {
		width: 559px;
		height: 43px;
		margin-bottom: 20px;
		text-indent: -5555px;
		background: #FFF url(../images/aroundHeader.gif) no-repeat top left;
	}
	
	div#aboutCartmell {
		width: 310px;
		float: right;
		font-size: 1.1em;
	}
	
	div#aboutCartmell p {
		margin-bottom: 10px;
		line-height: 1.4em;
	}
	
	img#cartmellImg {
		float: left;
	}
	
/* ================[ footer ]================ */

div#footer {
	color: #B21F17;
	width: 615px;
	margin: 0 auto;
	padding-top: 30px;
	clear: both;
}

span#address {
	display: block;
	float: left;
}

span#emailPhone {
	display: block;
	float: right;
}

div#footer a {
	color: #B21F17;
	text-decoration: none;
}