/* ------------------------------------------------------------------------
Basic Style Sheet - Bramble and Sage

Author: Oliver Coningham
Website: http://www.aztec4design.com/
Email: oliver@aztec4design.com
-------------------------------------------------------------------------*/


/* =General
-------------------------------------------------------------------------*/

body
	{ 
	background: #aec69d url('../images/body-bg.jpg') no-repeat top center;
	color: #56624d;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	}

#skip
	{ 
	display: block;
	height: 100px;
	margin-top: -100px; 
	}

hr
	{ 
	display: none;
	}
	
.clear
	{
	clear: both;
	}
	
strong
	{
	font-style: normal;
	font-weight: bold;
	}

em
	{
	font-style: italic;
	font-weight: bold;
	}
		
	
/* Branding
-------------------------------------------------------------------------*/

#branding
	{ 
	height: 101px;
	padding: 14px 0 10px 0;
	margin: auto;
	width: 770px;
	}
	
#branding h1 a
	{ 
	background: url('../images/logo.gif') no-repeat top left;
	display: block;
	height: 101px;
	margin: auto;
	text-indent: -25000px;
	width: 194px;
	}
	
	
/* Header
-------------------------------------------------------------------------*/

#header
	{ 
	background: url('../images/header-bg.gif') no-repeat top left;
	height: 181px;
	padding: 20px 20px 0 20px;
	margin: auto;
	width: 730px;
	}
	
#banner
	{ 
	height: 121px;
	margin-bottom: 5px;
	width: 730px;
	}
	
/* Nav
-------------------------------------------------------------------------*/

#nav
	{
	height: 50px;
	text-indent: -25000px;
	width: 730px;
	}
	
#nav li
	{
	float: left;
	}
		
#nav a
	{
	display: block;
	height: 50px;
	width: 121px;
	}

#nav a:hover, #nav .selected
	{
	background-position: 0 0;
	}
	
#nav-home a
	{
	background: url('../images/nav-home.gif') no-repeat 0 -50px;
	}
	
#nav-about a
	{
	background: url('../images/nav-about.gif') no-repeat 0 -50px;
	}
	
#nav-deli a
	{
	background: url('../images/nav-deli.gif') no-repeat 0 -50px;
	width: 123px;
	}
	
#nav-products a
	{
	background: url('../images/nav-products.gif') no-repeat 0 -50px;
	width: 123px;
	}
	
#nav-contact a
	{
	background: url('../images/nav-contact.gif') no-repeat 0 -50px;
	}
	
#nav-news a
	{
	background: url('../images/nav-news.gif') no-repeat 0 -50px;
	}
	
#nav-links a
	{
	background: url('../images/nav-links.gif') no-repeat 0 0;
	display: block;
	height: 30px;
	text-indent: -25000px;
	width: 175px;
	}

#nav-reviews a
	{
	background: url('../images/nav-reviews.gif') no-repeat 0 0;
	display: block;
	height: 30px;
	text-indent: -25000px;
	width: 175px;
	}
		
#nav-links a:hover, #nav-reviews a:hover
	{
	background-position: 0 -30px;
	}
	
	
/* Content
-------------------------------------------------------------------------*/

#container
	{ 
	background: url('../images/container-bg.gif') no-repeat top center;
	clear: both;
	margin: 10px 0 5px 0;
	width: 100%;
	}	
	
#content
	{ 
	background: #dfdccb url('../images/content-bg.gif') repeat-y top center;
	margin: auto;
	padding-left: 20px;
	width: 750px;
	}
	
#content-top
	{ 
	background: #dfdccb url('../images/content-top.gif') no-repeat top center;
	height: 20px;
	margin: auto;
	width: 770px;
	}
	
#content-bottom
	{ 
	background: #dfdccb url('../images/content-bottom.gif') no-repeat top center;
	height: 20px;
	margin: auto;
	width: 770px;
	}
	
#content p, #content blockquote
	{
	line-height: 1.5em;
	padding-bottom: 1.25em;
	}

#content ul li
	{
	border-left: 1px solid #aec69d;
	line-height: 1.5em;
	margin: 0 15px 1.25em 15px;
	padding-left: 15px;
	}
		
blockquote
	{
	font-style: italic;
	padding: 0 15px;
	}
	
#content h2
	{
	font-family: "Times New Roman", Times, serif;
	font-size: 150%;
	font-weight: bold;
	margin-bottom: 10px;
	}
	
#content h3
	{
	font-family: "Times New Roman", Times, serif;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 10px;
	}
	
#content-images
	{
	float: left;
	margin-right: 15px;
	width: 175px;
	}
	
#content-text
	{
	background: url('../images/window-bricks.jpg') no-repeat top right;
	float: left;
	padding-right: 205px;
	width: 350px;
	}
	
#content-text-extended
	{
	float: left;
	padding-right: 15px;
	width: 540px;
	}
	
#content-text a, #content-text-extended a
	{
	color: #56624d;
	text-decoration: underline;
	}
	
#content-text a:hover, #content-text-extended a:hover
	{
	color: #000;
	text-decoration: underline;
	}	

#signature
	{
	background: url('../images/signature.gif') no-repeat top left;
	height: 21px;
	margin-left: 168px;
	text-indent: -25000px;
	width: 182px;
	}
	
#vintage
	{
	height: 175px;
	margin-bottom: 1.5em;
	width: 175px;
	}
	
	
/* Contact
-------------------------------------------------------------------------*/

#contact
	{ 
	background: url('../images/contact-bg.gif') no-repeat top left;
	height: 55px;
	margin: auto;
	text-indent: -25000px;
	width: 770px;
	}


/* Footer
-------------------------------------------------------------------------*/

#footer
	{ 
	color: #c2d4b6;
	font-size: 90%;
	margin: 7px auto 15px auto;
	width: 760px;
	}	
	
#footer a
	{
	color: #fff;
	text-decoration: none;
	}
	
#footer a:hover, #footer a.selected
	{
	color: #56624d;
	text-decoration: underline;
	}
	
#footer-links
	{
	float: left;
	}
	
#aztec
	{
	float: right;
	}