@charset "UTF-8";
/* Rookworks Main CSS Document */
* {
   margin: 0px;
   padding: 0px;
   }
a img {
	border:none;
	}
   
body {
	width: 936px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:1.7em;
	margin: 0 auto 10px auto;
	background-image:url(../images/vine.jpg);
	background-repeat:repeat;
	color:#000;
	}
p	{
	padding-bottom:8px;
	}
h1 {
	font-size:26px;
	line-height:1.3em;
	color:#693400;
	font-weight:lighter;
	font-family:Georgia, "Times New Roman", Times, serif;
	}
h2 {
	font-size:24px;
	line-height:1.3em;
	color:#693400;
	font-weight:lighter;
	}
h3 {
	font-size:18px;
	line-height:1.3em;
	color:#693400;
	font-weight:lighter;
	}
#header {
	width:936px;
	height:155px;
	}
#topnav {
	height:31px;
	color:#fff;
	text-align:right;
	background-image:url(../images/topnav.jpg);
	padding:20px 10px 0 0;
	}
#topnav ul, il {
	display:inline;
	}
#topnav a:link{
	color:#fff;
	text-decoration:none;
	}
#topnav a:visited {
	color:#fff;
	text-decoration:none;
	}
#topnav a:hover {
	color:#fff;
	text-decoration:underline;
	}
.header1 {
	width:468px;
	height:61px;
	background-image:url(../images/header1.jpg);
	float:left;
	}
.header2 {
	width:468px;
	height:61px;
	background-image:url(../images/header2.jpg);
	float:left;
	}
.header3 {
	width:936px;
	height:43px;
	background-image:url(../images/header3.jpg);
	float:left;
	}
#nav {
	height:32px;
	text-align:right;
	color:#fff;
	font-size:18px;
	line-height:1.5em;
	background-image:url(../images/nav.jpg);
	padding:7px 25px 0 0;
	}
#nav ul, li {
	display:inline;
	}
#nav a:link, a:visited {
	color:#fff;
	text-decoration:none;
	}
#nav a:hover {
	color:#693400;
	text-decoration:none;
	}
a:link {
	color:#4f460e;
	text-decoration:underline;
	}
a:visited {
	color:#4f460e;
	text-decoration:underline;
	}
a:hover {
	color:#4f460e;
	text-decoration:none;
	}
#body {
	background-image:url(../images/body.jpg);
	background-color:#d9dbbf;
	background-position:top;
	background-repeat:no-repeat;
	}
.pagetitle {
	padding-top:34px;
	text-align:center;
	width:100%px
	}
.pagetext {
	margin: 5px 43px 0 52px;
	background-color:#c8cc94;
	padding:10px 15px 10px 15px;
	}
.products_area {
	background-image:url(../images/product_area.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-color:#d9dbbf;
	height:200px;
	padding-top:6px;
	width:936px;
	}
.products {
	background-image:url(../images/products.jpg);
	text-align:right;
	font-size:18px;
	color:#17471e;
	margin:0 0 0 45px;
	width:137px;
	height:186px;
	padding-top:10px;
	float:left;
	}
.ingred {
	width:230px;
	height:189px;
	background-image:url(../images/ingrediants.jpg);
	text-align:center;
	font-size:18px;
	color:#17471e;
	padding-top:7px;
	margin:0 0 0 235px;
	}
#footer {
	background-image:url(../images/footer.jpg);
	height:16px;
	}
#lowernav {
	text-align:center;
	font-size:12px;
	color:#4f460e;
	width:440px;
	height:44px;
	padding-left:20px;
	padding-top:7px;
	margin-top:151px;
	float:right;
	line-height:1.3em;
	}
#lowernav a:link, a:visited {
	color:#4f460e;
	text-decoration:none;
	}
#lowernav a:hover {
	color:#4f460e;
	text-decoration:underline;
	}
	
#lowernav-in {
	text-align:center;
	font-size:12px;
	color:#4f460e;
	width:440px;
	height:44px;
	padding-left:20px;
	padding-top:7px;
	margin-top:10px;
	float:right;
	line-height:1.3em;
	}
#lowernav-in a:link, a:visited {
	color:#4f460e;
	text-decoration:none;
	}
#lowernav-in a:hover {
	color:#4f460e;
	text-decoration:underline;
	}
.headerimg {
	padding-bottom:10px;
	}
.images {
	padding:5px 0 5px 10px;
	}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}