/* CSS Document */

html { overflow-y:scroll; }
body {
	color:#7a5b43;
	font-size:.8em;
	margin:0 0 25px 0;
	background-color:#f4f0e6;
	font-family:Arial, Helvetica, sans-serif;
	background-position:top center;
	background-image:url(images/bg_body.jpg);
	background-repeat:repeat-x;
}

a { color:#3e7dad; font-weight:bold; text-decoration:none}
a { color:#3e7dad; font-weight:bold; text-decoration:underline}
a img {border:none;}

h1, h2, h3, h4, p { margin:0 0 8px 0; }

h1 { font-size:1.8em; }

h2 { font-size:1.4em; }

h3 { font-size:1.2em; }

/* ---- class settings ----------------------- */
.img_top {
	position:absolute;
	top:0;
	left:0;
}

.img_btm {
	position:absolute;
	bottom:0;
	left:0;
}

.hidden_flag {
	position:absolute;
	display:block;
	top:0;
	left:0;
	text-indent:-2000em;
}

.right_align {
	float:right;
}

.left_align {
	float:left;
}

.input_field {
	width:200px;
	margin:5px 0 0 0;
	border:1px solid #7DBBEC;
}

.search_box {
	position:absolute;
	top:35px;
	left:895px;
	width:205px;
	height:100px;
	z-index:100;
}

.product_img {
	border:3px solid #7BBAED;
}

.about-image {
	margin:0 0 0 15px;
	text-align:right;
}

.signup-field {
	position:relative;
	top:0px;
	left:250px;
	width:120px;
	border:1px solid #7DBBEC;

}

.signup-btn {
	position:relative;
	top:0;
	left:150px;
}

.blog {
	position:relative;
	margin:20px 0 0 0;
}
/* ---- shop settings ----------------------- */

.shop_link {
	text-decoration:none;
	margin-bottom:5px;
}

.shop_link:hover {
	text-decoration:underline;
	margin-bottom:5px;
}

.shop_flag {
	color:#3e7dad;
}

.shop_sidebar_flag {
	margin:0 0 5px 0;
}

.shop_line {
	color:#592500;
	background-color:#592500;
	height:2px;
	border:0px;
}

.product_box {
	width:140px;
	height:auto;
	background-color:#fdf9ee;
	text-align:center;
	border:2px solid #5B2700;
	padding:10px;
	float:left;
	margin:10px;
}

.product_box a{
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
}

.product_img {
	border:3px solid #3E7DAD;
}




/* ---- layout settings ----------------------- */


#main_container {
	position:relative;
	margin:0 auto;
	width:950px;
	height:auto;
}

#header {
	position:relative;
	top:0;
	left:0;
	width:950px;
	height:186px;
	background-image:url(images/bg_header.jpg);
}

/* ---- start nav id settings ------------------------ */
 
#nav {
	position:relative;
	top:115px;
	left:298px;
	width:620px;
	height:71px;
	background-color:#CAC9B5;
}

/* ---- end nav id settings -------------------------- */

#shop_nav {
	position:relative;
	top:0;
	left:0;
	padding:50px 0 20px 15px;
	float:left;
	width:205px;
	height:auto;
}

.shop_box {
	position:relative;
	top:0;
	left:0;
	width:183px;
	height:auto;
	padding:15px 10px 15px 15px;
	background-image:url(images/bg_nav_box.jpg);
	background-repeat:repeat-y;
}



#main {
	position:relative;
	top:0;
	left:0;
	padding:50px 15px 0 0;
	float:right;
	width:700px;
	height:auto;
}

/* ---- start main content settings -------------- */

#content_main {
	position:relative;
	top:0;
	left:0;
	padding:0 20px 0 0;
	float:right;
	width:450px;
	height:auto;
}

#content_main_sub {
	position:relative;
	top:0;
	left:0;
	padding:0 20px 0 0;
	float:right;
	width:650px;
	height:auto;
}

.email_signup {
	position:relative;
	top:0;
	left:0;
	float:left;
	width:698px;
	height:49px;
	background-image:url(images/bg_email-signup.jpg);
	background-repeat:no-repeat;
}

.signup_btn {
	float:right;
	margin: -30px 10px 0 0;
}

.signup_box {
	width:300px;
	margin:15px 0 0px 220px;
}

#flash_container {
	position:relative;
	top:-50px;
	left:0;
	width:650px;
	height:230px;
}
	

/* ---- end main content settings ---------------- */

/* ---- start side bar content settings -------------- */

#side_bar {
	position:relative;
	top:0;
	left:0;
	float:right;
	width:215px;
	height:auto;
}

/* ---- end side bar content settings ---------------- */

#footer {
	position:relative;
	top:0;
	left:0;
	width:950px;
	height:89px;
	background-image:url(images/bg_footer.jpg);
	clear:both;
}

.footer_text {
	position:relative;
	float:left;
	margin:10px 0 0 40px;
}

.footer_slug {
	float:right;
	margin:10px 30px 0 0;
}
		

#footer a {
	text-decoration:none;
}

#footer a:hover {
	text-decoration:underline;
}

/* ---- start navigation settings -------------------------- */
 
#nav a {
	top:0;
	position:relative;
	float:left;
	height:71px;
	cursor:pointer;
	background-repeat:no-repeat;
	background-image:url(images/nav/nav.jpg);
}

a#nav_01 {
	width:73px;
	background-position:0 0;
}

a:hover#nav_01{
	background-position: 0px -71px;
}


a#nav_02 {
	width:77px;
	
	background-position:-73px 0;
}

a:hover#nav_02{
	background-position:-73px -71px;
}



a#nav_03 {
	width:72px;
	
	background-position:-150px 0;
}

a:hover#nav_03{
	background-position:-150px -71px;
}



a#nav_04 {
	width:72px;
	
	background-position:-222px 0;
}

a:hover#nav_04{
	background-position:-222px -71px;
}



a#nav_05 {
	width:139px;
	
	background-position:-294px 0;
}

a:hover#nav_05{
	background-position:-294px -71px;
}



a#nav_06 {
	width:63px;
	
	background-position:-433px 0;
}

a:hover#nav_06{
	background-position:-433px -71px;
}



a#nav_07 {
	width:49px;
	
	background-position:-496px 0;
}

a:hover#nav_07{
	background-position:-496px -71px;
}

a#nav_08 {
	width:75px;
	
	background-position:-545px 0;
}

a:hover#nav_08{
	background-position:-545px -71px;
}