/* Rules for body
--------------------------------------------------------------------------------------------------- */
	body {
		margin:0;
		padding:0;
		background:#290c06 url(images/index/body-bg.jpg) repeat-x top left ;
		color:#c39a86;
		font:normal 62.5% "times new roman";
	}

	.img_class{
		border:none;
	}
	
	.text_bold{
		font-weight:bold;
	}
	
/* Rules for container div, which holds all content
--------------------------------------------------------------------------------------------------- */
	div#container {
		width:730px;
		margin:36px auto 0 auto;
	}

/* Layout: Header div
--------------------------------------------------------------------------------------------------- */
	div#container div#header {
		border-top:1px solid #553329;
		background:url(images/index/header-bg.jpg) repeat-x top left;
		float:left;
		width:730px;
	}

	div#header h1 {
		margin:0;
		padding:17px 0 11px 10px;
		line-height:0;
		float:left;
	}

	div#header h1 img {
		border:none;
	}

	div#header form {
		float:right;
		width:190px;
		display:inline;
		margin:0 3px 0 0;
		padding:32px 0 12px 0;
		background:url(images/index/newsletter-form-bg.jpg) no-repeat bottom right;
	}

	div#header form fieldset {
		margin:0;
		padding:0;
		border:none;
	}

	div#header form fieldset input#subscribeField {
		width:113px;
		height:15px;
		border:1px solid #000;
		margin:0 2px 0 0;
		padding:0;
		font:normal 1.1em "times new roman";
	}

	div#header form fieldset input#newsletter-submit {
		position:relative;
		top:4px;
	}

/* Navigation
--------------------------------------------------------------------------------------------------- */
	ul#navigation {
		clear:both;
		margin:0;
		padding:0 23px 0 24px;
		list-style:none;
		float:left;
		width:683px;
		background:#3b140d;
		border-top:3px solid #c09c84;
		border-bottom:3px solid #c09c84;
	}

	ul#navigation li {
		float:left;
		height:27px;
		overflow:hidden;
	}

	ul#navigation li a {
		font:bold 1.2em verdana;
		text-decoration:none;
		color:#ba917e;
		display:block;
		height:27px;
		line-height:27px;
		overflow:hidden;
		position:relative;
	}

	ul#navigation li a span {
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
		background:black;
		cursor:pointer;
	}

	ul#navigation li#home-nav {
		width:40px;
		margin-right:52px;
	}

	ul#navigation li#home-nav a span {
		background:url(images/index/home-nav-bg.jpg) no-repeat top left;
	}

	ul#navigation li#home-nav a:hover span {
		background:url(images/index/home-nav-hover-bg.jpg) no-repeat top left;
	}

	ul#navigation li#about-nav {
		width:48px;
		margin-right:55px;
	}

	ul#navigation li#about-nav a span {
		background:url(images/index/about-nav-bg.jpg) no-repeat top left;
	}

	ul#navigation li#about-nav a:hover span {
		background:url(images/index/about-nav-hover-bg.jpg) no-repeat top left;
	}


	ul#navigation li#cookie-guide-nav {
		width:88px;
		margin-right:60px;
	}

	ul#navigation li#cookie-guide-nav a span {
		background:url(images/index/cookie-guide-nav-bg.jpg) no-repeat top left;
	}

	ul#navigation li#cookie-guide-nav a:hover span {
		background:url(images/index/cookie-guide-nav-hover-bg.jpg) no-repeat top left;
	}


	ul#navigation li#shop-online-nav {
		width:75px;
		margin-right:59px;
	}

	ul#navigation li#shop-online-nav a span {
		background:url(images/index/shop-online-nav-bg.jpg) no-repeat top left;
	}

	ul#navigation li#shop-online-nav a:hover span {
		background:url(images/index/shop-online-nav-hover-bg.jpg) no-repeat top left;
	}


	ul#navigation li#custom-orders-nav {
		width:93px;
		margin-right:57px;
	}

	ul#navigation li#custom-orders-nav a span {
		background:url(images/index/custom-orders-nav-bg.jpg) no-repeat top left;
	}

	ul#navigation li#custom-orders-nav a:hover span {
		background:url(images/index/custom-orders-nav-hover-bg.jpg) no-repeat top left;
	}


	ul#navigation li#contact-nav {
		width:56px;
	}

	ul#navigation li#contact-nav a span {
		background:url(images/index/contact-nav-bg.jpg) no-repeat top left;
	}

	ul#navigation li#contact-nav a:hover span {
		background:url(images/index/contact-nav-hover-bg.jpg) no-repeat top left;
	}

/* Layout: Main-column div
--------------------------------------------------------------------------------------------------- */
	div#main-column {
		float:left;
		width:338px;
		border-right:1px solid #c2987f;
		position:relative;
		right:-196px;
	}
	div#main-column img {
		border:none;
	}


/* Layout: Secondary-column div
--------------------------------------------------------------------------------------------------- */
	div#secondary-column {
		float:left;
		width:194px;
		border-right:1px solid #c2987f;
		border-left:1px solid #c2987f;
		position:relative;
		left:-339px;
	}

	div#secondary-column img {
		border:none;
	}


/* Layout: Tertiary-column div
--------------------------------------------------------------------------------------------------- */
	div#tertiary-column {
		float:left;
		width:194px;
		border-right:1px solid #c2987f;
	}

	div#tertiary-column img {
		border:none;
	}


/*
Layout: About page
---------------------------------------------------------------------------------------------------*/
#about{	
	float:left;
	width:698px;
	background-color:#4b221c;
	font-size:13px;
	color:#e1c7bb;
	padding:15px 15px 0 15px;
	border-left:1px solid #c2987f;
	border-right:1px solid #c2987f;
}

#about_content{
	float:left;
	width:490px;
	padding:0 15px 0 0;
	vertical-align:top;
}

#about_image{
	float:left;
	vertical-align:top;
}

#about_sig{
	float:left;
	vertical-align:top;
}

#about_enjoy{
	float:left;
}

#about_sig_pic{
	float:left;
}


/*
Layout: Contact page
---------------------------------------------------------------------------------------------------*/
#contact{	
	float:left;
	width:728px;
	background-color:#4b221c;
	font-size:14px;
	color:#e1c7bb;
	border-left:1px solid #c2987f;
	border-right:1px solid #c2987f;
}

#contact_content{
	float:left;
	padding:80px 0 0 38px;
}

#contact_image{
	float:right;
	width:364px;
	border-left:1px solid #c2987f;
	vertical-align:top;
}

#contact_content a, #contact_content a:hover{
	color:#c39a86;
	text-decoration:none;
}

Layout: subscribe page
---------------------------------------------------------------------------------------------------*/
#subscribe{	
	float:left;
	width:726px;
	background-color:#4b221c;
	font-size:14px;
	color:#e1c7bb;
	border-left:1px solid #c2987f;
	border-right:1px solid #c2987f;
}

#subscribe_content{
	float:left;
	width:342px;	
	padding:20px 0 119px 20px;
	background-color:#4b221c;
	font-size:14px;
	color:#e1c7bb;
	border-left:1px solid #c2987f;

}

#subscribe_image{
	float:right;
	width:364px;
	border-left:1px solid #c2987f;
	border-right:1px solid #c2987f;
	vertical-align:top;
}

#subscribe_content a, #subscribe_content a:hover{
	color:#ffffff;
	text-decoration:none;
}




/* Layout: Footer div
--------------------------------------------------------------------------------------------------- */
	div#footer {
		clear:both;
		font:bold 1.1em "times new roman";
	}

	div#footer p {
		margin:0;
		padding:0;
		padding:7px 0 10px 25px;
		background:#2b0f09;
		border-top:3px solid #c2987f;
		border-left:2px solid #c2987f;
		border-right:2px solid #c2987f;
		border-bottom:1px solid #c2987f;
	}

	div#footer p span {
		float:right;
		padding-right:25px;
		font-size:1.3em;
		position:relative;
		display:block;
		width:140px;
		height:22px;
		line-height:16px;
		overflow:hidden;
	}

	div#footer p span b {
		position:absolute;
		top:0;
		left:0;
		display:block;
		width:100%;
		background:url(images/index/phone-bg) no-repeat top left;
	}

	div#footer p#copyright {
		border:none;
		background:none;
		text-align:center;
		font-size:1.1em;
		margin:0;
		padding:2px 0 0 0;
	}

	div#footer a:link, div#footer a:visited {
		color:#c39a86;
		text-decoration:none;
	}