/* 
Made By Gryphon
http://http://www.shortbreadbygryphon.com/
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  	margin: 0px;
  	padding: 0;
  	border: 0;
	color: inherit;
  	font-weight: inherit;
  	font-style: inherit;
  	font-size: 100%;
  	font-family: inherit;
	text-decoration: inherit;
	background: none;
	outline: none;
	-moz-outline-style: none;
}

body {
	background-image: url(../images/splash_bg.png);
}


#header, #body {
	width: 960px;
	margin: auto;
	overflow: hidden;
}

#header {
	height: 320px;
	background: url(../images/main_header.jpg) no-repeat top left;
	position: relative;
}

h1 {
	width: 156px;
	height: 156px;
	margin: auto;
	background: url(../images/store_logo.png) no-repeat top left;
	text-indent: -9999px;
	cursor: pointer;
}
	

	#header ul {
		height: 59px;
		margin: auto;
		margin-top: 26px;
		float: left;
		position: relative;
		left: 50%;
		list-style-type: none;
	}

		#header li {
			display: inline;
			float: left;
			padding-top: 20px;
			position:relative;
   			right:50%;
		}

			#header a {
				height: 21px;
				float: left;
				margin: 0 15px;
				text-indent: -9999px;
			}
			
			a#about {
				background: url(../images/about.png) no-repeat top left;
				width: 187px;
			}
			
			a#about:hover, #about a#about {
				background-position: -187px 0;
			}
			
			a#history {
				background: url(../images/history.png) no-repeat top left;
				width: 143px;
			}
			
			a#history:hover, #history a#history {
				background-position: -143px 0;
			}
			
			a#store {
				background: url(../images/store.png) no-repeat top left;
				width: 67px;
			}
			
			a#store:hover, #store a#store {
				background: url(../images/store.png) no-repeat -67px 0;
			}
			
			a#contact {
				background: url(../images/contact.png) no-repeat top left;
				width: 94px;
			}
			
			a#contact:hover {
				background: url(../images/contact.png) no-repeat -94px 0;
			}

#back {
	position: absolute;
	top: 203px;
	left: 22px;
	height: 16px;
	color: #382d1d;
	font: 12px Arial, Helvetica, sans-serif;
	text-shadow: #dcd0ae 0px 1px 0px;
	background: url(../images/back_arrow.png) no-repeat top left;
}

	#back a {
		text-indent: 0;
		margin: 0;
		padding-left: 23px;
		height: 16px;
	}

h2 {
	width: 233px;
	height: 29px;
	margin: 35px 0 0 90px;
	float: left;
	clear: both;
	text-indent: -9999px;
}

#about h2 {
	background: url(../images/gryphons.png) no-repeat top left;
}

#history h2 {
	background: url(../images/ourhistory.png) no-repeat top left;
}

#store h2 {
	background: url(../images/products.png) no-repeat top left;
}

#store h2.shortbread {
	background: url(../images/shortbread.png) no-repeat top left;
}

#store h2.scones {
	background: url(../images/scones.png) no-repeat top left;
}

#store h2.misc {
	background: url(../images/misc.png) no-repeat top left;
}

#contact h2 {
	background: url(../images/contact_us.png) no-repeat top left;
}

#wholesale h2 {
	background: url(../images/wholesale.png) no-repeat top left;
}

#press h2 {
	background: url(../images/press.png) no-repeat top left;
}

em {
	font-style: italic;
}

hr {
	border: none;
	background-color: #c1b07c;
	color: #c1b07c;
	height: 1px;
	margin: 20px 90px;
}

#about img {
	float: right;
	margin: 100px 160px 0 0;
}

#body {
	background-image: url(../images/main_bg.png);
	padding-bottom: 50px;
}

	#body p, #body ul, #contact-form {
		color: #382d1d;
		font: 16px Georgia, "Times New Roman", Times, serif;
		padding: 10px 0;
		margin: 0 180px 0 90px;
		line-height: 20px;
		text-shadow: #dcd0ae 0 1px 0;
	}
	
	#body ul {
		padding-left: 45px;
	}
	
	img.products {
		margin: auto;
		display: block;
	}

	img.products, img.right {
		-moz-box-shadow: 0 0 3px #3c3634;
		-webkit-box-shadow: 0 0 3px #3c3634;

	}

#products {
	text-align: center;
}
		
		#products ul {
		height: 59px;
		margin: auto;
		margin-top: 5px;
		float: left;
		position: relative;
		left: 50%;
		list-style-type: none;
		padding: 0;
	}

		#products li {
			display: inline;
			float: left;
			padding-top: 20px;
			position:relative;
   			right:50%;
		}

			#products a {
				height: 25px;
				float: left;
				margin: 0 15px;
				text-indent: -9999px;
			}
			
			a#shortbread {
				background: url(../images/products_menu.png) no-repeat top left;
				width: 182px;
			}
			
			a#shortbread:hover, #shortbread a#shortbread {
				background-position: 0 -25px;
			}
			
			a#scones {
				background: url(../images/products_menu.png) no-repeat -182px 0;
				width: 108px;
			}
			
			a#scones:hover, #scones a#scones {
				background-position: -182px -25px;
			}
			
			a#misc {
				background: url(../images/products_menu.png) no-repeat -290px 0;
				width: 216px;
			}
			
			a#misc:hover, #misc a#misc {
				background-position: -290px -25px;
			}			
			
			
img.right {
	float: right;
	margin: 20px 90px 20px 20px;
}

.misc_item {
	
}

#body ul.tabs {
	height: 32px;
	border-bottom: 1px solid #a9986e;
	padding: 30px 0 0 0;
}

ul.tabs, .tab_container, .misc_item {
	margin: auto;
	width: 780px;
}

ul.tabs li {
	float: left;
	height: 31px;
	overflow: hidden;
	position: relative;
	padding: 0 20px;
	color: #382d1d;
	font: 16px Georgia, "Times New Roman", Times, serif;
	text-shadow: #dcd0ae 0 1px 0;
	line-height: 31px;
	text-transform: uppercase;
	cursor: pointer;
}

html ul.tabs li.active {
	background-image: url(../images/main_bg_dark.png);
	border: 1px solid #e5d19e;
	border-top: 1px solid #a9986e;
	border-bottom: none;
	height: 32px;
	margin-left: -1px;
}

.tab_container {
	border: 1px solid #e5d19e;
	border-top: none;
	overflow: hidden;
	clear: both;
	background-image: url(../images/main_bg_dark.png);
}

.tab_content, .misc_item {
	padding: 20px;
}

	#body .tab_content p, #body .misc_item p {
		margin: 0;
		padding: 0 0 0 290px;
	}
	
/*	#body #tab4 p {
		display: none;
	}*/
	
		#body .tab_content p em {
			font-style: italic;
		}
	
/*		#body #tab4 .active {
			display: block;
		}*/
	
	.tab_content img, .misc_item img {
		float: left;
		margin-right: 20px;
		-moz-box-shadow: 0 0 3px #3c3634;
		-webkit-box-shadow: 0 0 3px #3c3634;
	}
	
h3 {
	color: #382d1d;
	font: 24px Georgia, "Times New Roman", Times, serif;
	text-shadow: #dcd0ae 0 1px 0;
}

h4 {
	color: #093a24;
	font: 18px Georgia, "Times New Roman", Times, serif;
	text-shadow: #dcd0ae 0 1px 0;
}

h3, h4, #store form {
	margin-bottom: 12px;
}
	
	
/*this is TEMPORARY*/
#clear {
	clear: both;
}

#footer {
	width: 960px;
	margin: auto;
	background: url(../images/footer_bg.png) repeat-x top left;
}

	#footer dl {
		float: left;
		padding: 46px 25px 0 25px;
		color: #ae955e;
		font: 14px Arial, Helvetica, sans-serif;
	}
	
	#footer dl.questions {
		float: right;
	}
	
	#footer dl a {
		color: #d7c181;
	}
	
	#footer dl a:hover {
		border-bottom: 1px dashed #d7c181;
	}
	
		#footer dt {
			font-weight: bold;
			padding-bottom: 10px;
		}
		
		#footer dd {
			padding-bottom: 5px;
		}

	#footer p {
		color: #1c1817;
		font: 14px Arial, Helvetica, sans-serif;
		text-align: center;
		text-shadow: #484240 0px 1px 0px;
		padding: 10px 0 20px 0;
		clear: both;
	}
	
		#footer p a:hover {
			border-bottom: 1px dashed #1c1817;
		}

#contact-form input {
	float: left;
}

label {
	width: 120px;
	display: block;
	float: left;
}

textarea {
	width: 350px;
	float: left;
	margin-bottom: 20px;
}

.row {
	position: relative;
	clear: both;
	min-height: 35px;
}

.submit {
	width: 477px;
}

#contact-form .submit input {
	width: 102px;
	height: 27px;
	background: url(../images/submit2.png) no-repeat top left;
	text-indent: -9999px;
	border: none;
	float: right;
}

.thanks {
	display: none;
}

label.error {
	font-size: 12px;
	width: auto;
	padding-left: 10px;
	line-height: 26px;
	font-family: Arial, Helvetica, sans-serif;
	color: #990000;
}