/*
Display for front page
*/

@import url("dejavu.css");

/* Universals */

body {
	padding:0px;
	margin:0px;
	background: url('img/paper.jpg');
	font-family:'DejaVuSansCondensed', Arial, Helvetica, sans-serif;
	color:#6F6F6F;
	font-size:14px;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary  { display: block;}
a { text-decoration:none; color:#6183DF; }
img { border: none; }

h2 {
	font-family:'DejaVuSansBook','DejaVuSansCondensed', Helvetica, Arial, sans-serif;
	font-size:14px;
	text-shadow:1px 1px 1px #efefef;
	margin-left:10px;
	font-variant:small-caps;
	color:#5f5f5f;
}

h3 {
	font-family:'DejaVuSansCondensed', Helvetica, Arial, sans-serif;
	font-size:17px;
	font-weight:bold;
	/*color:#CF710C;*/
	color:#AF9162;
}

/* style divs */
.container {
	width:900px;
	margin:0 auto;
}

.left {
	float:left;
	width:100%;
}

/* Header */

header {
	width:100%;
	clear:both;
	background:url('img/header.jpg') repeat-x;
	height:150px;
}

h1.logo  {
	width:355px;
	float:left;
	text-indent:-9999px;
	height:102px;
	background:url('img/logo3.png') no-repeat;
	margin: 0 0 25px -42px;
}

	h1 a {
		color:#3f3f3f;
		display:block;
		height:100px;
		outline:none;
	}

h2.tagline  {
	width:40%;
	float:right;
	font-size:15px;
}

/* Website Navigation */

nav {
	width:575px;
	clear:right;
	float:right;
}

	nav ul {
		list-style:none;
		padding:0 0 25px 0;
	}
	
	nav ul li {
		display:inline-block;
		margin-left:25px;
	}
	
	*+html  nav ul li {
		display:inline;
		margin-left:20px;
	}
	
		a#shop {
			margin: 15px 0 0 0;
			text-indent:-9999px;
			height:47px;
			width:80px;
			background:url('img/shop.png') no-repeat 0 -15%;
			display:block;
			outline:none;
		}
		
		a#blog {
			margin: 15px 0 0 0;
			text-indent:-9999px;
			height:47px;
			width:80px;
			background:url('img/blog.png') no-repeat 0 -15%;
			display:block;
			outline:none;
		}
		
		
		a#location {
			margin: 15px 0 0 0;
			text-indent:-9999px;
			height:42px;
			width:89px;
			background:url('img/location.png') no-repeat 0 -15%;
			display:block;
			outline:none;
		}

		*+html  a#location {
			height:45px;
		}
		
		a#about {
			margin: 15px 0 0 0;
			text-indent:-9999px;
			height:45px;
			width:87px;
			background:url('img/about.png') no-repeat 0 -15%;
			display:block;
			outline:none;
		}
		
		a#account {
			margin: 15px 0 0 0;
			text-indent:-9999px;
			height:40px;
			width:89px;
			background:url('img/account.png') no-repeat 0 -10%;
			display:block;
			outline:none;
		}
		
		*+html  a#account {
			height:45px;
		}
		
		a#shop:hover {
			background-position: 0 110%;
		}
		
		a#blog:hover {
			background-position: 0 108%;
		}
		
		a#location:hover {
			background-position: 0 98%;
		}
		
		*+html  a#location:hover {
			background-position: 0 105%;
		}
		
		a#about:hover {
			background-position: 0 100%;
		}
	
		a#account:hover {
			background-position: 0 83%;
		}
		
		*+html a#account:hover {
			background-position: 0 95%;
		}

/* Front Page Content */	

#banner {
	width:900px;
	margin:90px auto 0 auto;
	height:300px;
	background:url('img/banner.jpg');
}	

article {
	width:100%;
	float:left;
	margin-bottom:40px;
}

	h1#about {
			text-indent:-9999px;
			background:url('img/about_header.png') no-repeat;
			height:35px;
			width:900px;
			float:left;
			margin-top:20px;
	}
	
	h1#privacy {
			text-indent:-9999px;
			background:url('img/privacy.png') no-repeat;
			height:35px;
			width:900px;
			float:left;
			margin-top:20px;
	}
	
	h1#location {
			text-indent:-9999px;
			background:url('img/locale.png') no-repeat;
			height:45px;
			width:900px;
			float:left;
			margin-top:20px;
	}
	
	h1#contact {
			text-indent:-9999px;
			background:url('img/contactus.png') no-repeat;
			height:45px;
			width:900px;
			float:left;
			margin:20px 0 0 0;
	}
	
	*+html h1 {
		margin-bottom:20px;
	}
	
	section {
		width:100%;
		float:left;
		background:#FFF9EF;
		border:solid #EFE9E0 1px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
	}
	
	img#headline {
		float:left;
		margin:7px 15px 5px 10px;
		border: 2px solid #9F8D77;
	}
	
	section p {
		font-family:'DejaVuSansBook','DejaVuSansCondensed', Arial, Helvetica, sans-serif;
		color:#3f3f3f;
		font-size:13px;
		margin:15px 20px 15px 20px;
	}
	
	#interior {
		width:99%;
		margin:0 auto;
		height:280px;
	}
	
	.product {
		display:inline-block;
		width:30%;
		margin:30px 10px 0 15px;
		height:100%;
	}
	
	.product img {
		margin:0 auto;
		border: none;
		clear:both;
		display:block;
	}
	
	.product p {
		line-height:5px;
		font-size:13px;
		text-align:center;
		font-weight:bold;
	}
	
	#blog-interior {
		height:155px;
		width:100%;
	}
	
	.blogs {
		display:inline-block;
		width:30%;
		height:100%;
		margin:0 5px 0 20px;
		float:left;
	}
	
		.blogs p {
			text-shadow:none;
			font-size:13px;
			color:#5f5f5f;
		}
		
	input[type="submit"] {
		-moz-border-radius:4px 4px 4px 4px;
		background:none repeat scroll 0 0 #FFFFFF;
		border:1px solid #EFE9E0;
		color:#2F2F2F;
		font-family:'DejaVuSansCondensed',Arial,Helvetica,sans-serif;
		font-size:14px;
		height:25px;
		min-width:65px;
		cursor:pointer;
	}
	input[type="text"] {
		width:165px;
		height:18px;
		border:1px #EFE9E0 solid;
		background:#FFFFFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding:4px;
		font-family:'DejaVuSansCondensed', Arial, Helvetica, sans-serif;
		color:#6F6F6F;
		font-size:13px;
	}
	
	
	textarea {
		width:500px;
		height:215px;
		border:1px #EFE9E0 solid;
		background:#FFFFFF;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		border-radius: 4px;
		padding:4px;
		font-family:'DejaVuSansCondensed', Arial, Helvetica, sans-serif;
		color:#6F6F6F;
		font-size:13px;
		margin-bottom:15px;
	}
	
	input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
		border-color:#EFCC95;
	}
	
	form {
		margin-bottom:25px;
	}
	
	table.table-margin {
		margin-left:25px;
	}
	
	span#error {
		background:none repeat scroll 0 0 #FDFF00;
		display:block;
		height:20px;
		margin-left:15px;
		margin-top:15px;
		text-align:center;
		width:415px;
	}
	
/* Footer */	

footer {
	width:100%;
	clear:both;
	height:145px;
	margin:20px 0 0 0;
	background:#AF9162;
	border-top:4px solid #E2D8CA;
}

	footer p {
		text-align:center;
	}
	
	#footer {
		background:url('img/rose.png') 0 15% no-repeat;
		height:130px;
	}
	
	#footer ul {
		margin-left:210px;
		list-style:none;
	}
	
	#footer ul li a {
		font-family:'DejaVuSansCondensed', Arial, Helvetica, sans-serif;
		color:#4F340A;
		font-size:15px;
	}
	
	p#siteline {
		font-family:'DejaVuSansCondensed', Arial, Helvetica, sans-serif;
		color:#DFD0B5;
		font-size:12px;
		text-indent:150px;
		text-shadow:1px 1px 1px #6F4E1B;
	}

	p#siteline  a {
		color:#EFDFC2;
	}
	
.fb_iframe_widget  {
	float:right;
}